Web Development


  • 20:40 Popular Code Faster With Custom VS Code Snippets

    Code Faster With Custom VS Code Snippets

    by Best Webhosting Added 124 Views / 0 Likes

    In this video we will create custom visual studio code JavaScript snippets with tabstops, placeholders and choices. We will use a fantastic generator tool at https://snippet-generator.app which can also be used for Sublime Text and Atom Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html Snippets We Did & More: https://gist.github.com/bradtraversy/c3d5c35e77633601bc0ce5646d584fc9 • Become a Patron: Sh

  • 12:59 Popular 8 Tips To Increase Developer Productivity

    8 Tips To Increase Developer Productivity

    by Best Webhosting Added 129 Views / 0 Likes

    Here are some things that have helped me become more productive in development, business and content creation Monday.com - http://go.thoughtleaders.io/934120190227 Timestamps: 1: Be Less Random - 1:18 2: Stop Wasting Time - 2:34 3: Well Planned Project Structure - 4:10 4: Use Project Management Tools - 5:53 5: Code Faster - 7:05 6: Don't Work Too Much & Take Brakes - 8:31 7: Minimize Distractions - 10:02 8: Always Be Learning - 11:00 • Become a Patron

  • 48:58 Popular Learn The Mern Stack [9] - Backend JWT Auth

    Learn The Mern Stack [9] - Backend JWT Auth

    by Best Webhosting Added 105 Views / 0 Likes

    In this part we will add user registration and login with JWT (JSON Web Tokens) in Node/Express Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Original Series First Video: https://www.youtube.com/watch?v=PBTYxXADG_k&list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE Code: https://github.com/bradtraversy/mern_shopping_list • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Fo

  • 29:01 Popular Learn The Mern Stack [10] - React & Redux Auth State

    Learn The Mern Stack [10] - React & Redux Auth State

    by Best Webhosting Added 104 Views / 0 Likes

    In this video we will add our auth reducer to handle storing authentication state including the JWT token and the user data. Original Series First Video: https://www.youtube.com/watch?v=PBTYxXADG_k&list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE Code: https://github.com/bradtraversy/mern_shopping_list • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: ht

  • 31:49 Popular Learn The Mern Stack [11] - React Registration

    Learn The Mern Stack [11] - React Registration

    by Best Webhosting Added 106 Views / 0 Likes

    In this video we will create the React register modal component and implement the create user functionality as well as getting the JWT token from the API. Original Series First Video: https://www.youtube.com/watch?v=PBTYxXADG_k&list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE Code: https://github.com/bradtraversy/mern_shopping_list • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia

  • 23:52 Popular Learn The Mern Stack [12] - React Login & Access Control

    Learn The Mern Stack [12] - React Login & Access Control

    by Best Webhosting Added 111 Views / 0 Likes

    In this final video we will add the authentication of existing users and limit access based on if a user is logged in or not. Original Series First Video: https://www.youtube.com/watch?v=PBTYxXADG_k&list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE Code: https://github.com/bradtraversy/mern_shopping_list • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: h

  • 22:43 Popular Landing Page With Smooth Scroll - 3 Options

    Landing Page With Smooth Scroll - 3 Options

    by Best Webhosting Added 120 Views / 0 Likes

    In this video we will create a simple landing page with smooth scrolling. I will show you 3 options including pure CSS (scroll-behavior), jQuery and a lightweight JS script. Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html Code: https://codepen.io/bradtraversy/pen/xBdyzr Smoothscroll Script: https://github.com/cferdinandi/smooth-scroll • Become a Patron: Show support & get perks! http://www.patreon

  • 08:37 Popular Forget Programmer Stereotypes

    Forget Programmer Stereotypes

    by Best Webhosting Added 122 Views / 0 Likes

    I want to quickly discuss feeling like you don't fit in in this industry for any reason at all and share my experience and advice. • 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://www.instagram.com/traversymedia

  • 1:40:30 Popular JavaScript Crash Course For Beginners

    JavaScript Crash Course For Beginners

    by Best Webhosting Added 125 Views / 0 Likes

    In this crash course we will go over the fundamentals of JavaScript including more modern syntax like classes, arrow functions, etc. This is the starting point on my channel for learning JS. Code including html/css: https://embed.plnkr.co/plunk/8ujYdL1BxZftGoS4Cf14 21 Hour JavaScript Course: https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=TRAVERSYMEDIA Suggested Videos To Watch Next: DOM Crash Course - https://www.youtube.com/wa

  • 1:01:19 Vuex Crash Course | State Management

    Vuex Crash Course | State Management

    by Best Webhosting Added 93 Views / 0 Likes

    In this video we will build an application using Vue.js with the Vuex state management library. Check Out My Sponsor - Monday.com http://go.thoughtleaders.io/955920190318 Code: https://github.com/bradtraversy/vuex_todo_manager • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Vue.js Crash Course: https://www.youtube.com/watch?v=Wy9q22isx3U&t=1217s Website & Udemy Courses: https://traversymedia.com Follow Traversy Media:

  • 31:55 Popular Full Screen Responsive Image Slider | No Libraries

    Full Screen Responsive Image Slider | No Libraries

    by Best Webhosting Added 107 Views / 0 Likes

    In this video we will create a responsive image & content slider using just HTML, CSS transitions and a little bit of ES6 JavaScript. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://codepen.io/bradtraversy/pen/oVPBaa • 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

  • 10:31 Popular Overwhelmed With Web Development Technology

    Overwhelmed With Web Development Technology

    by Best Webhosting Added 118 Views / 0 Likes

    In this video I want to talk about being overwhelmed with the vast amount of technology that web development includes (Languages, frameworks, libraries, etc) Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html • 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/traversymed

  • 1:00:00 Popular NestJS Crash Course

    NestJS Crash Course

    by Best Webhosting Added 138 Views / 0 Likes

    In this video we will explore the Nest JS Node.js framework which allows you to build fast and scalable server-side apps and APIs. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/nestjs_rest_api • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Nest JS Docs: https://docs.nestjs.com Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.c

  • 08:21 Popular The Importance Of Passion & Hard Work

    The Importance Of Passion & Hard Work

    by Best Webhosting Added 170 Views / 0 Likes

    In this video I'm going to touch on how important passion and hard work is to being successful. A break from coding for a little motivational talk :) • 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://www.instagram.com/traversymedia

  • 35:26 Popular Intro To Service Workers & Caching

    Intro To Service Workers & Caching

    by Best Webhosting Added 121 Views / 0 Likes

    In this video we will learn about service workers and how to use them to cache pages for offline viewing. Service workers are a huge aspect of PWA's or "Progressive Web Apps". We will add a service worker to a tiny sample website so that if the connection goes out, users can still view the pages. Sponsor: DevMountain Bootcamp - https://goo.gl/6q0dEa Code For This Project: http://traversymedia.com/downloads/simple_service_worker.zip Node.js Push Notifi

  • 32:38 Popular Build A Speed Typing Game In JavaScript

    Build A Speed Typing Game In JavaScript

    by Best Webhosting Added 122 Views / 0 Likes

    In this project we will build a speed typing game in JavaScript. Even if you are a beginner in JavaScript and programming I would encourage you to follow along. We are not using any frameworks or libraries. Sponsor: Ultimate Freelancing Bundle https://studywebdevelopment.com/freelancing.html Code: https://github.com/bradtraversy/wordbeater Play: https://bradtraversy.github.io/wordbeater • Become a Patron: Show support & get perks! http://www.patreon.c

  • 20:15 Popular Intro To Web Scraping With Node.js & Cheerio

    Intro To Web Scraping With Node.js & Cheerio

    by Best Webhosting Added 117 Views / 0 Likes

    In this video we will take a look at the Node.js library, Cheerio which is a jQuery like tool for the server used in web scraping. This is similar to the python video that I did on web scraping Sponsor: DevMountain Bootcamp - https://goo.gl/6q0dEa Code For This Project: https://gist.github.com/bradtraversy/7b68f19b0c502f1fbd0aa9bc4cfe793d#file-node_cheerio_scraping-js • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia We

  • 13:30 Popular Working For Yourself & Side Projects

    Working For Yourself & Side Projects

    by Best Webhosting Added 113 Views / 0 Likes

    In this video I want to discuss leveraging your skills as a developer to work for yourself either full time or on the side including client work as well as side projects. apps, saas, etc Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https:/

  • 34:38 Popular Exploring Docker [1] - Getting Started

    Exploring Docker [1] - Getting Started

    by Best Webhosting Added 102 Views / 0 Likes

    In this video we will start to explore docker by talking about the benefits of Docker, looking at commands to work with containers and images, the Dockerfile and more Sponsor: DevMountain Bootcamp - https://goo.gl/6q0dEa Docker Help Gist: https://gist.github.com/bradtraversy/89fad226dc058a41b596d586022a9bd3 • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Trav

  • 26:47 Popular Exploring Docker [2] - Docker Compose With Node & MongoDB

    Exploring Docker [2] - Docker Compose With Node & MongoDB

    by Best Webhosting Added 119 Views / 0 Likes

    In this video we will take a simple Node/Express/Mongo app and dockerize it by adding a Dockerfile and using docker-compose to bundle services together. We will also run our containers on a Digital Ocean droplet. Sponsor: DevMountain Bootcamp - https://goo.gl/6q0dEa Code For This Project: https://github.com/bradtraversy/docker-node-mongo $10 off Digital Ocean https://m.do.co/c/5424d440c63a Docker Help Gist: https://gist.github.com/bradtraversy/89fad22

  • 1:04:07 Responsive Landing Page Using HTML & CSS (A Little jQuery)

    Responsive Landing Page Using HTML & CSS (A Little jQuery)

    by Best Webhosting Added 94 Views / 0 Likes

    In this project we will build a responsive landing page website from scratch without any frameworks. It will be modeled after the iTunes website as far as layout and content. We will use HTML5, CSS3 and a bit of jQuery Sponsor: JavaScript Edegree Mastery Course https://www.kickstarter.com/projects/1311831077/eduonix-fullstack-javascript-developer-edegree?ref=clxt1u Code: https://github.com/bradtraversy/mytunes_landing Deployment: https://bradtraversy.

  • 27:28 Coder Cloud IDE Crash Course

    Coder Cloud IDE Crash Course

    by Best Webhosting Added 77 Views / 0 Likes

    In this video we will explore the hot new cloud IDE called Coder. We will take a look at the interface, features and create a couple projects Coder IDE: https://coder.com/ Coding Help Community: https://discord.gg/pQsS2X3 Connect With Coder: Twitter: https://twitter.com/CoderHQ Instagram:https://www.instagram.com/coderhq/ Facebook: https://www.facebook.com/CoderHQ Reddit: https://www.reddit.com/r/Coder/

  • 27:02 Popular Simple Machine Learning With JavaScript - Brain.js

    Simple Machine Learning With JavaScript - Brain.js

    by Best Webhosting Added 105 Views / 0 Likes

    This is a very basic intro to machine learning and neural networks using Brain.js which is a machine learning library for JavaScript. Code: Feel free to add examples https://github.com/bradtraversy/brainjs_examples Article 1: https://coderoncode.com/machine/learning/2016/06/06/machine-learning-a-simple-neural-network.html Article 2: Trump vs Kardashian https://itnext.io/you-can-build-a-neural-network-in-javascript-even-if-you-dont-really-understand-ne

  • 54:32 Lyric Search App With React & Context API [1] - Top 10 Tracks

    Lyric Search App With React & Context API [1] - Top 10 Tracks

    by Best Webhosting Added 91 Views / 0 Likes

    In this project mini-series we will create an app that we can use to search song lyrics using Reacts built in context API along with the Musixmatch public API. This is video 1 of 3 Sponsor: DevMountain Bootcamp - https://goo.gl/6q0dEa Code For This Project: https://github.com/bradtraversy/lyricfinder React Front To Back (Full Course): https://www.udemy.com/react-front-to-back/?couponCode=TRAVERSYMEDIA Musixmatch Developer Site: https://developer.musix

  • 28:13 Lyric Search App With React & Context API [2] - Lyrics Page

    Lyric Search App With React & Context API [2] - Lyrics Page

    by Best Webhosting Added 97 Views / 0 Likes

    In this part of the project we will create the lyrics page by making a request to the Musixmatch API. This is video 2 of 3 Code For This Project: https://github.com/bradtraversy/lyricfinder React Front To Back (Full Course): https://www.udemy.com/react-front-to-back/?couponCode=TRAVERSYMEDIA Musixmatch Developer Site: https://developer.musixmatch.com/ • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Cou

  • 31:25 Popular Lyric Search App With React & Context API [3] - Search

    Lyric Search App With React & Context API [3] - Search

    by Best Webhosting Added 111 Views / 0 Likes

    In this part of the project we will build the search component and the ability to dispatch an action to the reducer in our context to update the track list in the state with the search results. This is video 3 of 3 Code For This Project: https://github.com/bradtraversy/lyricfinder React Front To Back (Full Course): https://www.udemy.com/react-front-to-back/?couponCode=TRAVERSYMEDIA Musixmatch Developer Site: https://developer.musixmatch.com/ • Become

  • 22:41 Popular 70+ Websites To Find Developer Jobs

    70+ Websites To Find Developer Jobs

    by Best Webhosting Added 134 Views / 0 Likes

    In this video we will look over a list of 70+ job search websites to find a job in the development and tech industry. Article With Links: https://medium.com/@traversymedia/70-job-find-websites-for-developers-other-tech-professionals-34cdb45518be Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses

  • 44:08 Popular Text To Speech & Synthesis App - JavaScript & Web Speech API

    Text To Speech & Synthesis App - JavaScript & Web Speech API

    by Best Webhosting Added 127 Views / 0 Likes

    In this video we will build a text synthesis application using vanilla JavaScript and the web speech API. We will also use Bootstrap 4 to create the UI. Sponsor: DevMountain Bootcamp - https://goo.gl/6q0dEa Code For This Project: https://github.com/bradtraversy/type-n-speak App Demo: https://bradtraversy.github.io/type-n-speak/ • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversy

  • 20:22 Popular Web Development Framework Pros & Cons

    Web Development Framework Pros & Cons

    by Best Webhosting Added 140 Views / 0 Likes

    In this video we will look at the pros and cons of using a web development framework including UI/CSS frameworks like Bootstrap, front-end frameworks like React and backend frameworks like Laravel and Django. Sponsor: Eduonix JavaScript E-Degree https://www.kickstarter.com/projects/1311831077/eduonix-fullstack-javascript-developer-edegree?ref=d8quqt Slide: https://www.slideshare.net/TechGuy1/web-development-frameworks-pros-cons • Become a Patron: Show

  • 21:25 GitHub Pages Deploy & Domain

    GitHub Pages Deploy & Domain

    by Best Webhosting Added 98 Views / 0 Likes

    In this video we will use the gh-pages npm module to easily deploy any frontend app or website to Github pages. We will do a static site and a React app. I will also show you how to connect a domain name. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Github A Record IPs: 185.199.108.153 185.199.109.153 185.199.110.153 185.199.111.153 Get Domains Cheap: Please use affiliate link :) https://namecheap.pxf.io/c/1299552/386170/5618 Git Crash Course:

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