Web Development


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

    Async JS Crash Course - Callbacks, Promises, Async Await

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

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

    Learn The MERN Stack [1] - Series Introduction

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

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

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

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

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

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

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

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

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

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

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

    Learn The MERN Stack [5] - Implementing Redux

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

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

    Learn The MERN Stack [6] - Finishing Redux

    by Best Webhosting Added 100 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!

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

    Learn The MERN Stack [7] - Connecting The Backend

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

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

    Learn The MERN Stack [8] - Prepare & Deploy

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

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

    Thoughts On Bootstrap, Technology Bashing & Freelancing

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

  • 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 94 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

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

    SSH Crash Course | With Some DevOps

    by Best Webhosting Added 108 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:/

  • 58:24 Popular YouTube API Project With Authentication

    YouTube API Project With Authentication

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

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

    40+ Online Tools & Resources For Web Developers & Designers

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

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

    Udemy Course Alert - React Front To Back

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

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

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

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

  • 33:08 Responsive Portfolio Website [2] - Homepage & Main Sass

    Responsive Portfolio Website [2] - Homepage & Main Sass

    by Best Webhosting Added 98 Views / 0 Likes

    In this part we will create the homepage HTML markup as well as the core Sass/CSS for the project. You will learn about variables, nesting and more Code For This Project: https://github.com/bradtraversy/modern_portfolio • 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

  • 21:02 Popular Responsive Portfolio Website [3] - Rotating Menu Button

    Responsive Portfolio Website [3] - Rotating Menu Button

    by Best Webhosting Added 101 Views / 0 Likes

    In 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

  • 35:50 Popular Responsive Portfolio Website [4] - Menu Overlay & Responsiveness

    Responsive Portfolio Website [4] - Menu Overlay & Responsiveness

    by Best Webhosting Added 109 Views / 0 Likes

    In this video we will create the menu overlay with the branding and navigation. We will also add our media query Sass mixins to make the site responsive. 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

  • 22:11 Popular Responsive Portfolio Website [5] - About Page With CSS Grid

    Responsive Portfolio Website [5] - About Page With CSS Grid

    by Best Webhosting Added 111 Views / 0 Likes

    In this video we will create our about page using CSS Grid with grid template areas to map out the layout. We will also add our Sass styling and make the page responsive 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/tr

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

    Responsive Portfolio Website [6] - Work & Contact Pages

    by Best Webhosting Added 99 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 88 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 119 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 119 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 99 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 106 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 120 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 113 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 92 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 127 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

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