Traversy Media


  • 41:17 Webpack 5 Crash Course | Frontend Development Setup

    Webpack 5 Crash Course | Frontend Development Setup

    by Best Webhosting Added 43 Views / 0 Likes

    In 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

  • 3:15:36 PHP For Beginners | 3+ Hour Crash Course

    PHP For Beginners | 3+ Hour Crash Course

    by Best Webhosting Added 71 Views / 0 Likes

    Your 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

  • 1:35:39 Tailwind Crash Course | Project From Scratch

    Tailwind Crash Course | Project From Scratch

    by Best Webhosting Added 33 Views / 0 Likes

    In 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://

  • 11:31 Dealing With Some Common Frustrations As A Developer

    Dealing With Some Common Frustrations As A Developer

    by Best Webhosting Added 51 Views / 0 Likes

    In 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

  • 4:18:52 Laravel From Scratch 2022 | 4+ Hour Course

    Laravel From Scratch 2022 | 4+ Hour Course

    by Best Webhosting Added 73 Views / 0 Likes

    Learn 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

  • 4:35:38 Web RTC Full Course & More

    Web RTC Full Course & More

    by Best Webhosting Added 23 Views / 0 Likes

    Dennis 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

  • 42:02 Alpine.js Crash Course

    Alpine.js Crash Course

    by Best Webhosting Added 27 Views / 0 Likes

    We 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

  • 21:34 Python In The Browser! PyScript First Look

    Python In The Browser! PyScript First Look

    by Best Webhosting Added 34 Views / 0 Likes

    In 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:

  • 3:14:39 GraphQL Crash Course With Full Stack MERN Project

    GraphQL Crash Course With Full Stack MERN Project

    by Best Webhosting 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

  • 38:41 Linux Server Setup & MERN Deployment

    Linux Server Setup & MERN Deployment

    by Best Webhosting Added 45 Views / 0 Likes

    In 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:05 JavaScript Under The Hood [1] - Thread & Call Stack

    JavaScript Under The Hood [1] - Thread & Call Stack

    by Best Webhosting Added 34 Views / 0 Likes

    In 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

  • 14:28 JavaScript Under The Hood [2] - Execution Context

    JavaScript Under The Hood [2] - Execution Context

    by Best Webhosting Added 32 Views / 0 Likes

    In 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

  • 12:50 JavaScript Under The Hood [3} - Asynchronous JavaScript, Task Queue & Event Loop

    JavaScript Under The Hood [3} - Asynchronous JavaScript, Task Queue & Event Loop

    by Best Webhosting Added 38 Views / 0 Likes

    In 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

  • 12:58 JavaScript Under The Hood [4] - Memory Storage

    JavaScript Under The Hood [4] - Memory Storage

    by Best Webhosting Added 50 Views / 0 Likes

    In 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:30 JavaScript Under The Hood [5] - JavaScript Engine Overview

    JavaScript Under The Hood [5] - JavaScript Engine Overview

    by Best Webhosting Added 33 Views / 0 Likes

    In 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 -

  • 6:28:48 6 Hour Vue.js & Firebase Project - FireBlogs

    6 Hour Vue.js & Firebase Project - FireBlogs

    by Best Webhosting Added 68 Views / 0 Likes

    Build 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

  • 35:23 The New Notion API | Node.js Video Schedule Project

    The New Notion API | Node.js Video Schedule Project

    by Best Webhosting Added 32 Views / 0 Likes

    In 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

  • 09:05 Overworking Yourself As A Developer | Mental & Physical Health

    Overworking Yourself As A Developer | Mental & Physical Health

    by Best Webhosting Added 51 Views / 0 Likes

    Some 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

  • 2:01:32 Angular Crash Course 2021

    Angular Crash Course 2021

    by Best Webhosting Added 39 Views / 0 Likes

    Learn 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

  • 21:56 Terminal Style Landing Page | WinBox.js

    Terminal Style Landing Page | WinBox.js

    by Best Webhosting Added 37 Views / 0 Likes

    Build 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

  • 04:44 Udemy Course Alert - Next.js

    Udemy Course Alert - Next.js

    by Best Webhosting Added 54 Views / 0 Likes

    5 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

  • 48:45 Build a Covid Tracker App With Vue.js & Tailwind

    Build a Covid Tracker App With Vue.js & Tailwind

    by Best Webhosting Added 49 Views / 0 Likes

    In 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 -

  • 1:50:52 Vue JS Crash Course 2021

    Vue JS Crash Course 2021

    by Best Webhosting Added 36 Views / 0 Likes

    Learn 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

  • 10:07 5 High Level Skills & Traits For Programmers

    5 High Level Skills & Traits For Programmers

    by Best Webhosting Added 57 Views / 0 Likes

    Just 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

  • 11:28 Quokka | The JavaScript Scratchpad

    Quokka | The JavaScript Scratchpad

    by Best Webhosting Added 23 Views / 0 Likes

    A really nice VS Code extension for testing, prototyping, and learning JavaScript Quokka Website: https://quokkajs.com/

  • 1:26:51 Creative Agency Website From Scratch | HTML & CSS

    Creative Agency Website From Scratch | HTML & CSS

    by Best Webhosting Added 52 Views / 0 Likes

    We 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

  • 21:40 Welcome To My World | 2021 Home Office Tour

    Welcome To My World | 2021 Home Office Tour

    by Best Webhosting Added 81 Views / 0 Likes

    A little glimpse into where I work & play DESK & COMPUTERS: Uplift Desks - https://www.upliftdesk.com/ Asus PC - https://bit.ly/3sr78Y4 Mac Pro & Macbook Pros - https://www.apple.com MONITORS: Samsung 49" Monitor - https://amzn.to/31aiaFf LG 34" Monitors - https://amzn.to/31bVC6Y PERIPHERALS: Logitech G Pro Mouse - https://amzn.to/3lJJjbr Logitech G Pro Keyboard - https://amzn.to/3f7zT8s Logitech Charger Mousepad - https://amzn.to/2QzfaAj Logitech G93

  • 54:13 Laravel 8 REST API With Sanctum Authentication

    Laravel 8 REST API With Sanctum Authentication

    by Best Webhosting Added 51 Views / 0 Likes

    Beginner-friendly REST API from scratch using Laravel 8. We will implement authentication using API keys with Laravel Sanctum. Code: https://github.com/bradtraversy/laravel-sanctum-api Laravel Sanctum Docs: https://laravel.com/docs/8.x/sanctum Timestamps: 0:00 - Intro 1:46 - Set Up Laravel 3:23 - SQLite Setup 4:15 - Basic Routing 6:38 - Product Model & Migration 10:56 - Using the Model 14:39 - Product Controller & Methods 17:30 - Create Products & Val

  • 44:06 Build a Music Player | Vanilla JavaScript

    Build a Music Player | Vanilla JavaScript

    by Best Webhosting Added 50 Views / 0 Likes

    Let's create a music player with HTML, CSS, JavaScript, and the HTML5 Audio API Code: https://github.com/bradtraversy/vanillawebprojects/tree/master/music-player 20 Vanilla Projects Course: https://www.udemy.com/course/web-projects-with-vanilla-javascript/?referralCode=F9B7C7FED834F91ADE75 $11.99 Promo(5 Days Only): APR5DAY Timestamps: Intro - 0:00 HTML - 1:51 CSS - 5:27 JavaScript - 23:10

  • 1:09:45 Next.js Crash Course 2021

    Next.js Crash Course 2021

    by Best Webhosting Added 40 Views / 0 Likes

    In 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

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA

RSS