Traversy Media
-
3:38:00
MERN Crash Course | JWT Authentication, Redux Toolkit, Deployment & More
Added 57 Views / 0 LikesIn 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
Added 45 Views / 0 LikesIn 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
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
Added 71 Views / 0 LikesThis 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
Added 43 Views / 0 LikesIn 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
Added 58 Views / 0 LikesBuild 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
Added 40 Views / 0 LikesA 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
Added 51 Views / 0 LikesIn 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
Added 42 Views / 0 Likes5-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
Added 47 Views / 0 LikesIn 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
Added 38 Views / 0 LikesIn 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
Added 50 Views / 0 LikesIn 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
Added 40 Views / 0 LikesLet'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
Added 46 Views / 0 LikesIn 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
Added 69 Views / 0 LikesIn 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
Added 53 Views / 0 Likes5 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
Added 54 Views / 0 LikesCarbon 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
Added 46 Views / 0 LikesIn 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
Added 64 Views / 0 LikesTurning 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
Added 41 Views / 0 LikesLet'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?
Added 37 Views / 0 LikesA 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
Added 32 Views / 0 LikesAstro 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
Added 118 Views / 0 LikesHeroku 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
Added 53 Views / 0 LikesThis 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
Added 47 Views / 0 LikesIn 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
Added 45 Views / 0 LikesA 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
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
-
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
-
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
-
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/









