Traversy Media
-
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
-
2:13:11
Vanilla JavaScript Search App | Wikipedia API
Added 46 Views / 0 LikesIn 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
Added 46 Views / 0 LikesA 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
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
-
08:52
My First Freelance Gig Was a Disaster
Added 46 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
-
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: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
-
17:00
Top 20 VS Code Shortcuts
Added 45 Views / 0 LikesIn 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
Added 45 Views / 0 LikesIn 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
Added 45 Views / 0 LikesSome 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
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/
-
57:34
Learn The MERN Stack - Express & MongoDB Rest API
Added 44 Views / 0 LikesIn 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
Added 44 Views / 0 LikesLearn 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
Added 43 Views / 0 LikesIn 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
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
-
13:12
React Router v6 Major Changes
Added 42 Views / 0 LikesQuick 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
Added 42 Views / 0 LikesIn 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
Added 42 Views / 0 Likes5-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
Added 41 Views / 0 LikesIn 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
Added 41 Views / 0 LikesThis 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
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
-
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
-
32:53
Headless CMS & GraphQL API with KeystoneJS
Added 40 Views / 0 LikesBuild 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
Added 40 Views / 0 LikesThis 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
Added 40 Views / 0 LikesIn 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
Added 40 Views / 0 LikesIn 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
Added 40 Views / 0 LikesIn 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
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: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
-
2:01:32
Angular Crash Course 2021
Added 39 Views / 0 LikesLearn 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









