Traversy Media
-
17:43
GitHub Copilot - First Look
Added 43 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
-
1:22:45
Next.js 13 Crash Course | App Directory, React Server Components & More
Added 43 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
-
1:20:52
Svelte Crash Course
Added 42 Views / 0 LikesLearn the fundamentals of Svelte by building a feedback app Code: https://github.com/bradtraversy/svelte-feedback-app 👇 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/traversymedia Linkedin: https://www.linkedin.com/i
-
21:56
Terminal Style Landing Page | WinBox.js
Added 41 Views / 0 LikesBuild a simple landing page with a terminal feel using HTML, CSS and the WinBox.js library Code: https://github.com/bradtraversy/terminal-landing-page Demo: https://upbeat-allen-ed0aef.netlify.app/ WinBox.js Library: https://nextapps-de.github.io/winbox/ Tiffany White's Blog (Design Inspiration): https://tiffanywhite.dev/ Timestamps: 0:00 - Intro 1:58 - Getting WinBox Bundle 2:34 - The HTML 6:05 - The CSS 13:58 - JavaScript & WinBox
-
12:50
JavaScript Under The Hood [3} - Asynchronous JavaScript, Task Queue & Event Loop
Added 41 Views / 0 LikesIn 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
-
34:06
PostCSS Crash Course
Added 41 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:50:52
Vue JS Crash Course 2021
Added 40 Views / 0 LikesLearn the fundamentals of Vue JS (v3) in this project-based crash course Task Tracker: https://github.com/bradtraversy/vue-crash-2021 Random User Generator: https://codepen.io/bradtraversy/pen/LYbzJjK Latest Udemy Courses: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro & Slides 7:17 - User Generator Mini Project (CDN) 21:35 - Vue CLI Setup 24:30 - Files, Dev Server & Cleanup 28:22 - Glob
-
46:54
Flexbox Crash Course 2022
Added 40 Views / 0 LikesFlexbox is used for space distribution, positioning and alignment in CSS. 💻 Project Code: https://codepen.io/bradtraversy/pen/JjrzzOW 👇 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://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtravers
-
13:12
Do You Need To Learn Data Structures & Algorithms As A Developer?
Added 40 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
-
08:41
How Far Can Learning Code Online Take You?
Added 39 Views / 0 LikesHow far can learning how to code from YouTube tutorials, etc take you? Dennis talks about his experience Dennis Ivy YouTube Channel: https://www.youtube.com/channel/UCTZRcDjjkVajGL6wd76UnGg
-
07:01
I'm Back! 37-Hour JavaScript Course & New Platform
Added 39 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
-
09:05
JavaScript Under The Hood [1] - Thread & Call Stack
Added 38 Views / 0 LikesIn this video, we will talk about JavaScript's main thread as well as how the call stack works. 💖 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 Timestamps: 1:02 - Thread Of Execution 2:50 - Call Stack Explanation 3:38 - Slide E
-
21:34
Python In The Browser! PyScript First Look
Added 38 Views / 0 LikesIn this video, we will look at the brand new PyScript framework, which uses Web Assembly and Pyodide to write Python and use Python Packages right in our HTML. And no, it will NOT replace JavaScript. 🐍 PyScript Website & Examples: https://pyscript.net https://github.com/pyscript/pyscript/tree/main/examples 📘Check out my 300 page Web Dev Guide: https://traversy.gumroad.com/l/web-dev-guide 💻 All Courses https://traversymedia.com 💖 Show Support Patreon:
-
12:30
JavaScript Under The Hood [5] - JavaScript Engine Overview
Added 37 Views / 0 LikesIn this final video of the series, we will talk about JS engines and look at how JavaScript code is turned into machine code that runs on the CPU. 💖 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 Timestamps: 0:00 - Intro 0:42 -
-
52:27
TypeScript Crash Course
Added 37 Views / 0 LikesLearn the basics of TypeScript in this beginner-friendly crash course Visit Our Sponsor: Stream https://getstream.io/traversy TypeScript Gist: https://gist.github.com/bradtraversy/f80a4cd87e7034bea5264f7d8c431b4e Find all of my Udemy courses: https://traversymedia.com Support The Channel: https://www.patreon.com/traversymedia https://paypal.me/traversymedia TImestamps: 0:00 - Intro & Sponsor 0:39 - Slides 7:58 - TypeScript Setup 8:55 - TSC (TypeScript
-
1:35:19
Astro Crash Course
Added 37 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
-
1:35:39
Tailwind Crash Course | Project From Scratch
Added 36 Views / 0 LikesIn this video, we will set up Tailwind CLI and create a landing page from start to finish, going over many of the common utility classes and then deploying it to InMotion Hosting using Git. ⭐ Sponsor: InMotion Hosting! https://bit.ly/3uVNhD6 💻 Code: https://github.com/bradtraversy/tailwind-landing-page Frontend Mentor Challenge: https://www.frontendmentor.io/challenges/manage-landing-page-SLXqC6P5 Csaba Kissi Twitter (Tailwind Course Helper): https://
-
35:23
The New Notion API | Node.js Video Schedule Project
Added 35 Views / 0 LikesIn this video, we will create a Notion calendar database and use the API and SDK/client to fetch the data and display it on a web page Code: https://github.com/bradtraversy/notion-video-schedule Notion Developers/API Website: https://developers.notion.com/ Notion JS SDK: https://github.com/makenotion/notion-sdk-js Udemy Courses: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro 1:55 - Add Vi
-
14:28
JavaScript Under The Hood [2] - Execution Context
Added 35 Views / 0 LikesIn this video, we will talk about execution context and hoisting 💖 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 Timestamps 0:00 - Intro 0:44 - What Is Execution Context? 1:39 - The 2 Phases 3:32 - Step By Step Examination 6:12
-
3:14:39
GraphQL Crash Course With Full Stack MERN Project
Added 35 Views / 0 Likes⭐ Join Masterschool & pay nothing until you're hired! https://goto.masterschool.com/brad2022 In this video, we will build a full-stack project management system with GraphQL, Express, MongoDB, React, and Apollo. 💻 Code: https://github.com/bradtraversy/project-mgmt-graphql 💻 Query & Mutation Gist: https://gist.github.com/bradtraversy/fc527bc9a4659ab8de8e8066f3498723 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me
-
53:45
CSS Grid Crash Course 2022
Added 35 Views / 0 LikesThis crash course will teach you all of the fundamentals of CSS Grid ⭐ Sponsor: InMotion Hosting! https://bit.ly/35rBjYU 💻 Code: https://github.com/bradtraversy/grid-crash 👇 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://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: h
-
1:51:00
Build 5 Projects With HTML, CSS & JavaScript
Added 35 Views / 0 LikesSharpen your JavaScript, CSS, DOM skills by building 5 projects in one video Full Course : https://www.udemy.com/course/50-projects-50-days/?referralCode=684EE5F9DE1745B6428B $12.99 Coupon Code: MONTH2021 (Replace with current month) GitHub Repo: https://github.com/bradtraversy/50projects50days Timestamps: 0:00 - Intro 2:23 - Project 1 - Blurry Loading 15:31 - Project 2 - Vertical Slider 41:23 - Project 3 - Random Choice Picker 1:01:44 - Project 4 - L
-
27:22
MongoDB Crash Course 2022
Added 34 Views / 0 LikesIn this video, I will introduce you to MongoDB Atlas, the multi-cloud application data platform from MongoDB, and walk you through how to set up and connect to the database, loading sample data and performing CRUD operations. This video will provide you with a basic understanding and way to get started with MongoDB Atlas, but you will learn that there are a variety of other features and ways to interact with your data available, providing you the flex
-
42:02
Alpine.js Crash Course
Added 31 Views / 0 LikesWe will learn about all of the Alpine.js directives, properties as well as stores. Code: https://codepen.io/bradtraversy/pen/NWyrEZv 👇 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://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtraversy
-
11:28
Quokka | The JavaScript Scratchpad
Added 27 Views / 0 LikesA really nice VS Code extension for testing, prototyping, and learning JavaScript Quokka Website: https://quokkajs.com/
-
4:35:38
Web RTC Full Course & More
Added 24 Views / 0 LikesDennis Ivy YouTube channel: https://www.youtube.com/c/DennisIvy Mysterious man in video demo: https://www.youtube.com/c/FrancescoCiulla Live Demos: - https://mumble2.dev/ - https://divanov11.github.io/WebRTC-Simple-SDP-Handshake-Demo/ Source code: - Project #2: https://github.com/divanov11/PeerChat - Project #1: https://github.com/divanov11/mumble2 "How does WebRTC work?" article: https://medium.com/agora-io/how-does-webrtc-work-996748603141 Agora Res









