Traversy Media


  • 16:57 Simple Weight Converter App With JavaScript & Bootstrap 4

    Simple Weight Converter App With JavaScript & Bootstrap 4

    by Best Webhosting Added 86 Views / 0 Likes

    In this mini-project tutorial we will be building a simple weight converter app using JavaScript and Bootstrap 4 for the ui. It will convert pounds to grams, kilograms and ounces. This will be pure vanilla JavaScript with no JS libraries or frameworks. CODE: Code for this project https://codepen.io/bradtraversy/pen/jGNWey BECOME A PATRON: Get special perks http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLL

  • 26:13 Popular Using MySQL With Node.js

    Using MySQL With Node.js

    by Best Webhosting Added 116 Views / 0 Likes

    In this quick guide I will show you how to use MySQL along with Node.js. This is something I am constantly asked by LAMP stack devs wanting to learn Node.js. We will be using the MySQL JavaScript client along with Express and Node. CODE: Code for this video http://www.traversymedia.com/downloads/nodemysql.zip BECOME A PATRON: Support me directly for even $1 per month http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/travers

  • 1:25:11 Popular CSS Crash Course For Absolute Beginners

    CSS Crash Course For Absolute Beginners

    by Best Webhosting Added 123 Views / 0 Likes

    In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations, etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox. 17+ Hour HTML & CSS Course (Promo Link): ht

  • 1:00:42 HTML Crash Course For Absolute Beginners

    HTML Crash Course For Absolute Beginners

    by Best Webhosting Added 94 Views / 0 Likes

    In this crash course I will cram as much about HTML that I can. This is meant for absolute beginners. If you are interested in learning HTML but know nothing, then you are in the right place. We will be creating a cheat sheet with all of the common HTML5 tags, attributes, semantic markup, etc. We will not be focusing on CSS in this video. The CSS crash course will be released shortly after 17+ Hour HTML & CSS Course (Promo Link): https://www.udemy.com

  • 21:01 Popular Create a Fake REST API with JSON-Server

    Create a Fake REST API with JSON-Server

    by Best Webhosting Added 116 Views / 0 Likes

    In this video I am going to show you how to install a fake REST API using an incredible tool called JSON-Server. This is used for mocking and prototyping and is something that I personally use all of the time. It is useful to anyone building frontend apps with something like Angular, React, etc. CODE: Download the files http://www.traversymedia.com/downloads/jsonserver.zip JSON CRASH COURSE: https://www.youtube.com/watch?v=wI1CWzNtE-M SPONSORS: DevMou

  • 20:48 Basic Parallax Website With HTML & CSS

    Basic Parallax Website With HTML & CSS

    by Best Webhosting Added 89 Views / 0 Likes

    In this video we will be building a very basic implementation of a parallax website with fixed scrolling using HTML and CSS. We will make it so that we can scroll and the images will stay in place. We will also learn some other basic HTML and CSS tips along the way CODE: Code for this video http://www.traversymedia.com/downloads/parallaxwebsite.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa BECOME A PATRON: Support me directly for even $1

  • 37:20 Hapi.js Framework Crash Course

    Hapi.js Framework Crash Course

    by Best Webhosting Added 90 Views / 0 Likes

    In this under 40 minute crash course we will be talking about and working with the Hapi.js server side framework. Hapi js is similar to Express. We can setup routes, implement templates, work with databases and so on. CODE: Code for this video https://github.com/bradtraversy/hapiapp SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa BECOME A PATRON: Support me directly for even $1 per month http://www.patreon.com/traversymedia ONE TIME DONATIONS:

  • 1:01:12 Popular Angular In 60 Minutes

    Angular In 60 Minutes

    by Best Webhosting Added 108 Views / 0 Likes

    UPDATED 2019 VERSION HERE - https://www.youtube.com/watch?v=Fdf5aTYRW0E In this Angular crash course we will be diving into the Angular framework to look at all the fundamentals including Angular CLI, components, services, types, directives, events, HTTP, routing and more FULL COURSE WITH PROJECT: https://www.udemy.com/angular-4-front-to-back/?couponCode=TRAVERSY010 CODE: Code for this video https://github.com/bradtraversy/a4app BECOME A PATRON: http:

  • 08:20 Popular Angular 4 Front To Back: Udemy Course Preview

    Angular 4 Front To Back: Udemy Course Preview

    by Best Webhosting Added 114 Views / 0 Likes

    This is a preview of my first Udemy course under Traversy Media. If you want to support me in the best way possible and you want to learn more about Angular, please consider checking it out. GET FOR $25! - ONLY 100 OF THESE! https://www.udemy.com/angular-4-front-to-back/?couponCode=TRAVERSY

  • 48:21 Popular Build A Meteor.js App In 45 Minutes

    Build A Meteor.js App In 45 Minutes

    by Best Webhosting Added 103 Views / 0 Likes

    In this video we will build a note manager application with the Meteor.js full stack JavaScript framework. Meteor uses MongoDB which is a NoSQL database, it also uses the Blaze template system. We will also use MaterializeCSS by installing the Meteor package. CODE: Code for this project https://github.com/bradtraversy/notemanager SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa MOBILE COURSE: http://www.traversymedia.com/course/projects-top-five

  • 17:46 Popular Build A Filterable List With Vanilla JavaScript

    Build A Filterable List With Vanilla JavaScript

    by Best Webhosting Added 106 Views / 0 Likes

    In this mini-project and JavaScript tutorial we we will build a filterable list. We will also be using Materialize for CSS and layout. We are not using any other plugins or anything like that, it is all vanilla JavaScript CODE: Code for this project http://www.traversymedia.com/downloads/filterablelist.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa BECOME A PATRON: Support me directly for even $1 per month http://www.patreon.com/traversyme

  • 49:41 Bulma CSS Framework Crash Course

    Bulma CSS Framework Crash Course

    by Best Webhosting Added 97 Views / 0 Likes

    This is a crash course and resource guide for the Bulma HTML & CSS framework. We will create a cheat sheet with most of the elements that are available including the navigation, typography, boxes, grid system, forms, tables , etc CODE: Code for this video http://www.traversymedia.com/downloads/bulmasandbox.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa SUPPORT: We spend massive amounts of time creating these free videos, please donate to s

  • 34:48 Popular Simple Ruby on Rails 5 REST API From Scratch

    Simple Ruby on Rails 5 REST API From Scratch

    by Best Webhosting Added 113 Views / 0 Likes

    In this video I will show you how to create a very simple REST API from scratch using Ruby on Rails 5. We will be able to make requests to perform CRUD on articles stored in a MySQL database. We will install the mysql2 gem along with the faker gem to randomly generate content. CODE: Code for this video https://github.com/bradtraversy/simple-rails-rest SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your supp

  • 27:08 Popular 10 Essential Atom Editor Packages & Setup

    10 Essential Atom Editor Packages & Setup

    by Best Webhosting Added 146 Views / 0 Likes

    In this video I will start with a default Atom editor and add each of my favorite packages and plugins step by step so make Atom an overall better code editor. PACKAGE LIST: -Emmet -File Icons -Atom Live Server -Todo -Mini-Map -Pigments -Linter -Atom Beautify -Ask Stack -Highlight Selected SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traversymedia http://www.patreon.com/

  • 13:15 Popular Vue.js & Firestore App - Build & Deploy [Part 3]

    Vue.js & Firestore App - Build & Deploy [Part 3]

    by Best Webhosting Added 107 Views / 0 Likes

    In this video we will fetch the employee collection list from Firestore and display them in our app as a Materialize collection. CODE: Final Project https://github.com/bradtraversy/vue_firestore_employeemanager • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/trav

  • 15:05 Popular Vue.js & Firestore App - Build & Deploy [Part 2]

    Vue.js & Firestore App - Build & Deploy [Part 2]

    by Best Webhosting Added 114 Views / 0 Likes

    In this video we will create all of our components including the dashboard, new-employee, edit-employee, view-employee and navbar. We will implement the router and also Materialize CSS for the UI CODE: Final Project https://github.com/bradtraversy/vue_firestore_employeemanager • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA

  • 18:14 Popular Vue.js & Firestore App - Build & Deploy [Part 1]

    Vue.js & Firestore App - Build & Deploy [Part 1]

    by Best Webhosting Added 113 Views / 0 Likes

    In this 6 part series we will build an application using the Vue.js framework and the Firebase Firestore cloud platform as our data store. In this video we will setup firestore, setup our app with Vue-CLI and create the Firebase config files CODE: Final Project https://github.com/bradtraversy/vue_firestore_employeemanager • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http

  • 38:37 Popular Visual Studio Code Intro & Setup

    Visual Studio Code Intro & Setup

    by Best Webhosting Added 141 Views / 0 Likes

    In this video we will take a look at the Visual Studio Code text editor and talk about the features, how to navigate the editor, use the terminal. we will setup some of my favorite extensions and briefly look at version control. VSCode video created by my Discord server mod, Simen: https://www.youtube.com/watch?v=Z-IaHeiP6AI DISCORD SERVER: https://discord.gg/traversymedia • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymed

  • 07:35 Popular Udemy Course Alert - Modern JavaScript From The Beginning

    Udemy Course Alert - Modern JavaScript From The Beginning

    by Best Webhosting Added 132 Views / 0 Likes

    $10 PROMO LINK - 94% Off https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=YOUTUBE10 This is an intro to my new Udemy course "Modern JavaScript From The Beginning", which focuses on pure vanilla JS. It is around 20 hours of content with modular learning lectures as well as about 10 projects of all sizes.

  • 40:57 Popular Web Development in 2018 - A Practical Guide

    Web Development in 2018 - A Practical Guide

    by Best Webhosting Added 115 Views / 0 Likes

    We are about to start a new year and I have put together a guide for current and aspiring web developers to follow to get an idea of what it takes to be a full stack developer. From basic tools to html/css, JavaScript, UI frameworks like Bootstrap, server side technologies like Node.js, Python and PHP, frameworks like Laravel, Django and Ruby on Rails. I tried to include the most used technologies and give you the options to choose from with some of m

  • 26:51 Popular OctoberCMS For Rapid Website Creation

    OctoberCMS For Rapid Website Creation

    by Best Webhosting Added 118 Views / 0 Likes

    OctoberCMS is a Laravel based content management system which allows you to rapidly create websites and also includes the ability to use and create themes and plugins. We will build a site from scratch using almost no code at all. It is a lighter and easier replacement for Wordpress and Drupal and is very practical for your clients. • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy C

  • 29:54 Popular Use Babel & Webpack To Compile ES2015 - ES2017

    Use Babel & Webpack To Compile ES2015 - ES2017

    by Best Webhosting Added 104 Views / 0 Likes

    In this video we will build the Babel Webpack Starter Pack which is a workflow to compile ES2015/ES6, ES2016/ES7 and ES2017 code down to ES5. This allows us to use ES6 modules and later ECMAScript features such as async/await. We will also setup webpack-dev-server to have an auto load server without having to re-compile SPONSOR: GDP HOST - WANT CHEAP WEB HOSTING? https://goo.gl/iZjcGk CODE: https://github.com/bradtraversy/babel_webpack_starter • BECOM

  • 34:00 Popular Getting Started With Aurelia JS

    Getting Started With Aurelia JS

    by Best Webhosting Added 111 Views / 0 Likes

    In this video we will build a small customer manager application using the Aurelia JS framework along with JavaScript local storage to persist the data to the client. I am very new to this framework so bare with me :) SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/trs CODE: Github Repo https://github.com/bradtraversy/aurelia_customer_manager BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONAT

  • 07:04 Popular Deploy An Angular App To Firebase In Minutes

    Deploy An Angular App To Firebase In Minutes

    by Best Webhosting Added 112 Views / 0 Likes

    Add MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video In this video I will show you how to deploy an Angular 4 or 5+ application to Firebase hosting in just a few minutes using the Firebase Tools CLI. We will install the CLI, login, initialize the app and deploy it live on the web. We will be using the Client Panel app built in the Udemy course below... ANGULAR FRONT TO BACK COURSE: Compatible with

  • 32:39 Send SMS Text Messages From Node.js

    Send SMS Text Messages From Node.js

    by Best Webhosting Added 93 Views / 0 Likes

    Add MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video In this video we will be creating a client/server app that can send SMS text messages from Node.js using the Nexmo service and API. We will also implement Socket.io to send a response from the server to the client. CODE: Github repo https://github.com/bradtraversy/nodetextapp BECOME A PATRON: Show support & get perks! http://www.patreon.com/trav

  • 13:19 Popular Getting Started With AdonisJS 4.0 [5] - Edit & Delete Posts

    Getting Started With AdonisJS 4.0 [5] - Edit & Delete Posts

    by Best Webhosting Added 107 Views / 0 Likes

    In this video we will add the edit and delete post methods to our application, making it a full CRUD app. This series will continue with authentication in the future CODE: Github Repo https://github.com/bradtraversy/adonis40blog BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBSITE: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.c

  • 11:46 Getting Started With AdonisJS 4.0 [4] - Add Post & Validation

    Getting Started With AdonisJS 4.0 [4] - Add Post & Validation

    by Best Webhosting Added 93 Views / 0 Likes

    In this video we will add functionality to the add post form and insert data into MySQL. We will also install the validator provider for form validation as well as setup the flash messaging for errors CODE: Github Repo https://github.com/bradtraversy/adonis40blog BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBSITE: http://www.traversymedia.com FOLLOW TR

  • 17:36 Getting Started With AdonisJS 4.0 [3] - Database & Model

    Getting Started With AdonisJS 4.0 [3] - Database & Model

    by Best Webhosting Added 93 Views / 0 Likes

    In this video we will be installing the MySQL driver and creating the database migration for the posts as well as the post model. We will fetch the posts from the database and display them in the view. We will create the index and details views to display the data CODE: Github Repo https://github.com/bradtraversy/adonis40blog BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traver

  • 12:55 Getting Started With AdonisJS 4.0 [2] - Controller,  Layouts & Routing

    Getting Started With AdonisJS 4.0 [2] - Controller, Layouts & Routing

    by Best Webhosting Added 94 Views / 0 Likes

    In this video we will setup a posts controller and add an index method. We will also look more at routing and views and create a layout to wrap around our views. We will also implement Twitter Bootstrap 4. CODE: Github Repo https://github.com/bradtraversy/adonis40blog BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBSITE: http://www.traversymedia.com FOLL

  • 18:45 Popular Getting Started With AdonisJS 4.0 [1] - Framework Intro & Setup

    Getting Started With AdonisJS 4.0 [1] - Framework Intro & Setup

    by Best Webhosting Added 113 Views / 0 Likes

    In this video we will talk about and setup the AdonisJS 4.0 Node.js framework and look at the file structure, talk about routes, views and more. We will get ready to start our blog application SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/trs CODE: Github Repo https://github.com/bradtraversy/adonis40blog BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversyme

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA

RSS