Traversy Media
-
16:57
Simple Weight Converter App With JavaScript & Bootstrap 4
Added 86 Views / 0 LikesIn 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
Added 116 Views / 0 LikesIn 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
Added 123 Views / 0 LikesIn 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
Added 94 Views / 0 LikesIn 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
Added 116 Views / 0 LikesIn 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
Added 89 Views / 0 LikesIn 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
Added 90 Views / 0 LikesIn 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
Added 108 Views / 0 LikesUPDATED 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
Added 114 Views / 0 LikesThis 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
Added 103 Views / 0 LikesIn 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
Added 106 Views / 0 LikesIn 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
Added 97 Views / 0 LikesThis 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
Added 113 Views / 0 LikesIn 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
Added 146 Views / 0 LikesIn 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]
Added 107 Views / 0 LikesIn 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]
Added 114 Views / 0 LikesIn 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]
Added 113 Views / 0 LikesIn 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
Added 141 Views / 0 LikesIn 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
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
Added 115 Views / 0 LikesWe 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
Added 118 Views / 0 LikesOctoberCMS 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
Added 104 Views / 0 LikesIn 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
Added 111 Views / 0 LikesIn 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
Added 112 Views / 0 LikesAdd 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
Added 93 Views / 0 LikesAdd 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
Added 107 Views / 0 LikesIn 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
Added 93 Views / 0 LikesIn 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
Added 93 Views / 0 LikesIn 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
Added 94 Views / 0 LikesIn 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
Added 113 Views / 0 LikesIn 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









