Traversy Media


  • 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

  • 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/

  • 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

  • 1:50:52 Vue JS Crash Course 2021

    Vue JS Crash Course 2021

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

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

  • 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

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

    Terminal Style Landing Page | WinBox.js

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

  • 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

  • 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

  • 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

  • 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

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

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

  • 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

  • 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

  • 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

  • 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

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

  • 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

  • 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

  • 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

  • 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

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

  • 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

  • 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

  • 09:20 Build Strength From Struggle | My Story

    Build Strength From Struggle | My Story

    by Best Webhosting Added 40 Views / 0 Likes

    This 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

    CSS Grid Crash Course 2022

    by Best Webhosting Added 31 Views / 0 Likes

    This 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

    The Programming Language Guide

    by Best Webhosting Added 41 Views / 0 Likes

    This 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

    Learn The MERN Stack - Redux Goals & Deply

    by Best Webhosting Added 40 Views / 0 Likes

    In 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

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