Traversy Media


  • 25:39 Responsive Portfolio Website [6] - Work & Contact Pages

    Responsive Portfolio Website [6] - Work & Contact Pages

    by Best Webhosting Added 97 Views / 0 Likes

    In 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

    Responsive Portfolio Website [7] - Website Deployment

    by Best Webhosting Added 85 Views / 0 Likes

    In 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

    Intro To Web Scraping With Python

    by Best Webhosting Added 117 Views / 0 Likes

    In 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]

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

    by Best Webhosting Added 116 Views / 0 Likes

    In 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]

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

    by Best Webhosting Added 95 Views / 0 Likes

    In 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]

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

    by Best Webhosting Added 102 Views / 0 Likes

    In 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

    Exploring The Parcel Application Bundler

    by Best Webhosting Added 116 Views / 0 Likes

    In 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

    Node.js API Authentication With JWT

    by Best Webhosting Added 111 Views / 0 Likes

    In 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

    Create a Sortable & Responsive Grid With Muuri

    by Best Webhosting Added 87 Views / 0 Likes

    In 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)

    CSS Variables Tutorial (CSS Custom Properties)

    by Best Webhosting Added 125 Views / 0 Likes

    In 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

    Laravel 5.5 API From Scratch Using Resources

    by Best Webhosting Added 96 Views / 0 Likes

    In 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

    React & Express Starter Pack For Full Stack Development

    by Best Webhosting Added 120 Views / 0 Likes

    In 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

    Create a Split Landing Page With HTML, CSS & JS

    by Best Webhosting Added 122 Views / 0 Likes

    Create 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

    Concerns & Struggles Of A Web Developer

    by Best Webhosting Added 125 Views / 0 Likes

    In 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

    Golang REST API With Mux

    by Best Webhosting Added 94 Views / 0 Likes

    In 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

    JavaScript Higher Order Functions & Arrays

    by Best Webhosting Added 89 Views / 0 Likes

    In 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

    Build a Webcam Filter & Picture App With WebRTC & Canvas

    by Best Webhosting Added 116 Views / 0 Likes

    In 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

    Next.js Crash Course - Server Side React

    by Best Webhosting Added 101 Views / 0 Likes

    In 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

    Modern Image Gallery With ES6 Vanilla JavaScript

    by Best Webhosting Added 120 Views / 0 Likes

    In 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

    Build & Publish a Custom Google Chrome Extension

    by Best Webhosting Added 103 Views / 0 Likes

    In 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

    Yarn Package Manager Crash Course

    by Best Webhosting Added 123 Views / 0 Likes

    In 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

    Node.js & Pusher Real Time Polling App [1] - Initial Back End

    by Best Webhosting Added 99 Views / 0 Likes

    Part 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

    Node.js & Pusher Real Time Polling App [2] - Front End JS & Chart

    by Best Webhosting Added 95 Views / 0 Likes

    Part 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

    Node.js & Pusher Real Time Polling App [3] - MongoDB & Mongoose

    by Best Webhosting Added 113 Views / 0 Likes

    Part 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

    Starting A Serious Web Development Project

    by Best Webhosting Added 116 Views / 0 Likes

    In 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

    Windows 10 Bash & Linux Subsystem Setup

    by Best Webhosting Added 94 Views / 0 Likes

    In 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

    Build a Responsive Grid CSS Website Layout From Scratch

    by Best Webhosting Added 136 Views / 0 Likes

    In 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

    Vue.js Firebase Authentication - Add To An Existing Project

    by Best Webhosting Added 129 Views / 0 Likes

    In 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

    Build a Reddit Search App With ES6, Fetch & Parcel

    by Best Webhosting Added 127 Views / 0 Likes

    In 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

    Udemy Course Alert - Materialize CSS With 5 Projects

    by Best Webhosting 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

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