Web Development
-
20:40 Popular
Code Faster With Custom VS Code Snippets
Added 124 Views / 0 LikesIn 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
Added 129 Views / 0 LikesHere 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
Added 105 Views / 0 LikesIn 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
Added 104 Views / 0 LikesIn 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
Added 106 Views / 0 LikesIn 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
Added 111 Views / 0 LikesIn 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
Added 120 Views / 0 LikesIn 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
Added 122 Views / 0 LikesI 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
Added 125 Views / 0 LikesIn 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
Added 93 Views / 0 LikesIn 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
Added 107 Views / 0 LikesIn 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
Added 118 Views / 0 LikesIn 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
Added 138 Views / 0 LikesIn 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
Added 170 Views / 0 LikesIn 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
Added 121 Views / 0 LikesIn 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
Added 122 Views / 0 LikesIn 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
Added 117 Views / 0 LikesIn 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
Added 113 Views / 0 LikesIn 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
Added 102 Views / 0 LikesIn 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
Added 119 Views / 0 LikesIn 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)
Added 94 Views / 0 LikesIn 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
Added 77 Views / 0 LikesIn 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
Added 105 Views / 0 LikesThis 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
Added 91 Views / 0 LikesIn 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
Added 97 Views / 0 LikesIn 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
Added 111 Views / 0 LikesIn 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
Added 134 Views / 0 LikesIn 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
Added 127 Views / 0 LikesIn 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
Added 140 Views / 0 LikesIn 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
Added 98 Views / 0 LikesIn 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:









