Traversy Media
-
07:37 Popular
JavaScript ES6 / ES2015 - [04] Classes and Inheritance
Added 107 Views / 0 LikesIn this video we will go over the new ES6 class and inheritance syntax Source Code - https://github.com/bradtraversy/youtube_es2015_source/tree/master/03_classes CHECK OUT MY ES2015 COURSE: https://www.eduonix.com/affiliates/id/16-10397 SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH: http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia
-
29:36 Popular
Build A Website With Foundation and Sass - Part 2
Added 107 Views / 0 LikesIn this video we will build a web hosting company website/template using the Foundation Framework, Foundation-cli and Sass. This project will give you a better grip on modern front-end development and build on your HTML and CSS skills CODE - https://github.com/bradtraversy/bthosting_foundation DONATIONS: We spend huge amounts of time making these videos available for free. Any donation is greatly appreciated https://www.paypal.com/cgi-bin/webscr?cmd=_
-
45:30 Popular
Learn JavaScript By Building A Bookmarker Application
Added 107 Views / 0 LikesIn this video we will build an application for storing website urls using nothing but pure JavaScript. No jQuery or frameworks, just plain old JavaScript. We will use Local Storage to store the bookmarks CODE - https://github.com/bradtraversy/bookmarker SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH: http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia
-
1:12:06 Popular
Build A Responsive HTML & CSS Template With FlexboxGrid
Added 107 Views / 0 LikesIn this beginner friendly front-end project we will build a responsive HTML5 and CSS3 website template and we will use FlexboxGrid which is a lightweight Flexbox based grid system to align our elements easily. It uses the same classes as the Bootstrap grid. CODE: Code for this project http://www.traversymedia.com/downloads/apptheme.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa EDUONIX COURSES: Please use affiliate links from website below
-
17:56 Popular
Angular & FireStore Application [3] - Updating Data & Deploy
Added 107 Views / 0 LikesPart 3 of 3: We will create the edit state so we can update items in our FireStore through the service. We will also do a quick deployment to a shared hosting account. CODE: Code for this project https://github.com/bradtraversy/angularfs ANGULAR 4 FRONT TO BACK: $10 COUPON https://www.udemy.com/angular-4-front-to-back/?couponCode=TRAVERSY010 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.
-
16:11 Popular
My Struggles & Success - Up Close & Personal With Brad
Added 107 Views / 0 LikesNo Coding today....This is a very personal video about my life struggles and success. I wanted to share it because I think it can help some people going through tough times. I also really want my supporters to know where I came from. I know some people will be judgmental but it is something I am willing to risk • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow
-
15:02 Popular
Node.js & Pusher Real Time Polling App [2] - Front End JS & Chart
Added 107 Views / 0 LikesPart 2 of 3: In this video we will code the front end JavaScript, make a request to the backend on form submission and subscribe to the Pusher real-time response, adding the result to the CanvasJS chart. • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com CODE: PusherPoll Github Repo https://github.com/bradtraversy/pusherpoll PUSHER WEBSITE: https:/
-
21:02 Popular
Responsive Portfolio Website [3] - Rotating Menu Button
Added 107 Views / 0 LikesIn this part we will create the pure CSS menu button and add the JavaScript and CSS transitions to rotate the button into an X Code For This Project: https://github.com/bradtraversy/moder... • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia
-
51:45 Popular
JavaScript BookList App | No Frameworks
Added 107 Views / 0 LikesWe build a full app in JavaScript without and library or JS framework, using classes, local storage and more. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://codepen.io/bradtraversy/pen/OrmKWZ • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://w
-
42:11 Popular
Social Network Theme With Sass - Part 1
Added 107 Views / 0 LikesIn this part we will setup Sass, create the landing page with navigation, image overlay, Sass variables, mixins and functions Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/devconnector_theme_sass MERN Course With Full App: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: https://ww
-
18:15 Popular
Animated Counter With JavaScript (HTML, CSS)
Added 107 Views / 0 LikesIn this mini-project, I will show you how to create an animated counter that counts up to any number using JavaScript with HTML & CSS. Code: https://codepen.io/bradtraversy/pen/poJwqOK • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/tr
-
1:21:31 Popular
Build a Photo Gallery With React & Firebase
Added 107 Views / 0 LikesBuild an instagram-like photo gallery app with React & Firebase The Net Ninja YouTube Channel: https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg Starter files: https://github.com/iamshaunjp/firegram/tree/starter-files Final files: https://github.com/iamshaunjp/firegram/tree/final-files • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow Traversy Med
-
13:49 Popular
Build An HTML5 Template With Bootstrap and SASS - Part 5
Added 106 Views / 0 LikesIn this mini-series we will build a complete HTML5 Bootstrap template with SASS. It is a bit long but that is because it is from scratch and typed out line by line. --------------------------------------------------------------------------------------- Project Files - https://github.com/bradtraversy/skyapp_bootstrap For video courses like this check out - http://codeskillet.com
-
11:35 Popular
Learning D3 Part 7 - Transitions
Added 106 Views / 0 LikesLearn how to create events and transitions in the D3 JavaScript library
-
18:51 Popular
NodeJS & Express 4 With Cassandra - Part 4
Added 106 Views / 0 LikesIn this series we will build a simple app which runs on Express 4 and uses Apache Cassandra and the DataStax driver for a database solution. We will use Windows 7 as our OS. In this video we will setup our routes and views for both the subscriber list and individual subscribers
-
12:29 Popular
Angular 2 Tutorial [6] - Creating A Service
Added 106 Views / 0 LikesUpdated Crash Course Using Version 2.2 Stable - https://www.youtube.com/watch?v=-zW1zHqsdyc&feature=youtu.be In this video I will show you how to create a service in Angular 2 and inject it as a dependency
-
10:40 Popular
LimeStudio 700W Photography Lighting Kit Unboxing
Added 106 Views / 0 LikesAn unboxing of the LimeStudio 700W lighting kit for $69.99 Buy It - http://www.amazon.com/LimoStudio-Photography-Lighting-Equipment-AGG814/dp/B00E4YS2XU
-
18:39 Popular
PHP Front To Back [Part 20] - OOP
Added 106 Views / 0 LikesIn this video I will introduce object oriented programming in PHP using classes, properties and methods CODE: Code for this video http://www.traversymedia.com/downloads/phpsandbox/phpsandbox18.zip EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-... SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traversymedia http://www.pa
-
24:02 Popular
Build A Codeigniter PHP App - Part 5
Added 106 Views / 0 LikesIn this video we will add comment functionality to our blog posts in the Codeigniter blog application project. We will add a new controller, model and add to the post view CODE: Code for this series https://github.com/bradtraversy/ciblog EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-courses SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: htt
-
55:35 Popular
Build an Electron App in Under 60 Minutes
Added 106 Views / 0 LikesIn this video we will build a desktop application using Electron.js which allows us to build desktop apps using only JavaScript. We will build a minimal shopping list app with a custom menu and multiple windows and implement Materialize CSS for styling. We will also publish the app to a Windows .exe file using the Electron Packager. CODE: Code for this project https://github.com/bradtraversy/electronshoppinglist PACKAGER TUTORIAL PAGE: https://www.chr
-
1:10:23 Popular
Fancy Form UI From Scratch - HTML, CSS3, JS & Sass
Added 106 Views / 0 LikesIn this video we will build a nice looking form UI with a progress bar that will show one field at a time. We will use HTML, CSS3 with transitions, Sass and vanilla JavaScript. We will compile our Sass with node-sass. Code: https://codepen.io/bradtraversy/pen/xzrMom https://github.com/bradtraversy/fancy_form • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Tra
-
47:11 Popular
Full Stack React & Django [7] - Frontend Authentication
Added 106 Views / 0 LikesIn this final part we will add the login, register and logout functionality as well as fix our leads requests to include the token. All users will only manage their own leads Code: https://github.com/bradtraversy/lead_manager_react_django Helpful Links & Tuorials: https://www.django-rest-framework.org https://www.valentinog.com/blog/tutorial-api-django-rest-react/#Django_REST_with_React_Django_and_React_together http://v1k45.com/blog/modern-django-par
-
05:54 Popular
PHP Arrays & Foreach Loops
Added 105 Views / 0 LikesQuick video on simple php arrays and looping through them with foreach()
-
07:34 Popular
Build An Angular 2 Spotify App - Part 4
Added 105 Views / 0 LikesIn this video we will handle displaying the search results that were returned from the Spotify API in our service. UPDATED RC6 & ORIGINAL RC4 CODE - https://github.com/bradtraversy/ngspotify VIEW COURSE INFO: https://www.eduonix.com/affiliates/id/16-10413
-
1:01:15 Popular
Build An HTML5 Website With A Responsive Layout
Added 105 Views / 0 LikesIn this video we will build a clean coded responsive mobile friendly HTML5 website for a fictional web design company. We will go over semantic HTML tags like header and footer as well as the basics of HTML and CSS. This is a great project for beginners. CODE DOWNLOAD: http://www.traversymedia.com/downloads/acme_website.zip Modern HTML & CSS Udemy Course: Udemy Course - Modern HTML & CSS From The Beginning https://www.udemy.com/course/modern-html-css-
-
21:02 Popular
App Hosting With Digital Ocean
Added 105 Views / 0 LikesIn this video I will show you how to create a Digital Ocean droplet to host your Node.js, Python, Rails, PHP or any other type of app. We will also setup SSH keys for security $10 FREE CREDIT: https://m.do.co/c/5424d440c63a NODE.JS DEPLOY VIDEO: https://www.youtube.com/watch?v=RE2PLyFqCzE EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-courses SUPPORT: We spend massive amounts of time creating these
-
16:49 Popular
Cmder: A Better Windows Command Line
Added 105 Views / 0 LikesWe are going to take a look at a Windows dev tool called Cmder which uses the ConEmu console, Clink, Git and a host of other tools to give you a MUCH better Windows command line experience. We will also install the "Terminal" package for Sublime Text and integrate Cmder with it Cmder Download: http://www.cmder.net Terminal Package: https://packagecontrol.io/packages/Terminal
-
23:57 Popular
Responsive HTML & CSS Side Menu From Scratch
Added 105 Views / 0 LikesIn this video we will build a responsive collapsible side menu using HTML5, CSS3 and just a bit of JavaScript. We will not be using any 3rd party frameworks or libraries, everything is from scratch CODE: Code for this video http://www.traversymedia.com/downloads/sidemenu.zip CHEAP WEB HOSTING: Check out eHost http://track.ehost.com/594a594410143/click SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your supp
-
32:21 Popular
Build a Chat App With MongoDB & Socket.io [Part 2]
Added 105 Views / 0 LikesThis is the second part of the chat application with Node.js, MongoDB and Socket.io. In this video we will build out the UI using Bootstrap 4 as well as the client side JavaScript CODE: Code for this project https://github.com/bradtraversy/mongochat MongoDB 12 Project Course: Please use this link :) https://www.eduonix.com/affiliates/id/16-10219 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://
-
49:41 Popular
Bulma CSS Framework Crash Course
Added 105 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









