Traversy Media
-
25:39
Responsive Portfolio Website [6] - Work & Contact Pages
Added 97 Views / 0 LikesIn this video we will create the work and contact pages. We will use CSS Grid for the work and Flexbox for the contact 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 http://www.instagram.com/traversymedia
-
09:22
Responsive Portfolio Website [7] - Website Deployment
Added 85 Views / 0 LikesIn this video we will deploy to Github Pages using the gh-pages package. I will also upload to my shared hosting account with InMotion hosting. If you would like to try InMotion, please use my affiliate link below... INMOTION HOSTING AFFILIATE LINK: http://inmotion-hosting.evyy.net/c/396530/260033/4222 Code For This Project: https://github.com/bradtraversy/moder... • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Websi
-
25:49 Popular
Intro To Web Scraping With Python
Added 117 Views / 0 LikesIn this video we will look at web scraping using Python and the BeautifulSoup library. This is an introductory level tutorial. All beginners welcome Final Code Gist: https://gist.github.com/bradtraversy/f2014a236646ff62dccfc9fe5d469ed5 • 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/
-
15:12 Popular
Vue.js & Firestore App - Build & Deploy [Part 4]
Added 116 Views / 0 LikesIn this video we will fetch the individual employee from Firestore and create the details page, we will also implement the delete functionality 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.t
-
15:53
Vue.js & Firestore App - Build & Deploy [Part 5]
Added 95 Views / 0 LikesIn this video we will create the add employee and update employee functionality. We will build the forms with Materialize CSS and proceed the add/updates to Firestore 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/tra
-
08:05 Popular
Vue.js & Firestore App - Build & Deploy [Part 6]
Added 102 Views / 0 LikesIn this final video we will compile our application source code and deploy to Github Pages for hosting the frontend. 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/traversymedia ht
-
33:38 Popular
Exploring The Parcel Application Bundler
Added 116 Views / 0 LikesIn this video we will take a look at the brand new Parcel bundler which is a little to no configuration application bundler which works similar to Webpack but is much faster and easier to use. We will mess around with it and at the same time build a simple joke generator application SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: ht
-
23:01 Popular
Node.js API Authentication With JWT
Added 111 Views / 0 LikesIn this overview we will take a look at Node.js and JSON web tokens. I will show you how to create a route to generate a token and use that token to make a request to a protected route. SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr CODE: Github Repo With Example https://github.com/bradtraversy/node_jwt_example • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me
-
19:14
Create a Sortable & Responsive Grid With Muuri
Added 87 Views / 0 LikesIn this video we will take a look at a JavaScript layout engine called Muuri which allows us to create sortable, draggable and responsive grid layout with ease. CODE: Codepen for this project https://codepen.io/bradtraversy/pen/qpqPGv • 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 htt
-
23:06 Popular
CSS Variables Tutorial (CSS Custom Properties)
Added 125 Views / 0 LikesIn this video we will dive into CSS variables, also called CSS custom properties. We can now have dynamic values in our CSS without the use of a CSS pre-processor like Sass or Less SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr CODE: Codepen for this video https://codepen.io/bradtraversy/pen/VyPNOr • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://w
-
42:52
Laravel 5.5 API From Scratch Using Resources
Added 96 Views / 0 LikesIn this video we will be building an API from scratch using Laravel 5.5 API resources. We will create an article model and use seeds and factories to create dummy data and then build the api endpoints with a resource CODE: Code for this video https://github.com/bradtraversy/larticles_api BUILD A VUE.JS FRONTEND: https://www.youtube.com/watch?v=DJ6PD_jBtU0 • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBIST
-
26:46 Popular
React & Express Starter Pack For Full Stack Development
Added 120 Views / 0 LikesIn this video we will create a starter pack for full stack React and Express development. I will show you how to integrate them and we will use concurrently to run both the front and back end web servers in one npm command. CODE: React Express Starter Pack Repo https://github.com/bradtraversy/react_express_starter CODE: Redux Version https://github.com/bradtraversy/react_redux_express_starter SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/
-
34:13 Popular
Create a Split Landing Page With HTML, CSS & JS
Added 122 Views / 0 LikesCreate a split animated landing page using HTML5, CSS3 transitions and a bit of vanilla JavaScript. We will also be using CSS variables aka custom properties. CODE: Code for this project https://codepen.io/bradtraversy/pen/dJzzdB • 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://w
-
28:11 Popular
Concerns & Struggles Of A Web Developer
Added 125 Views / 0 LikesIn this video we will talk about some of the questions, concerns and some of the struggles that both web developers and other types of programmers have and deal with. Things like education, jobs, technology, confidence, time management and more. SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr Great Talk By Jeffrey Way: https://www.youtube.com/watch?v=mDotS5BDqRM&t=1582s • BECOME A PATRON: Show support & get perks! http://www.patreon
-
44:03
Golang REST API With Mux
Added 94 Views / 0 LikesIn this video we will look at building a simple REST API using the Go programming language along with the Mux router. I will also explain some of the fundamentals of the language for beginners. SPONSOR: GDP HOST - WANT CHEAP WEB HOSTING? https://goo.gl/iZjcGk CODE: Github Repo https://github.com/bradtraversy/go_restapi BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia
-
34:56
JavaScript Higher Order Functions & Arrays
Added 89 Views / 0 LikesIn this video we will look at some of the very powerful higher order functions and working with arrays. We will look at forEach, map, filter, reduce and sort. SPONSOR: https://www.bugreplay.com MODERN JAVASCRIPT FROM THE BEGINNING ($10 PROMO): https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=YOUTUBE10 CODE: JSFiddle https://jsfiddle.net/bradtraversy/e5rb0x0a/ • BECOME A PATRON: Show support & get perks! http://www.patreon.com/tra
-
50:02 Popular
Build a Webcam Filter & Picture App With WebRTC & Canvas
Added 116 Views / 0 LikesIn this project we will build a webcam app with filters that can snap and display pictures. We will be using WebRTC's getUserMedia API along with canvas. SPONSOR: GDP HOST - WANT CHEAP WEB HOSTING? https://goo.gl/iZjcGk CODE: Github Repo https://github.com/bradtraversy/vidsnapper SYNTAX PODCAST: https://syntax.fm/ BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISI
-
41:35 Popular
Next.js Crash Course - Server Side React
Added 101 Views / 0 LikesIn this video we will talk about Next.js which is a framework to render React on the server. We will look at setup and build a simple application that pulls Bitcoin pricing from an API and displays it in the app CODE: https://github.com/bradtraversy/bitzprice • 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.faceb
-
22:36 Popular
Modern Image Gallery With ES6 Vanilla JavaScript
Added 120 Views / 0 LikesIn this video we will build a simple image gallery with thumbnails and a fade effect with Vanilla JavaScript (NO JQUERY). We will use ES6/ES2015 arrow functions and other features along with higher order forEach and other modern concepts. SPONSOR: GDP HOST - WANT CHEAP WEB HOSTING? https://goo.gl/iZjcGk CODE: https://codepen.io/bradtraversy/pen/zpeyBv BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: h
-
25:24 Popular
Build & Publish a Custom Google Chrome Extension
Added 103 Views / 0 LikesIn this video we will build and publish a simple Google Chrome extension to easily access Traversy Media links. This is beginner friendly as it is only HTML, CSS and a bit of JSON. Use it to create your own launcher. If you are interested, please download and rate :) CHROME EXTENSION PAGE: https://chrome.google.com/webstore/detail/traversy-launcher/doecjfbmicanlniogakomoajbmojcfcn?hl=en CODE: Github Repo https://github.com/bradtraversy/traversy-launch
-
22:43 Popular
Yarn Package Manager Crash Course
Added 123 Views / 0 LikesIn this video we will look at the Yarn package manager and talk about what it is and then jump in and look at all of the fundamental commands to install, remove, updated packages, etc. SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr COMMAND GIST: https://gist.github.com/bradtraversy/9bdab9c9a0bf94e2c6952d3f89e9e350 NPM Crash Course: https://www.youtube.com/watch?v=jHDhaSSKmB0&t=1326s • BECOME A PATRON: Show support & get perks! http
-
27:38
Node.js & Pusher Real Time Polling App [1] - Initial Back End
Added 99 Views / 0 LikesPart 1 of 3: In this video we will setup our backend for our real-time polling application using Node.js and Express. We will also enable CORS and create our initial API routes. We will not yet implement MongoDB. • 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
-
15:02
Node.js & Pusher Real Time Polling App [2] - Front End JS & Chart
Added 95 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:/
-
22:35 Popular
Node.js & Pusher Real Time Polling App [3] - MongoDB & Mongoose
Added 113 Views / 0 LikesPart 3 of 3: Now that we have a real-time polling app created, let's persist the data to a MongoDB database using Mongoose. • 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://pusher.com MLAB WEBSITE: https://mlab.com FOLLOW TRAVERSY MEDIA: http://www.fac
-
19:04 Popular
Starting A Serious Web Development Project
Added 116 Views / 0 LikesIn this video we will discuss some methods on approaching a serious web development or programming project, whether it is a freelance project, for a companay or your own. This video was created from my own experiences as well as some general research SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr SLIDE: https://www.slideshare.net/TechGuy1/starting-a-web-development-project • BECOME A PATRON: Show support & get perks! http://www.pat
-
13:33
Windows 10 Bash & Linux Subsystem Setup
Added 94 Views / 0 LikesIn this video we will setup the Windows Subsystem for Linux with Ubuntu and bash terminal on Windows 10. This will allow us to use Unix based tools from within Windows. We will also integrate with VScode and the Hyper terminal. • 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
-
45:33 Popular
Build a Responsive Grid CSS Website Layout From Scratch
Added 136 Views / 0 LikesIn this video we will build a responsive Grid CSS layout using grid template areas. We will also be using other modern CSS features and techniques like css variables, rem units and flexbox. CODE: https://codepen.io/bradtraversy/pen/gvMGyB MY CSS GRID CRASH COURSE: https://www.youtube.com/watch?v=jV8B24rSN5o WES BOS COURSE: https://cssgrid.io/ • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out
-
48:46 Popular
Vue.js Firebase Authentication - Add To An Existing Project
Added 129 Views / 0 LikesIn this video we will be implementing firebase authentication to a Vue.js employee manager project that we built about a month ago in a 6 part series. We will pull the initial project from Github and add the new features. Original Series - Part 1: https://www.youtube.com/watch?v=sYNjEzcOTOs Github Master (NO AUTHENTICATION): https://github.com/bradtraversy/vue_firestore_employeemanager Github Auth Branch (WITH AUTHENTICATION): https://github.com/bradt
-
45:53 Popular
Build a Reddit Search App With ES6, Fetch & Parcel
Added 127 Views / 0 LikesIn this video we will build an app that will search articles using the Reddit API. We will be using vanilla ES6 along with the Parcel bundler and Bootstrap 4 for the UI. If you like this project, check out... MODERN JAVASCRIPT FROM THE BEGINNING: https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=YOUTUBE10 CODE: Code for this project https://github.com/bradtraversy/finddit • BECOME A PATRON: Show support & get perks! http://www.pat
-
10:22 Popular
Udemy Course Alert - Materialize CSS With 5 Projects
Added 141 Views / 0 Likes$9.99 LIMITED PROMO LINK: https://www.udemy.com/materialize-css-from-scratch-with-5-projects/?couponCode=TRAVERSYMEDIA New course for creating websites and UIs using the Materialize framework which is based on Google's Material Design scheme. The only prerequisite is basic HTML and CSS knowledge









