Traversy Media


  • 48:23 Styled Components Crash Course & Project

    Styled Components Crash Course & Project

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

  • 51:43 JavaScript Drag & Drop Sortable List Project

    JavaScript Drag & Drop Sortable List Project

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

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

    Build a Starbucks Landing Page Clone

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

  • 30:42 Build a Node.js Password Generator

    Build a Node.js Password Generator

    by Best Webhosting Added 55 Views / 0 Likes

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

  • 30:06 5 Pro-Level React Do's & Don'ts

    5 Pro-Level React Do's & Don'ts

    by Best Webhosting Added 55 Views / 0 Likes

    In this video, Jack will talk about some do's and don'ts when it comes to writing code with the React JavaScript framework. 📽️ Jack's YouTube Channel: https://www.youtube.com/c/JackHerrington 👇 Follow Traversy Media On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtraversy Timestamps: 00:00 Introduction 00:30 Do use functional components 02:22 Don’t

  • 1:16:28 Build a Shopping Cart With React JS & Stripe

    Build a Shopping Cart With React JS & Stripe

    by Best Webhosting Added 55 Views / 0 Likes

    In this project, we will create a shopping cart using React and Stripe. 📽️ Cooper Codes YouTube Channel: https://www.youtube.com/c/CooperCodes 💻 Code: https://github.com/coopercodes/ReactEcommerceStoreWithStripeAPI 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Traversy Media On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Lin

  • 38:41 Linux Server Setup & MERN Deployment

    Linux Server Setup & MERN Deployment

    by Best Webhosting Added 54 Views / 0 Likes

    In this video, we will set up a Linux Ubuntu server, set up SSH keys, and deploy a MERN app by setting up PM2 and an Nginx reverse proxy. ⭐ $100 Credit With Linode! https://linode.com/traversy 💻 Gist With Commands: https://gist.github.com/bradtraversy/b8b72581ddc940e0a41e0bc09172d91b 💻 Goalsetter Project We Will Deploy: https://github.com/bradtraversy/mern-tutorial 💻 All Courses https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com

  • 41:17 Webpack 5 Crash Course | Frontend Development Setup

    Webpack 5 Crash Course | Frontend Development Setup

    by Best Webhosting Added 54 Views / 0 Likes

    In this video, we will create a Webpack dev environment from scratch including... Webpack setup Webpack Dev Server HTML Webpack Plugin Sass Compiling Babel Transpiling Asset Resource Loaders Analyzer Plugin Source Maps 💻 Webpack Starter Repo: https://github.com/bradtraversy/webpack-starter 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On

  • 09:20 Build Strength From Struggle | My Story

    Build Strength From Struggle | My Story

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

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

    Learn The MERN Stack - Express & MongoDB Rest API

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

  • 09:14 Coming Back To Programming After A Break

    Coming Back To Programming After A Break

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

  • 46:40 Static Blog With Next.js and Markdown

    Static Blog With Next.js and Markdown

    by Best Webhosting Added 54 Views / 0 Likes

    Create 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

  • 08:52 My First Freelance Gig Was a Disaster

    My First Freelance Gig Was a Disaster

    by Best Webhosting Added 54 Views / 0 Likes

    A little story about my first paid project as a freelancer back in 2008 - 2009 Find a list of my latest Udemy courses at: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia

  • 2:13:11 Vanilla JavaScript Search App | Wikipedia API

    Vanilla JavaScript Search App | Wikipedia API

    by Best Webhosting Added 53 Views / 0 Likes

    In this project we will build a search app using HTML5, Sass, JavaScript and the Wikipedia API. Dave Gray's YouTube Channel: https://www.youtube.com/DaveGrayTeachesCode Code: https://github.com/gitdagray/search_app_tutorial Timestamps: 0:00 Intro and App Outline 1:00 Structuring the HTML 20:09 Adding font and icon libraries to the project 24:17 Styling the app with SASS 1:05:32 Developing functionality with JavaScript 1:58:29 Debugging trouble spots 2

  • 36:19 Build An AI Image Generator With OpenAI & Node.js

    Build An AI Image Generator With OpenAI & Node.js

    by Best Webhosting Added 53 Views / 0 Likes

    In this project, we will use OpenAI and the DALL-E model to create a web app that will generate images from scratch based on the entered text. 💻 Code: https://github.com/bradtraversy/nodejs-openai-image 📄OpenAI Docs: https://beta.openai.com/ ⭐ All Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Traversy Media On Social Media: Twitter: https://twitter.com/

  • 25:17 Supabase Crash Course

    Supabase Crash Course

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

  • 16:24 Vite Crash Course | Faster Alternative To CRA

    Vite Crash Course | Faster Alternative To CRA

    by Best Webhosting Added 52 Views / 0 Likes

    In this video, we will talk about the Vite JavaScript build tool. We will also compare it to Webpack as well as Create React App. 💻 Blog Post: https://www.traversymedia.com/blog/vite-crash-course ⭐ All Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Traversy Media On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram

  • 1:09:45 Next.js Crash Course 2021

    Next.js Crash Course 2021

    by Best Webhosting Added 50 Views / 0 Likes

    In this video we will look at the fundamentals of Next.js such as SSR & SSG, routing, data fetching, apis and more Code: https://github.com/bradtraversy/next-crash-course Find a list of my latest Udemy courses at: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia Next.js Website: https://nextjs.org/ Timestamps: 0:00 - Intro & Slides 6:52 - Getting Setup with create-next-app 8:23 - Files & Folders 11:37 - Pages & Rou

  • 12:50 JavaScript Under The Hood [3} - Asynchronous JavaScript, Task Queue & Event Loop

    JavaScript Under The Hood [3} - Asynchronous JavaScript, Task Queue & Event Loop

    by Best Webhosting Added 50 Views / 0 Likes

    In this video, we will look at how JavaScript does Asynchronous operations and how the task queue and event loop works. Event Loop & Microtask Queue Article: https://towardsdev.com/event-loop-in-javascript-672c07618dc9 💖 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

  • 24:25 The Programming Language Guide

    The Programming Language Guide

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

  • 13:12 React Router v6 Major Changes

    React Router v6 Major Changes

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

  • 39:43 Fastify Crash Course | Node.js Framework

    Fastify Crash Course | Node.js Framework

    by Best Webhosting Added 50 Views / 0 Likes

    Fastify 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

  • 37:13 Create A Simple JavaScript App to Generate QR Codes

    Create A Simple JavaScript App to Generate QR Codes

    by Best Webhosting Added 50 Views / 0 Likes

    Let's create a simple QR Code generator app with JavaScript, QRcode.js and Tailwind CSS. 💻 Github Repo https://github.com/bradtraversy/qr-code-generator 🧑‍💻 Live Demo https://qrcodes.tech 💻 QRCode.js Library: https://github.com/davidshimjs/qrcodejs ⭐ Special $9.99 Promo For My Tailwind CSS Course: https://www.udemy.com/course/tailwind-from-scratch/?couponCode=5DAY999 ⭐All Courses https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.co

  • 06:46 Channel Update, Short Break & Freelance Course On Udemy

    Channel Update, Short Break & Freelance Course On Udemy

    by Best Webhosting Added 50 Views / 0 Likes

    5-Day $9.99 Promo Code For Freelance Course: https://www.udemy.com/course/freelance-mastery-course/?couponCode=BLACKFRIDAY

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

    Web Development In 2022 - A Practical Guide

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

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

    Build a Website Accessibility Tester With JavaScript & Pa11y

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

  • 08:04 Clean Code vs Preference

    Clean Code vs Preference

    by Best Webhosting Added 48 Views / 0 Likes

    Let's talk about the phrase "clean code" and how it can be pretty subjective and a lot of it comes down to preference. ⭐ Check out Agora! https://bit.ly/3bLM8Iu 🐥 Clean Code Tweet: https://twitter.com/traversymedia/status/1577706658943344641 💻 All Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Traversy Media On Social Media: Twitter: https://twitter.com/

  • 1:22:45 Next.js 13 Crash Course | App Directory, React Server Components & More

    Next.js 13 Crash Course | App Directory, React Server Components & More

    by Best Webhosting Added 48 Views / 0 Likes

    A complete crash course to NextJS version 13 and it's new features such as the app directory structure, routing, React Server Components vs client components, layouts and more. Code: https://github.com/bradtraversy/next-13-crash-course Original Next.js Crash Course: https://www.youtube.com/watch?v=mTz0GXj8NN0 Blog Post: https://www.traversymedia.com/blog/next-js-13-crash-course-app-directory-server-components-more All Of My Courses: https://traversyme

  • 2:01:32 Angular Crash Course 2021

    Angular Crash Course 2021

    by Best Webhosting Added 47 Views / 0 Likes

    Learn the fundamentals of Angular in this project-based crash course Video Sponsor: https://www.hostinger.com/traversymedia - Use the code TRAVERSYMEDIA for 10% off! Code: https://github.com/bradtraversy/angular-crash-2021 Latest Udemy Courses: https://traversymedia.com​ 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Hostinger Sponsor 0:35 - Intro & Slides 7:41 - Angular CLI & Setup 10:39 - Files & Folders 14:49 - Compo

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

    Learn The MERN Stack - Redux Goals & Deply

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

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