Traversy Media
-
3:16:31
Vue 3 & Supabase | Workout Tracker App
Added 47 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:
-
32:53
Headless CMS & GraphQL API with KeystoneJS
Added 46 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 -
-
21:56
Terminal Style Landing Page | WinBox.js
Added 46 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
-
17:43
GitHub Copilot - First Look
Added 46 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
-
13:12
Do You Need To Learn Data Structures & Algorithms As A Developer?
Added 46 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:50:52
Vue JS Crash Course 2021
Added 45 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 45 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
-
1:20:52
Svelte Crash Course
Added 45 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
-
08:41
How Far Can Learning Code Online Take You?
Added 44 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
-
34:06
PostCSS Crash Course
Added 44 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/
-
09:05
JavaScript Under The Hood [1] - Thread & Call Stack
Added 42 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 42 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:
-
1:35:39
Tailwind Crash Course | Project From Scratch
Added 42 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://
-
07:01
I'm Back! 37-Hour JavaScript Course & New Platform
Added 42 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
-
12:30
JavaScript Under The Hood [5] - JavaScript Engine Overview
Added 41 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 -
-
14:28
JavaScript Under The Hood [2] - Execution Context
Added 41 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 41 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
-
52:27
TypeScript Crash Course
Added 41 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:51:00
Build 5 Projects With HTML, CSS & JavaScript
Added 41 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
-
1:35:19
Astro Crash Course
Added 41 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
-
53:45
CSS Grid Crash Course 2022
Added 40 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
-
27:22
MongoDB Crash Course 2022
Added 39 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
-
35:23
The New Notion API | Node.js Video Schedule Project
Added 38 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
-
42:02
Alpine.js Crash Course
Added 35 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 30 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 27 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









