Traversy Media
-
1:13:26
Learn The MERN Stack - Frontend Authentication | Redux Toolkit
Added 51 Views / 0 LikesIn this video, we will create our frontend and add authentication using Redux Toolkit to manage our global state. 💻 Code: https://github.com/bradtraversy/mern-tutorial 👇 Full React 2022 Course With $12.99 promo: https://www.udemy.com/course/react-front-to-back-2022/?couponCode=REACTF2BFEB2022 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me
-
52:29
Learn The MERN Stack - JWT Authentication
Added 66 Views / 0 LikesIn this video, we will secure our API by adding JWT authentication 💻 Code: https://github.com/bradtraversy/mern-tutorial 👇 Full React 2022 Course With $12.99 promo: https://www.udemy.com/course/react-front-to-back-2022/?couponCode=REACTF2BFEB2022 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/t
-
57:34
Learn The MERN Stack - Express & MongoDB Rest API
Added 44 Views / 0 LikesIn this video, we will create a RESTful API from scratch with Node.js, Express, MongoDB and Mongoose. 💻 Code: https://github.com/bradtraversy/mern-tutorial 👇 Full React 2022 Course With $12.99 promo: https://www.udemy.com/course/react-front-to-back-2022/?couponCode=REACTF2BFEB2022 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Me
-
07:46
6 Of My Personal Tips When Learning To Code
Added 52 Views / 0 LikesHere are some of the things that have always helped me learn to code. Written Version: https://medium.com/@traversymedia/6-tips-when-learning-to-code-374fdb9e143b 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://ww
-
27:22
MongoDB Crash Course 2022
Added 30 Views / 0 LikesIn this video, I will introduce you to MongoDB Atlas, the multi-cloud application data platform from MongoDB, and walk you through how to set up and connect to the database, loading sample data and performing CRUD operations. This video will provide you with a basic understanding and way to get started with MongoDB Atlas, but you will learn that there are a variety of other features and ways to interact with your data available, providing you the flex
-
46:54
Flexbox Crash Course 2022
Added 37 Views / 0 LikesFlexbox is used for space distribution, positioning and alignment in CSS. 💻 Project Code: https://codepen.io/bradtraversy/pen/JjrzzOW 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtravers
-
1:30:52
Web Development In 2022 - A Practical Guide
Added 39 Views / 0 LikesThis is my annual guide to take you from start to finish when it comes to the web development technologies that are available for frontend, backend, and full-stack developers. 🚨 The premium extended eBook has been released! https://traversy.gumroad.com/l/web-dev-guide 👇 Content Guide: https://traversymedia.com/guide 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/tr
-
1:04:49
Remix Crash Course | Full Stack React
Added 83 Views / 0 LikesThis is an intro to the Remix Run framework. We build a blog app with Prisma and Sqlite. Part 2: User Auth - https://youtu.be/wEoktJMSWLY Code: https://github.com/bradtraversy/remix-blog 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversyme
-
13:12
React Router v6 Major Changes
Added 42 Views / 0 LikesQuick video on the major changes to React Router. React Crash Course Repo: https://github.com/bradtraversy/react-crash-2021 React Front To Back 2022 Course: https://www.udemy.com/course/react-front-to-back-2022/?referralCode=4A622C7E48DB66154114 React Router Docs: https://reactrouter.com/ 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On S
-
1:19:23
Build a Starbucks Landing Page Clone
Added 48 Views / 0 LikesIn this video, we will build the homepage of Starbucks.com from scratch with HTML, CSS and a bit of JavaScript Code: https://github.com/bradtraversy/starbucks-homepage 👇 Website & Courses: https://traversymedia.com https://freelancemastery.dev 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/
-
12:04
10 Ways To Be A Better Developer
Added 50 Views / 0 LikesSome practical tips to help you become a better software developer 👇 Website & Courses: https://traversymedia.com https://freelancemastery.dev 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtraversy Timestamps: 0:00 - Intro 0:52 - #1 C
-
31:39
Build a Website Accessibility Tester With JavaScript & Pa11y
Added 42 Views / 0 LikesIn this project, we will build a web app with Node.js & Pa11y to find website accessibility issues 💻 Code: https://github.com/bradtraversy/website-accessibility-tester 👇 Website & Courses: https://traversymedia.com https://freelancemastery.dev 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/
-
3:16:31
Vue 3 & Supabase | Workout Tracker App
Added 40 Views / 0 LikesIn this video, we will build a workout tracker app with authentication using Vue.js 3 and its composition API along with Supabase Code: https://github.com/johnkomarnicki/active_tracker Live Demo: https://active-tracker-yt.herokuapp.com/login John's YouTube: https://www.youtube.com/c/JohnKomarnicki John's Twitter: Twitter: https://twitter.com/john_komarnicki 0:00 Introduction 0:35 Project walkthrough 5:41 Project setup 10:51 Supabase setup/creation 17:
-
32:20
Build an API Proxy Server - Hide Your API Keys, Rate Limiting & Caching
Added 66 Views / 0 LikesWe will use Node.js & Express to create a server in order to hide public API keys, add rate limiting and caching 💻 Code: https://github.com/bradtraversy/node-api-proxy-server Demo App: https://traversy-weather-app.herokuapp.com Node.js API Masterclass Course: (promo code: OCTOBER2021) https://www.udemy.com/course/nodejs-api-masterclass/?referralCode=F95A0D3B9CA1DB648F55 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www
-
1:20:52
Svelte Crash Course
Added 37 Views / 0 LikesLearn the fundamentals of Svelte by building a feedback app Code: https://github.com/bradtraversy/svelte-feedback-app 👇 Website & Courses: https://traversymedia.com https://freelancemastery.dev 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/i
-
04:52
Freelance Course Launch & Update
Added 56 Views / 0 LikesCourse link - https://freelancemastery.dev We finally finished the freelance course. We are launching with a special 2 week promo price
-
7:10:05
Python Django 7 Hour Course
Added 65 Views / 0 LikesBuild a discord-like application with Python Django. Visit the finished application at https://studybuddev.herokuapp.com/ Get The Full Django Beginners Course: https://dennisivy.teachable.com/p/django-beginners-course/?product_id=3222835&coupon_code=BRAD Use promo code BRAD for 50% off Dennis Ivy YouTube Channel: https://www.youtube.com/c/dennisivy Code For This Project: https://github.com/divanov11/StudyBud/ Timestamps: 00:00 - Intro 1:10 - Product D
-
48:23
Styled Components Crash Course & Project
Added 46 Views / 0 LikesA small project to get you familiar with using styled components with React Code: https://github.com/bradtraversy/huddle_styled_components Udemy Courses: https://traversymedia.com 💖 Support The Channel! https://www.patreon.com/traversymedia https://paypal.me/traversymedia Frontend Mentor Challenges: https://www.frontendmentor.io/ Timestamps: 0:00 - Intro 2:10 - Install & Setup 3:15 - First Styled Component 7:40 - Header Styled Component 9:23 - Nesting
-
09:14
Coming Back To Programming After A Break
Added 45 Views / 0 LikesSome tips on getting back into programming after a long or short break Latest Udemy Courses: https://traversymedia.com 💖 Support The Channel! https://www.patreon.com/traversymedia https://paypal.me/traversymedia Timestamps: 0:00 - Intro 0:55 - Stick To A Specific Area 1:45 - Set A Timeline 2:21 - Catch Up 3:06 - Start Learning Again 4:27 - Start A Side Project 5:27 - Join A Community 5:54 - Get Back To Work 7:02 - Don't Get DIscouraged 8:28 - Take Br
-
51:43
JavaScript Drag & Drop Sortable List Project
Added 44 Views / 0 LikesLearn the drag & drop API, array methods, spread operator, and DOM manipulation in this vanilla JavaScript project Full 20 Projects Course: https://www.udemy.com/course/web-projects-with-vanilla-javascript/?referralCode=F9B7C7FED834F91ADE75 Code: [MONTHNAME]2021 Code: https://github.com/bradtraversy/vanillawebprojects/tree/master/sortable-list TImestamps: 0:00 - Intro 2:27 - Insert List Items Into DOM 12:02 - Scramble List Items 18:44 - The CSS 31:07
-
58:36
React Testing Crash Course
Added 50 Views / 0 LikesLearn about testing in React including unit, e2e and integration testing with React Testing Library, Jest & Cypress Techbase YouTube Channel: https://www.youtube.com/channel/UC6W89Wklwaki9pc_qSquRtw Starter Repo: https://github.com/MitchelSt/react-testing-starter Final Repo: https://github.com/MitchelSt/react-testing-finished Timestamps: 0:00 - Brad Intro 0:55 - Mitchel Intro 1:24 - Why should you test? 1:58 - What to test? 5:48 - Demo app setup 11:06
-
52:27
TypeScript Crash Course
Added 36 Views / 0 LikesLearn the basics of TypeScript in this beginner-friendly crash course Visit Our Sponsor: Stream https://getstream.io/traversy TypeScript Gist: https://gist.github.com/bradtraversy/f80a4cd87e7034bea5264f7d8c431b4e Find all of my Udemy courses: https://traversymedia.com Support The Channel: https://www.patreon.com/traversymedia https://paypal.me/traversymedia TImestamps: 0:00 - Intro & Sponsor 0:39 - Slides 7:58 - TypeScript Setup 8:55 - TSC (TypeScript
-
1:51:00
Build 5 Projects With HTML, CSS & JavaScript
Added 32 Views / 0 LikesSharpen your JavaScript, CSS, DOM skills by building 5 projects in one video Full Course : https://www.udemy.com/course/50-projects-50-days/?referralCode=684EE5F9DE1745B6428B $12.99 Coupon Code: MONTH2021 (Replace with current month) GitHub Repo: https://github.com/bradtraversy/50projects50days Timestamps: 0:00 - Intro 2:23 - Project 1 - Blurry Loading 15:31 - Project 2 - Vertical Slider 41:23 - Project 3 - Random Choice Picker 1:01:44 - Project 4 - L
-
17:43
GitHub Copilot - First Look
Added 40 Views / 0 LikesIn this video, we will look at and try the GitHub Copilot AI pair programmer Sponsor: Hostinger (10% off with TRAVERSYMEDIA) https://www.hostinger.com/traversymedia Latest Udemy Courses: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro 2:28 - Specific Functions 4:52 - Generating Data 6:04 - Working with Data (Ordering, etc) 7:45 - Working With Fetch and API 12:04 - Async/Await Example 13:0
-
25:17
Supabase Crash Course
Added 39 Views / 0 LikesIn this video we will look at Supabase https://supabase.io Find all of my Udemy courses: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro & Slides 6:24 - Creating a Project 8:10 - Creating a Table & Columns 9:21 - Adding Data 9:38 - API - Read Rows 12:14 - API - Insert Rows 13:55 - Enable Row Level Security 14:40 - Policy #1 - Public Reads 15:25 - Policy #2 - Authenticated User 18:20 - Poli
-
1:30:57
Hulu Webpage Clone | HTML & CSS
Added 56 Views / 0 LikesCreate the Hulu homepage with HTML, CSS and a bit of JavaScript. Sponsor: Hostinger (10% off with TRAVERSYMEDIA) https://www.hostinger.com/traversymedia Code: https://github.com/bradtraversy/hulu-webpage-clone Modern HTML & CSS From The Beginning Course: https://www.udemy.com/course/modern-html-css-from-the-beginning/?referralCode=EB0470C43F3C3E9AA306 Timestamps: 0:00 -Intro 2:41 - Base & Header HTML 7:04 - Base Styles 10:04 - Header CSS 19:38 - Media
-
30:42
Build a Node.js Password Generator
Added 47 Views / 0 LikesBuild a simple command-line app using Node.js along with Commander and Chalk Code: https://github.com/bradtraversy/passgen Node.js API Course: Coupon MONTHNAME2021 https://www.udemy.com/course/nodejs-api-masterclass/?referralCode=F95A0D3B9CA1DB648F55 💖 Support The Channel! http://www.patreon.com/traversymedia Packages: Commander.js - https://github.com/tj/commander.js Chalk - https://github.com/chalk/chalk Clipboardy - https://github.com/sindresorhus/
-
46:40
Static Blog With Next.js and Markdown
Added 47 Views / 0 LikesCreate a basic blog using Next.js and Markdown. Code: https://github.com/bradtraversy/next-markdown-blog Demo: https://next-markdown-blog-drab.vercel.app/ Full Next.js Udemy Course Coupon: https://www.udemy.com/course/nextjs-dev-to-deployment/?couponCode=YOUTUBE5DAY Next Crash Course: https://www.youtube.com/watch?v=mTz0GXj8NN0&t=1292s Markdown Crash Course: https://www.youtube.com/watch?v=HUBNt18RFbo&t=40s Timestamps: 0:00 - Intro 2:54 - Next.js Setu
-
39:43
Fastify Crash Course | Node.js Framework
Added 41 Views / 0 LikesFastify is a "fast" Node.js framework. In this video, we will build a REST API with validation schemas and swagger documentation Code: https://github.com/bradtraversy/fastify-crash-course Website & Docs: https://www.fastify.io/ Article: Fastify vs. Express https://medium.com/@onufrienkos/express-vs-fastify-performance-4dd5d73e08e2 Latest Udemy Courses: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0
-
1:18:48
Bootstrap 5 Crash Course | Website Build & Deploy
Added 46 Views / 0 LikesBeginner-friendly website project using Bootstrap 5 Hostinger: https://www.hostinger.com/traversymedia - Use the code TRAVERSYMEDIA for 10% off! Code: https://github.com/bradtraversy/bootstrap-bootcamp-website Project Demo: https://www.frontendbootcampdemo.com/ Latest Udemy Courses: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro 2:01 - Docs & Getting Started 4:40 - Including Bootstrap CD









