Traversy Media
-
1:26:51
Creative Agency Website From Scratch | HTML & CSS
Added 52 Views / 0 LikesWe will build a responsive website using HTML/CSS and look at things like positioning, flexbox, CSS Grid basics, and media queries Code & Images: https://github.com/bradtraversy/creative-agency-website Latest Udemy Courses: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro 2:47 - Homepage HTML 8:52 - Homepage CSS 21:02 - Toggle & Navigation CSS 34:11 - JavaScript Toggle 38:09 - Media Queri
-
11:28
Quokka | The JavaScript Scratchpad
Added 23 Views / 0 LikesA really nice VS Code extension for testing, prototyping, and learning JavaScript Quokka Website: https://quokkajs.com/
-
10:07
5 High Level Skills & Traits For Programmers
Added 57 Views / 0 LikesJust some of my thoughts on what skills/traits help you become a more successful programmer Latest Udemy Courses: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia 0:00 - Intro 0:42 - Patience 2:20 - Motivation 4:28 - Problem Solving 6:26 - Communication 8:08 - Willingness To Learn
-
1:50:52
Vue JS Crash Course 2021
Added 37 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
-
48:45
Build a Covid Tracker App With Vue.js & Tailwind
Added 49 Views / 0 LikesIn this project, we will use Vue.js and Tailwind to create a simple tracker app Code: https://github.com/bradtraversy/vue-covid-tracker API: https://covid19api.com https://ksred.com Latest Udemy Courses: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro 2:13 - Vue Setup 6:30 - Header & Tailwind Config 13:02 - Fetching Data 17:00 - Setting the state data 21:54 - DataTitle Component 27:31 -
-
04:44
Udemy Course Alert - Next.js
Added 54 Views / 0 Likes5 Day $9.99 Promo: https://www.udemy.com/course/nextjs-dev-to-deployment/?couponCode=APRIL5DAY 30 Day $12.99 Promo: https://www.udemy.com/course/nextjs-dev-to-deployment/?couponCode=APRIL30DAY
-
21:56
Terminal Style Landing Page | WinBox.js
Added 38 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
-
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
-
09:05
Overworking Yourself As A Developer | Mental & Physical Health
Added 51 Views / 0 LikesSome things to think about if you are putting in long hours writing code. Are you overworked? and is it affecting your mental/physical health, relationships, etc? 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro 1:45 - Mental Health 4:42 - Relationships 6:04 - Physical Health 7:27 - Hobbies
-
35:23
The New Notion API | Node.js Video Schedule Project
Added 32 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
-
6:28:48
6 Hour Vue.js & Firebase Project - FireBlogs
Added 68 Views / 0 LikesBuild a multi-user blog project with Vue.js, Vuex and Firebase Demo: https://fireblogs-50850.web.app/ Code: https://github.com/johnkomarnicki/FireBlogs-YouTube John's YouTube Channel: https://www.youtube.com/channel/UCr0D7PVNOHqB3Td7lVl_LKw John's Socials: https://twitter.com/john_komarnicki https://www.linkedin.com/in/john-komarnicki Timestamps: 0:00 - Introduction 0:52 - Walkthrough 9:55 - Project Setup 21:45 - Navigation(Desktop/Mobile) 44:52 - Foo
-
12:30
JavaScript Under The Hood [5] - JavaScript Engine Overview
Added 33 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 -
-
12:58
JavaScript Under The Hood [4] - Memory Storage
Added 50 Views / 0 LikesIn this video, we'll look at how and where primitive values and reference data (objects) are stored. 💖 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:59 - Memory Management & Garbage Collection 2:34 -
-
12:50
JavaScript Under The Hood [3} - Asynchronous JavaScript, Task Queue & Event Loop
Added 38 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
-
14:28
JavaScript Under The Hood [2] - Execution Context
Added 32 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
-
09:05
JavaScript Under The Hood [1] - Thread & Call Stack
Added 34 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
-
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
-
3:14:39
GraphQL Crash Course With Full Stack MERN Project
Added 30 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
-
21:34
Python In The Browser! PyScript First Look
Added 34 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:
-
42:02
Alpine.js Crash Course
Added 27 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
-
4:35:38
Web RTC Full Course & More
Added 23 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
-
4:18:52
Laravel From Scratch 2022 | 4+ Hour Course
Added 73 Views / 0 LikesLearn the Laravel PHP framework from scratch by building a job listings application with Laravel 9 and MySQL. ⭐ Sponsor: https://linode.com/traversy 💻 Github Repo: https://github.com/bradtraversy/laragigs 💻 Gists: Laravel Valet Setup: https://gist.github.com/bradtraversy/b58f74cd863a465068eaeaae1544d9be Laravel Xampp Setup: https://gist.github.com/bradtraversy/7485f928e3e8f08ee6bccbe0a681a821 MySQL Cheat Sheet: https://gist.github.com/bradtraversy/c83
-
11:31
Dealing With Some Common Frustrations As A Developer
Added 51 Views / 0 LikesIn this video, I'll talk about some of the downsides and common frustrations that many developers deal with, whether working at a company or freelancing. 👇 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.linkedi
-
1:35:39
Tailwind Crash Course | Project From Scratch
Added 33 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://
-
3:15:36
PHP For Beginners | 3+ Hour Crash Course
Added 71 Views / 0 LikesYour first step in learning PHP. We will go over all of the fundamentals and create a small PHP/MySQL project. ⭐ Sponsor: https://linode.com/traversy 💻 Github Repo: https://github.com/bradtraversy/php-crash 💻 Download Xampp: https://apachefriends.com 👇 PHP OOP MVC Udemy Course: https://www.udemy.com/course/object-oriented-php-mvc 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social
-
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
-
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
-
53:45
CSS Grid Crash Course 2022
Added 31 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
-
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
-
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









