Traversy Media


  • 21:24 Intro To Web Scraping With Puppeteer

    Intro To Web Scraping With Puppeteer

    by Best Webhosting Added 47 Views / 0 Likes

    In this video, we will look at Puppeteer to scrape data from a web page. 💻 Code: https://github.com/bradtraversy/courses-scrape Puppeteer Docs: https://pptr.dev/ ⭐ 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.com/traversymedia Linkedin: https

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

    Vanilla JavaScript Search App | Wikipedia API

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

  • 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

  • 1:18:48 Bootstrap 5 Crash Course | Website Build & Deploy

    Bootstrap 5 Crash Course | Website Build & Deploy

    by Best Webhosting Added 46 Views / 0 Likes

    Beginner-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

  • 08:52 My First Freelance Gig Was a Disaster

    My First Freelance Gig Was a Disaster

    by Best Webhosting Added 46 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:53 SpaceX Website Clone - HTML, CSS & JavaScript

    SpaceX Website Clone - HTML, CSS & JavaScript

    by Best Webhosting Added 46 Views / 0 Likes

    In this video, we will re-create parts of the SpaceX website including the homepage, menus, and some inner pages. We will create some animations and use JavaScript to manipulate the DOM. Sponsor: Hostinger (10% off): http://hostinger.com/traversymedia Github Repo: https://github.com/bradtraversy/spacex-website Live Demo: https://traversydemo.dev Website & Courses: https://traversymedia.com Timestamps: 0:00 - Intro 0:37 - Hostinger Sponsor 1:39 - Proje

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

    Build a Shopping Cart With React JS & Stripe

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

  • 17:00 Top 20 VS Code Shortcuts

    Top 20 VS Code Shortcuts

    by Best Webhosting Added 45 Views / 0 Likes

    In this video, we will look at 20 helpful shortcuts to improve your coding experience James Q Quick YouTube: https://www.youtube.com/jamesqquick Auth0 YouTube: https://www.youtube.com/channel/UCUlQ5VoIzE_kFbYjzUwHTKA Timestamps: 0:00 - Intro 1:59 - Toggle Side Bar 2:32 - Toggle Built-in Terminal 3:03 - Open User Settings 3:45 - Quick Open a File 4:36 - Tab Through Open Files 5:32 - Move File to Split Windows 6:29 - Close File 6:52 - Search/Replace in

  • 38:41 Linux Server Setup & MERN Deployment

    Linux Server Setup & MERN Deployment

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

  • 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

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

    Build An AI Image Generator With OpenAI & Node.js

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

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

    Learn The MERN Stack - Express & MongoDB Rest API

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

  • 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

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

    Webpack 5 Crash Course | Frontend Development Setup

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

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

    Vite Crash Course | Faster Alternative To CRA

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

  • 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

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

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

    Channel Update, Short Break & Freelance Course On Udemy

    by Best Webhosting Added 42 Views / 0 Likes

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

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

    Next.js Crash Course 2021

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

  • 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

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

    Fastify Crash Course | Node.js Framework

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

  • 32:53 Headless CMS & GraphQL API with KeystoneJS

    Headless CMS & GraphQL API with KeystoneJS

    by Best Webhosting Added 40 Views / 0 Likes

    Build a GraphQL API using KeystoneJS Code: https://github.com/bradtraversy/keystone-blog Code: https://github.com/bradtraversy/next-...​ Find a list of my latest Udemy courses at: https://traversymedia.com​ 💖 Support The Channel! http://www.patreon.com/traversymedia TImestamps: 0:00 Intro 1:31 MongoDB setup 4:30 - Create app & files/folders 7:23 - Starting the server & admin area 8:45 - .env file 10:54 - Post list 14:32 - Create & manage posts 16:00 -

  • 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

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

    Learn The MERN Stack - Redux Goals & Deply

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

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

  • 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

  • 08:04 Clean Code vs Preference

    Clean Code vs Preference

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

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