Traversy Media


  • 21:05 Popular Responsive Portfolio Website [1] - Intro & Sass Workflow Setup

    Responsive Portfolio Website [1] - Intro & Sass Workflow Setup

    by Best Webhosting Added 102 Views / 0 Likes

    In this series we will build a fully responsive portfolio website using modern technologies such as... HTML5 CSS3 - Transitions/Grid/Flex Sass NPM Package Manager JavaScript Git Code For This Project: https://github.com/bradtraversy/modern_portfolio Deployed Project: https://bradtraversy.github.io/modern_portfolio/ • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Fol

  • 07:49 Popular Udemy Course Alert - React Front To Back

    Udemy Course Alert - React Front To Back

    by Best Webhosting Added 108 Views / 0 Likes

    $9.99 PROMO LINK: https://www.udemy.com/react-front-to-back/?couponCode=TRAVERSYMEDIA In this video I will quickly go over my new React Front To Back course which includes all of the fundamentals of React along with the Context API, Redux and Firebase. This course is suitable for beginners as well as developers that know React

  • 43:41 Popular 40+ Online Tools & Resources For Web Developers & Designers

    40+ Online Tools & Resources For Web Developers & Designers

    by Best Webhosting Added 128 Views / 0 Likes

    In this video we will go through about 45 different FREE resources and tools that may help out web developers. These are all browser based, free resources and tools. Link Gist: https://gist.github.com/bradtraversy/61171a9b81586f5bc4c0ca1e2beb59ab Sponsor: DevMountain Bootcamp - https://goo.gl/6q0dEa • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Med

  • 58:24 Popular YouTube API Project With Authentication

    YouTube API Project With Authentication

    by Best Webhosting Added 130 Views / 0 Likes

    In this JavaScript project we will use the YouTube API v3 to fetch channel data and videos. We will create a search form to change channels and use OAuth2 to login and logout. Sponsor: Coding Phase [GET 50% OFF!!] https://codingphase.teachable.com/p/all-courses-subscription/?coupon_code=TRAVERSY50&affcode=117955_0bufn2zv Code: https://github.com/bradtraversy/youtube_api_auth_app Docs: https://developers.google.com/youtube/v3/quickstart/js https://deve

  • 55:02 Popular SSH Crash Course | With Some DevOps

    SSH Crash Course | With Some DevOps

    by Best Webhosting Added 106 Views / 0 Likes

    In this video we will learn the fundamentals of SSH along with some basic DevOps and Linux stuff. We will start with a local Ubuntu server on my network and then create a remote Digital Ocean Droplet to work with. We will create sets of SSH keys for those as well as Github. We will even do a simple React app deployment. Gist With Commands: https://gist.github.com/bradtraversy/f03df587f2323b50beb4250520089a9e Digital Ocean Link: (2 Free Months) https:/

  • 49:59 Build A Pet Find App | JS, Parcel, Babel, Fetch-JSONP

    Build A Pet Find App | JS, Parcel, Babel, Fetch-JSONP

    by Best Webhosting Added 91 Views / 0 Likes

    In this simple vanilla JS project we will use the Petfinder API to create an application to find animals near a specific zipcode. We will use Parcel to build our assets and Babel to compile our JavaScript. We will also use the fetch-jsonp package to deal with cross domain requests. Code: https://github.com/bradtraversy/find_a_pet • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traver

  • 08:30 Popular Thoughts On Bootstrap, Technology Bashing & Freelancing

    Thoughts On Bootstrap, Technology Bashing & Freelancing

    by Best Webhosting Added 113 Views / 0 Likes

    In this quick discussion I will talk about my thoughts on Bootstrap as well as other practical technologies like PHP and Wordpress that sometimes get a lot of slack even though they are great for freelancing, small business projects and anyone that needs to get projects out fast SPONSOR: Use the code "BRAD25" for 25% off https://studywebdevelopment.com/freelancing.html • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia W

  • 16:22 Learn The MERN Stack [8] - Prepare & Deploy

    Learn The MERN Stack [8] - Prepare & Deploy

    by Best Webhosting Added 94 Views / 0 Likes

    In this video we will prepare our application for deployment to Heroku. We will create a heroku post build script so that we do not have to manually run "npm run build" for React. It will happen on the server once we push to it. Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.p

  • 17:09 Popular Learn The MERN Stack [7] - Connecting The Backend

    Learn The MERN Stack [7] - Connecting The Backend

    by Best Webhosting Added 104 Views / 0 Likes

    In this video we will finally connect to our backend routes within the Redux actions using axios and we will send the data down through the reducer into our ShoppingList component. We will also handle the post and delete requests. Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www

  • 30:19 Learn The MERN Stack [6] - Finishing Redux

    Learn The MERN Stack [6] - Finishing Redux

    by Best Webhosting Added 98 Views / 0 Likes

    In this video we will get the React/Redux app working with hardcoded state in the Redux store. We will create the ItemModal component to ad an item. After this video we will be ready to connect to the backend routes and make this FULL STACK!

  • 29:59 Popular Learn The MERN Stack [5] - Implementing Redux

    Learn The MERN Stack [5] - Implementing Redux

    by Best Webhosting Added 108 Views / 0 Likes

    In this video we will add Redux to our frontend app and move the state from our ShoppingList component to a store reducer. We will also create our getItems action and action types. Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses

  • 18:42 Popular Learn The MERN Stack [4] - ShoppingList Component & Transitions

    Learn The MERN Stack [4] - ShoppingList Component & Transitions

    by Best Webhosting Added 101 Views / 0 Likes

    In this video we will create our ShoppingList component and make it work with just local state with some dummy data. We are not yet dealing with Redux or with our backend. I just want to get the single component working, then we will move to Redux Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get

  • 27:07 Popular Learn The MERN Stack [3] - Client Setup & Reactstrap

    Learn The MERN Stack [3] - Client Setup & Reactstrap

    by Best Webhosting Added 104 Views / 0 Likes

    In this video we will implement React and make it so that we can run the back and frontend servers at the same time using a package called concurrently. We will also create our AppNavbar component using Reactstrap Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.patreon.com/trav

  • 35:40 Popular Learn the MERN Stack [2] - Express API & MongoDB

    Learn the MERN Stack [2] - Express API & MongoDB

    by Best Webhosting Added 103 Views / 0 Likes

    In this video we will setup the initial backend of our MERN application using Express JS with Mongoose which is an ODM to interact with our MongoDB database. Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymed

  • 07:14 Learn The MERN Stack [1] - Series Introduction

    Learn The MERN Stack [1] - Series Introduction

    by Best Webhosting Added 85 Views / 0 Likes

    In this series we will build a full stack application with MERN (MongoDB, Express, React, Node.js). We will also implement Redux for state management and some other things like Reactstrap and React Transitions. Wel will also deploy to Heroku at the end. Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support

  • 24:31 Async JS Crash Course - Callbacks, Promises, Async Await

    Async JS Crash Course - Callbacks, Promises, Async Await

    by Best Webhosting Added 93 Views / 0 Likes

    In this crash course we will look at asynchronous JavaScript and cover callbacks, promises including promise.all as well as the async / await syntax. FULL JS COURSE (Just 10 Bucks!!!!): https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=YOUTUBE10 CODE: https://plnkr.co/4Pv2HhiWV4kiPHY9VrUw • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: http://www.facebook.com/traversymedia h

  • 11:26 Popular Personal Vlog - Health, Stress & Life

    Personal Vlog - Health, Stress & Life

    by Best Webhosting Added 137 Views / 0 Likes

    This video is not for everyone. It is a personal vlog about some things I am going through and some things I think others may be able to relate to. Programming content continues tomorrow :) • 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/travers

  • 56:23 Popular React Authentication App With Okta

    React Authentication App With Okta

    by Best Webhosting Added 130 Views / 0 Likes

    In this video we will build a React app that uses authentication from Otka which is a user management system that can be used across multiple apps built on multiple languages/frameworks Code: https://github.com/bradtraversy/react_otka_auth Otka Developers: https://developer.okta.com/ Documentation Page: https://developer.okta.com/code/react/okta_react_sign-in_widget • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Webs

  • 1:10:23 Fancy Form UI From Scratch -  HTML, CSS3, JS & Sass

    Fancy Form UI From Scratch - HTML, CSS3, JS & Sass

    by Best Webhosting Added 98 Views / 0 Likes

    In 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

  • 40:21 JavaScript OOP Crash Course (ES5 & ES6)

    JavaScript OOP Crash Course (ES5 & ES6)

    by Best Webhosting Added 96 Views / 0 Likes

    In this video we will look at some of the object oriented programming concepts in JavaScript including... Object Literals Constructors & This Prototypes & Inheritence Object.create() ES6 Classes & Subclasses MODERN JS FROM THE BEGINNING - $9.99 PROMO https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=YOUTUBE10 • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traver

  • 05:41 Popular There Is No Best Programming Language

    There Is No Best Programming Language

    by Best Webhosting Added 131 Views / 0 Likes

    In this dev vlog I will quickly give my opinion on the "best" programming language and how there is no such thing at least in a general sense. • 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

  • 34:02 Build A Slackbot

    Build A Slackbot

    by Best Webhosting Added 74 Views / 0 Likes

    In this tutorial we will build a Slackbot using JavaScript/Node.js that reaches out to 2 public APIs and tells random jokes within Slack. We will use the Slackbots.js library to achieve this. Code: https://github.com/bradtraversy/slack_jokebot • 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.twit

  • 12:12 Popular ECMAScript Modules In Node

    ECMAScript Modules In Node

    by Best Webhosting Added 134 Views / 0 Likes

    In this tutorial we will use ES Modules in Node 10 by using the --experimental-modules flag and .mjs extensions. • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Docs: https://nodejs.org/api/esm.html Great Article: https://medium.com/@giltayar/native-es-modules-in-nodejs-status-and-future-directions-part-i-ee5ea3001f71 Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/t

  • 48:23 Popular Build a Responsive, Mobile First Website - HTML5 & CSS3

    Build a Responsive, Mobile First Website - HTML5 & CSS3

    by Best Webhosting Added 110 Views / 0 Likes

    In this project we will build a responsive single page photography website using a mobile first approach with just HTML5 and CSS3. This is a project suitable for everyone including beginners. Code: https://codepen.io/bradtraversy/pen/mKdGzd Some Prerequisite Videos: HTML Crash Course - https://www.youtube.com/watch?v=UB1O30fR-EE CSS Crash Course - https://www.youtube.com/watch?v=yfoY53QXEnI Build a Responsive Website - https://www.youtube.com/watch?v=

  • 16:15 PHP REST API From Scratch [3] - Update & Delete

    PHP REST API From Scratch [3] - Update & Delete

    by Best Webhosting Added 99 Views / 0 Likes

    In this part we will add the ability to update and delete a post and also start on the category model for you guys to finish up on your own Code: https://github.com/bradtraversy/php_rest_myblog • 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/tra

  • 25:01 Popular PHP REST API From Scratch [2] - Single & Create

    PHP REST API From Scratch [2] - Single & Create

    by Best Webhosting Added 104 Views / 0 Likes

    In this part of the series we will add functionality to fetch single posts as well as make a POST request to add posts Code: https://github.com/bradtraversy/php_rest_myblog • 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

  • 32:18 Popular PHP REST API From Scratch [1] - Database & Read

    PHP REST API From Scratch [1] - Database & Read

    by Best Webhosting Added 116 Views / 0 Likes

    In this series we will put together a REST API using PHP with NO FRAMEWORK. We will use object oriented programming along with PDO to connect and query a MySQL database. Code: https://github.com/bradtraversy/php_rest_myblog • 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/traversymedi

  • 15:52 Popular Learning Outside Of Your Full Time Job & Time Management

    Learning Outside Of Your Full Time Job & Time Management

    by Best Webhosting Added 146 Views / 0 Likes

    In this video we will talk about learning, side projects and time management while you have a full time job as a developer or even something else. Looking at areas of your life such as nights, mornings, weekends and your commute. Sponsor: Study Web Development Freelance Bundle (CODE: BRAD20) https://studywebdevelopment.com/freelancing.html Check Out The Syntax Podcast: https://syntax.fm/ • Become a Patron: Show support & get perks! http://www.patreon.

  • 19:00 Popular Drag & Drop With Vanilla JS

    Drag & Drop With Vanilla JS

    by Best Webhosting Added 129 Views / 0 Likes

    In this video we will take a look at drag events in JavaScript to be able to create drag and drop functionality Code: https://codepen.io/bradtraversy/pen/odmVgN • 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 The Developer Hangout:

  • 11:29 Popular What's New In Node.js 10?

    What's New In Node.js 10?

    by Best Webhosting Added 121 Views / 0 Likes

    IN this quick video we will go over some of the new features of Node.js version 10 including error codes, HTTP2 and NPM 6 ESM Modules & Node Article: https://medium.com/@giltayar/native-es-modules-in-nodejs-status-and-future-directions-part-i-ee5ea3001f71 • 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 htt

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