Traversy Media


  • 3:38:00 MERN Crash Course | JWT Authentication, Redux Toolkit, Deployment & More

    MERN Crash Course | JWT Authentication, Redux Toolkit, Deployment & More

    by Best Webhosting Added 57 Views / 0 Likes

    In this project, we will create a MERN stack app with a React SPA frontend. The main focus is authentication, but you will learn how to create a full-featured API, manage state with Redux Toolkit, and more. Linode/Akamai - Get $100 Free For 60 Days https://linode.com/traversy Code: https://github.com/bradtraversy/mern-auth Blog Post - Part 1 (Backend): https://www.traversymedia.com/blog/mern-crash-course-part-1 Blog Post - Part 2 (Frontend): https://w

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

  • 07:01 I'm Back! 37-Hour JavaScript Course & New Platform

    I'm Back! 37-Hour JavaScript Course & New Platform

    by Best Webhosting Added 38 Views / 0 Likes

    $20 Coupon - TRAVERSYFIVEOFF https://www.traversymedia.com/modern-javascript-2-0 The coupon is good for ALL courses The domain name has not propagated in a few regions. If you can not access the link yet, you can use https://brad-traversy.mykajabi.com/modern-javascript-2-0

  • 2:54:25 Web Development In 2023 - A Practical Guide

    Web Development In 2023 - A Practical Guide

    by Best Webhosting Added 71 Views / 0 Likes

    This is an in-depth guide that goes over every major technology that has to do with web development, from languages to frameworks to utilities. Content Guide Of Videos/Courses: https://www.traversymedia.com/guide Premium eBook Version: https://traversy.gumroad.com/l/web-dev-guide Design For Developers Repo: https://github.com/bradtraversy/design-resources-for-developers My Web Development Courses: https://www.traversymedia.com/ Timestamps: 0:00 - Intr

  • 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

  • 47:51 Build a Keyword Extractor: React + OpenAI API + Chakra UI

    Build a Keyword Extractor: React + OpenAI API + Chakra UI

    by Best Webhosting Added 58 Views / 0 Likes

    Build and deploy a keyword extractor powered by OpenAI, using React, Vite and Chakra UI. Hostinger: https://hostinger.com/traversy Use the code TRAVERSY for 10% off! Github Repo: https://github.com/bradtraversy/ai-keyword-extractor Blog Post: https://www.traversymedia.com/blog/ai-keyword-extractor-with-react-openai My Web Development Courses: https://www.traversymedia.com Timestamps: 0:00 - Intro 1:58 - Hostinger Sponsor 3:13 - Vite & React Setup 4:30

  • 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

  • 32:34 ChatGPT Crash Course | 10 Practical Use Cases For Developers

    ChatGPT Crash Course | 10 Practical Use Cases For Developers

    by Best Webhosting Added 51 Views / 0 Likes

    In this video, I will give you and show examples of 10 ways to use OpenAI's ChatGPT as a developer including general learning, getting feedback, writing tests and more ChatGPT: https://chat.openai.com Full Blog Post: https://www.traversymedia.com/blog/chat-gpt-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 Medi

  • 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

  • 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

  • 34:06 PostCSS Crash Course

    PostCSS Crash Course

    by Best Webhosting Added 38 Views / 0 Likes

    In this video, we will talk about what PostCSS is, set it up and show you how to use some of the popular plugins such as postcss-preset-env, precss, postcss-import, autoprefixer and more. 💻 Code: https://github.com/bradtraversy/postcss-crash ⭐ 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:11:48 Create a Desktop App With JavaScript & Electron

    Create a Desktop App With JavaScript & Electron

    by Best Webhosting Added 50 Views / 0 Likes

    In this video, we will create a cross-platform desktop app to resize image dimensions, using JavaScript and Electron. 💻 Code: https://github.com/bradtraversy/image-resizer-electron To package your app up for different platforms, you could use one of the following: https://github.com/electron/electron-packager https://www.electronforge.io/ ⭐ All Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: htt

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

  • 08:58 Improve The Developer Hiring Process

    Improve The Developer Hiring Process

    by Best Webhosting Added 69 Views / 0 Likes

    In this video, I will propose an alternative to the current hiring process that a lot of tech companies use to hire developers. 💻 My Courses & More 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/bradtraversy Times

  • 1:41:24 5 HTML, CSS & JS Mini Projects - Scroll Animation, Rotating Navigation, Drag Events, etc

    5 HTML, CSS & JS Mini Projects - Scroll Animation, Rotating Navigation, Drag Events, etc

    by Best Webhosting Added 53 Views / 0 Likes

    5 projects from my 50 Projects In 50 Days course on Udemy. These projects are meant to sharpen your CSS skills and help you work with the DOM using JavaScript. FULL COURSE: $9.99 Promo Link (Only valid for 5 days) https://www.udemy.com/course/50-projects-50-days/?couponCode=JULY999 All courses: https://traversymedia.com Timestamps: 0:00 - Intro 2:00 - Scroll Animation Project 16:13 - Rotating Navigation Project 40:40 - Login Input Wave 59:38 - Animate

  • 1:06:46 Carbon Lang First Look & Crash Course | Google's C++ Successor

    Carbon Lang First Look & Crash Course | Google's C++ Successor

    by Best Webhosting Added 54 Views / 0 Likes

    Carbon is Google's new C++ successor. In this video, we will talk a little bit about it and then look at the basic syntax including variables, data types, arrays, tuples, classes, generics and more. 💻 Carbon Main Repo: https://github.com/carbon-language/carbon-lang ✅ Gist File From Video: https://gist.github.com/bradtraversy/681eae47e8c2fc14fbfa9e3eac8dc3ca ⭐ My Courses & More https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/t

  • 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:10:20 Build A Digital Resume & Host For Free

    Build A Digital Resume & Host For Free

    by Best Webhosting Added 64 Views / 0 Likes

    Turning a real-life resume into a digital resume hosted free on Github pages. Live Demo: https://divanov11.github.io/Digital-Resume/ Source Code: https://github.com/divanov11/Digital-Resume Article: https://dev.to/dennisivy11/build-a-digital-resume-host-for-free-559 Check out Agora! https://bit.ly/3bLM8Iu Dennis Ivy's Channel: https://www.youtube.com/c/DennisIvy Timestamps 00:00 - Introduction 4:56 - Project Setup 9:15 - Hero Section 35:50 - Adding Da

  • 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

  • 13:12 Do You Need To Learn Data Structures & Algorithms As A Developer?

    Do You Need To Learn Data Structures & Algorithms As A Developer?

    by Best Webhosting Added 37 Views / 0 Likes

    A short discussion on learning data structures and algorithms as a developer. James Quick YouTube Channel: https://www.youtube.com/c/jamesqquick Tweet from Lawrence Lockhart - [https://twitter.com/LDLockhartJr/status/1561250018006294528?s=20&t=Sb2aRdbdmveSWt1-JVsBUw](https://twitter.com/LDLockhartJr/status/1561250018006294528?s=20&t=Sb2aRdbdmveSWt1-JVsBUw) Hiring without Whiteboards - https://github.com/poteto/hiring-without-whiteboards Interview Patt

  • 1:35:19 Astro Crash Course

    Astro Crash Course

    by Best Webhosting Added 32 Views / 0 Likes

    Astro is an amazing static site generator that allows you to build really fast websites with little to no production JavaScript. You can use Astro components as we all have components from other frameworks such as React, Vue and Svelte. TIP: I forgot to mention there is a VS Code extension called "Astro". Use it for syntax highlighting. 💻 Github Repo: https://github.com/bradtraversy/astro-crash-course ⭐ All Courses https://traversymedia.com 💖 Show Sup

  • 13:04 Popular 3 Alternatives for Heroku's Free Tier - Full Stack & API Hosting

    3 Alternatives for Heroku's Free Tier - Full Stack & API Hosting

    by Best Webhosting Added 118 Views / 0 Likes

    Heroku is getting rid of its free tier. In this video, we will look at 3 really good alternatives that offer a similar service. We will deploy a simple Node.js API to each one. - Render - https://render.com - Railway -https://railway.app - Cyclic - https://cyclic.sh 💻 Node API Github Repo: https://github.com/bradtraversy/vanilla-node-rest-api 📽️ Node API Video: https://www.youtube.com/watch?v=_1xa8Bsho6A&t=2120s 🐥Tweet About Topic: https://twitter.com

  • 44:53 Command Line Crash Course For Beginners | Terminal Commands

    Command Line Crash Course For Beginners | Terminal Commands

    by Best Webhosting Added 53 Views / 0 Likes

    This is a course for beginners to learn how to navigate the terminal/command line. I tried to make it as OS agnostic as possible, but if you are on Windows, I suggest using something like "Git Bash". ⭐ Check out Agora! https://bit.ly/3bLM8Iu 💻 Gist With All Commands: https://gist.github.com/bradtraversy/cc180de0edee05075a6139e42d5f28ce 👇 Follow Traversy Media On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.

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

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

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

  • 08:52 My First Freelance Gig Was a Disaster

    My First Freelance Gig Was a Disaster

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

  • 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

  • 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

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

    Static Blog With Next.js and Markdown

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

  • 30:42 Build a Node.js Password Generator

    Build a Node.js Password Generator

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

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