Traversy Media


  • 1:30:57 Hulu Webpage Clone | HTML & CSS

    Hulu Webpage Clone | HTML & CSS

    by Best Webhosting Added 56 Views / 0 Likes

    Create 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

  • 25:17 Supabase Crash Course

    Supabase Crash Course

    by Best Webhosting Added 38 Views / 0 Likes

    In 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

  • 17:43 GitHub Copilot - First Look

    GitHub Copilot - First Look

    by Best Webhosting Added 40 Views / 0 Likes

    In 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

  • 1:51:00 Build 5 Projects With HTML, CSS & JavaScript

    Build 5 Projects With HTML, CSS & JavaScript

    by Best Webhosting Added 32 Views / 0 Likes

    Sharpen 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

  • 52:27 TypeScript Crash Course

    TypeScript Crash Course

    by Best Webhosting Added 36 Views / 0 Likes

    Learn 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

  • 58:36 React Testing Crash Course

    React Testing Crash Course

    by Best Webhosting Added 50 Views / 0 Likes

    Learn 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

  • 51:43 JavaScript Drag & Drop Sortable List Project

    JavaScript Drag & Drop Sortable List Project

    by Best Webhosting Added 44 Views / 0 Likes

    Learn 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

  • 09:14 Coming Back To Programming After A Break

    Coming Back To Programming After A Break

    by Best Webhosting Added 45 Views / 0 Likes

    Some 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

  • 48:23 Styled Components Crash Course & Project

    Styled Components Crash Course & Project

    by Best Webhosting Added 46 Views / 0 Likes

    A 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

  • 7:10:05 Python Django 7 Hour Course

    Python Django 7 Hour Course

    by Best Webhosting Added 65 Views / 0 Likes

    Build 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

  • 04:52 Freelance Course Launch & Update

    Freelance Course Launch & Update

    by Best Webhosting Added 56 Views / 0 Likes

    Course link - https://freelancemastery.dev We finally finished the freelance course. We are launching with a special 2 week promo price

  • 1:20:52 Svelte Crash Course

    Svelte Crash Course

    by Best Webhosting Added 36 Views / 0 Likes

    Learn 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

  • 32:20 Build an API Proxy Server - Hide Your API Keys, Rate Limiting & Caching

    Build an API Proxy Server - Hide Your API Keys, Rate Limiting & Caching

    by Best Webhosting Added 66 Views / 0 Likes

    We 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

  • 3:16:31 Vue 3 & Supabase | Workout Tracker App

    Vue 3 & Supabase | Workout Tracker App

    by Best Webhosting Added 40 Views / 0 Likes

    In 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:

  • 31:39 Build a Website Accessibility Tester With JavaScript & Pa11y

    Build a Website Accessibility Tester With JavaScript & Pa11y

    by Best Webhosting Added 42 Views / 0 Likes

    In 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/

  • 12:04 10 Ways To Be A Better Developer

    10 Ways To Be A Better Developer

    by Best Webhosting Added 50 Views / 0 Likes

    Some 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

  • 1:19:23 Build a Starbucks Landing Page Clone

    Build a Starbucks Landing Page Clone

    by Best Webhosting Added 48 Views / 0 Likes

    In 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/

  • 13:12 React Router v6 Major Changes

    React Router v6 Major Changes

    by Best Webhosting Added 42 Views / 0 Likes

    Quick 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:04:49 Remix Crash Course | Full Stack React

    Remix Crash Course | Full Stack React

    by Best Webhosting Added 83 Views / 0 Likes

    This 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

  • 1:30:52 Web Development In 2022 - A Practical Guide

    Web Development In 2022 - A Practical Guide

    by Best Webhosting Added 38 Views / 0 Likes

    This 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

  • 46:54 Flexbox Crash Course 2022

    Flexbox Crash Course 2022

    by Best Webhosting Added 37 Views / 0 Likes

    Flexbox 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

  • 27:22 MongoDB Crash Course 2022

    MongoDB Crash Course 2022

    by Best Webhosting Added 30 Views / 0 Likes

    In 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

  • 07:46 6 Of My Personal Tips When Learning To Code

    6 Of My Personal Tips When Learning To Code

    by Best Webhosting Added 51 Views / 0 Likes

    Here 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

  • 57:34 Learn The MERN Stack - Express & MongoDB Rest API

    Learn The MERN Stack - Express & MongoDB Rest API

    by Best Webhosting Added 43 Views / 0 Likes

    In 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

  • 52:29 Learn The MERN Stack - JWT Authentication

    Learn The MERN Stack - JWT Authentication

    by Best Webhosting Added 65 Views / 0 Likes

    In 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

  • 1:13:26 Learn The MERN Stack - Frontend Authentication | Redux Toolkit

    Learn The MERN Stack - Frontend Authentication | Redux Toolkit

    by Best Webhosting Added 50 Views / 0 Likes

    In 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

  • 58:22 Learn The MERN Stack - Redux Goals & Deply

    Learn The MERN Stack - Redux Goals & Deply

    by Best Webhosting Added 39 Views / 0 Likes

    In this video, we will add the goals functionality and add goals to our Redux 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 On Social Media: Twitter: htt

  • 24:25 The Programming Language Guide

    The Programming Language Guide

    by Best Webhosting Added 41 Views / 0 Likes

    This is NOT another annoying top 10 programming language video. We will talk about how programming languages work including low-level & high-level, compiled, interpreted, etc. We will also talk about some of the popular languages and what they are good for. 👇 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://tw

  • 53:45 CSS Grid Crash Course 2022

    CSS Grid Crash Course 2022

    by Best Webhosting Added 30 Views / 0 Likes

    This crash course will teach you all of the fundamentals of CSS Grid ⭐ Sponsor: InMotion Hosting! https://bit.ly/35rBjYU 💻 Code: https://github.com/bradtraversy/grid-crash 👇 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: h

  • 09:20 Build Strength From Struggle | My Story

    Build Strength From Struggle | My Story

    by Best Webhosting Added 40 Views / 0 Likes

    This is my own personal story that I like to share with the world to show that it's possible to get to places in your life that you couldn't even imagine. It's not easy, but it IS possible. The other personal video that I was talking about: https://www.youtube.com/watch?v=zA9krklwADI Follow @underdogdevs Twitter: https://twitter.com/underdogdevs 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedi

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