Traversy Media


  • 26:55 Less CSS Pre-Processor Tutorial

    Less CSS Pre-Processor Tutorial

    by Best Webhosting Added 63 Views / 0 Likes

    In this video we will look at all of the basics and fundamentals of the Less CSS pre-processor/pre-compiler. Less gives you powerful features to take advantage of such as variables, mixins, functions, nesting and much more We will install less and less-watch-compile using NPM so you do need Node.js installed on your system CODE: Code for this video http://www.traversymedia.com/downloads/less_sandbox.zip LESS Website http://lesscss.org/ EDUONIX COURSES

  • 50:21 UI Design For Coders

    UI Design For Coders

    by Best Webhosting Added 63 Views / 0 Likes

    In this video you will learn important design principles and what to think about when creating UI/layouts including contrast, typography, whitespace, etc Designcourse YouTube Channel: https://www.youtube.com/user/DesignCourse Adobe XD Project File: https://traversymedia.com/downloads/traversy_designcourse.zip • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Fo

  • 33:20 Build a Wildfire Tracker With React & NASA API

    Build a Wildfire Tracker With React & NASA API

    by Best Webhosting Added 63 Views / 0 Likes

    In this project we will build a wildfire tracker map. This app uses the NASA Open API and the Google Maps API. Code: https://github.com/bradtraversy/wildfire-tracker • Support The Channel! http://www.patreon.com/traversymedia Website & Brad Traversy Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/traversymedia

  • 44:53 Command Line Crash Course For Beginners | Terminal Commands

    Command Line Crash Course For Beginners | Terminal Commands

    by Best Webhosting Added 63 Views / 0 Likes

    This is a course for beginners to learn how to navigate the terminal/command line. I tried to make it as OS agnostic as possible, but if you are on Windows, I suggest using something like "Git Bash". ⭐ Check out Agora! https://bit.ly/3bLM8Iu 💻 Gist With All Commands: https://gist.github.com/bradtraversy/cc180de0edee05075a6139e42d5f28ce 👇 Follow Traversy Media On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.

  • 48:06 Build Minesweeper with JavaScript

    Build Minesweeper with JavaScript

    by Best Webhosting Added 62 Views / 0 Likes

    We are going to build the Minesweeper game functionality with vanilla JavaScript using recursion Ania's YouTube Channel: https://www.youtube.com/c/AniaKub%C3%B3w Ania's Twitter: https://twitter.com/ania_kubow Code: https://github.com/kubowania/minesweeper • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversyme

  • 20:58 Machine Learning Crash Course With ML.NET

    Machine Learning Crash Course With ML.NET

    by Best Webhosting Added 62 Views / 0 Likes

    We will go over what machine learning is, what it can be used for and we will create a model using C# & ML.NET Jon Wood YouTube Channel: http://youtube.com/c/JonWood Code: https://github.com/jwood803/MLNet_CrashCourse/blob/master/MLNetCrashCourse/Program.cs Data: https://www.kaggle.com/camnugent/california-housing-prices ML.NET: https://dotnet.microsoft.com/apps/machinelearning-ai/ml-dotnet Timestamps: 00:00 - Intro 00:20 - What is Machine Learning? 0

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

    Creative Agency Website From Scratch | HTML & CSS

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

  • 04:44 Udemy Course Alert - Next.js

    Udemy Course Alert - Next.js

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

  • 07:46 6 Of My Personal Tips When Learning To Code

    6 Of My Personal Tips When Learning To Code

    by Best Webhosting Added 62 Views / 0 Likes

    Here are some of the things that have always helped me learn to code. Written Version: https://medium.com/@traversymedia/6-tips-when-learning-to-code-374fdb9e143b 👇 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://ww

  • 1:30:57 Hulu Webpage Clone | HTML & CSS

    Hulu Webpage Clone | HTML & CSS

    by Best Webhosting Added 62 Views / 0 Likes

    Create the Hulu homepage with HTML, CSS and a bit of JavaScript. Sponsor: Hostinger (10% off with TRAVERSYMEDIA) https://www.hostinger.com/traversymedia Code: https://github.com/bradtraversy/hulu-webpage-clone Modern HTML & CSS From The Beginning Course: https://www.udemy.com/course/modern-html-css-from-the-beginning/?referralCode=EB0470C43F3C3E9AA306 Timestamps: 0:00 -Intro 2:41 - Base & Header HTML 7:04 - Base Styles 10:04 - Header CSS 19:38 - Media

  • 43:26 Automatic Deployment With Github Actions

    Automatic Deployment With Github Actions

    by Best Webhosting Added 61 Views / 0 Likes

    In this video we will setup automatic deployments using Github Actions. Anson's YouTube Channel: https://www.youtube.com/user/DatAdam93 Github Actions Page: https://github.com/features/actions Timestamps: 0:00 - Introduction & Demo 3:07 - Setting up Github Actions 4:07 - Setting up Workflow File 8:07 - Setting up Github Action Runner 14:37 - Setting up NGINX 21:09 - Pointing domain to our Server 22:17 - React Routing with NGINX 22:52 - Setting up Expr

  • 1:06:46 Carbon Lang First Look & Crash Course | Google's C++ Successor

    Carbon Lang First Look & Crash Course | Google's C++ Successor

    by Best Webhosting Added 61 Views / 0 Likes

    Carbon is Google's new C++ successor. In this video, we will talk a little bit about it and then look at the basic syntax including variables, data types, arrays, tuples, classes, generics and more. 💻 Carbon Main Repo: https://github.com/carbon-language/carbon-lang ✅ Gist File From Video: https://gist.github.com/bradtraversy/681eae47e8c2fc14fbfa9e3eac8dc3ca ⭐ My Courses & More https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/t

  • 1:41:24 5 HTML, CSS & JS Mini Projects - Scroll Animation, Rotating Navigation, Drag Events, etc

    5 HTML, CSS & JS Mini Projects - Scroll Animation, Rotating Navigation, Drag Events, etc

    by Best Webhosting Added 61 Views / 0 Likes

    5 projects from my 50 Projects In 50 Days course on Udemy. These projects are meant to sharpen your CSS skills and help you work with the DOM using JavaScript. FULL COURSE: $9.99 Promo Link (Only valid for 5 days) https://www.udemy.com/course/50-projects-50-days/?couponCode=JULY999 All courses: https://traversymedia.com Timestamps: 0:00 - Intro 2:00 - Scroll Animation Project 16:13 - Rotating Navigation Project 40:40 - Login Input Wave 59:38 - Animate

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

    Overworking Yourself As A Developer | Mental & Physical Health

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

  • 12:04 10 Ways To Be A Better Developer

    10 Ways To Be A Better Developer

    by Best Webhosting Added 60 Views / 0 Likes

    Some practical tips to help you become a better software developer 👇 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/in/bradtraversy Timestamps: 0:00 - Intro 0:52 - #1 C

  • 1:11:48 Create a Desktop App With JavaScript & Electron

    Create a Desktop App With JavaScript & Electron

    by Best Webhosting Added 60 Views / 0 Likes

    In this video, we will create a cross-platform desktop app to resize image dimensions, using JavaScript and Electron. 💻 Code: https://github.com/bradtraversy/image-resizer-electron To package your app up for different platforms, you could use one of the following: https://github.com/electron/electron-packager https://www.electronforge.io/ ⭐ All Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: htt

  • 32:34 ChatGPT Crash Course | 10 Practical Use Cases For Developers

    ChatGPT Crash Course | 10 Practical Use Cases For Developers

    by Best Webhosting Added 60 Views / 0 Likes

    In this video, I will give you and show examples of 10 ways to use OpenAI's ChatGPT as a developer including general learning, getting feedback, writing tests and more ChatGPT: https://chat.openai.com Full Blog Post: https://www.traversymedia.com/blog/chat-gpt-crash-course ⭐ All Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Traversy Media On Social Medi

  • 2:05:12 Neural Networks & TensorfFlow Crash Course

    Neural Networks & TensorfFlow Crash Course

    by Best Webhosting Added 59 Views / 0 Likes

    In this 2+ hour crash course, we will dive into neural networks and the TensorFlow Python library Tech With Tim YouTube: https://www.youtube.com/channel/UC4JX40jDee_tINbkjycV4Sg There are text based tutorials for each part of this video. You can find them all here: https://techwithtim.net/tutorials/python-neural-networks/ Tensorflow install: pip install -q tensorflow==2.0.0-alpha0 Tensorflow Guides Followed: https://www.tensorflow.org/tutorials/keras/

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

    JavaScript Under The Hood [4] - Memory Storage

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

  • 1:13:26 Learn The MERN Stack - Frontend Authentication | Redux Toolkit

    Learn The MERN Stack - Frontend Authentication | Redux Toolkit

    by Best Webhosting Added 59 Views / 0 Likes

    In this video, we will create our frontend and add authentication using Redux Toolkit to manage our global 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

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

    Build a Covid Tracker App With Vue.js & Tailwind

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

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

    Dealing With Some Common Frustrations As A Developer

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

  • 58:36 React Testing Crash Course

    React Testing Crash Course

    by Best Webhosting Added 58 Views / 0 Likes

    Learn about testing in React including unit, e2e and integration testing with React Testing Library, Jest & Cypress Techbase YouTube Channel: https://www.youtube.com/channel/UC6W89Wklwaki9pc_qSquRtw Starter Repo: https://github.com/MitchelSt/react-testing-starter Final Repo: https://github.com/MitchelSt/react-testing-finished Timestamps: 0:00 - Brad Intro 0:55 - Mitchel Intro 1:24 - Why should you test? 1:58 - What to test? 5:48 - Demo app setup 11:06

  • 2:13:53 SpaceX Website Clone - HTML, CSS & JavaScript

    SpaceX Website Clone - HTML, CSS & JavaScript

    by Best Webhosting Added 58 Views / 0 Likes

    In this video, we will re-create parts of the SpaceX website including the homepage, menus, and some inner pages. We will create some animations and use JavaScript to manipulate the DOM. Sponsor: Hostinger (10% off): http://hostinger.com/traversymedia Github Repo: https://github.com/bradtraversy/spacex-website Live Demo: https://traversydemo.dev Website & Courses: https://traversymedia.com Timestamps: 0:00 - Intro 0:37 - Hostinger Sponsor 1:39 - Proje

  • 42:59 Material UI React Tutorial

    Material UI React Tutorial

    by Best Webhosting Added 57 Views / 0 Likes

    This react material ui tutorial will cover all aspects of material ui and react to get you up and running to use them for your next website development project or application. - Adrian's YouTube Channel: https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ - Design for Developers - Enhance UI: A book that Adrian has created to help you improve the look of your apps and websites. Enhance UI: https://www.enhanceui.com/ - Material UI: https://materia

  • 17:00 Top 20 VS Code Shortcuts

    Top 20 VS Code Shortcuts

    by Best Webhosting Added 57 Views / 0 Likes

    In this video, we will look at 20 helpful shortcuts to improve your coding experience James Q Quick YouTube: https://www.youtube.com/jamesqquick Auth0 YouTube: https://www.youtube.com/channel/UCUlQ5VoIzE_kFbYjzUwHTKA Timestamps: 0:00 - Intro 1:59 - Toggle Side Bar 2:32 - Toggle Built-in Terminal 3:03 - Open User Settings 3:45 - Quick Open a File 4:36 - Tab Through Open Files 5:32 - Move File to Split Windows 6:29 - Close File 6:52 - Search/Replace in

  • 2:28:57 Laravel Crash Course 2020

    Laravel Crash Course 2020

    by Best Webhosting Added 57 Views / 0 Likes

    This is a Laravel crash course that covers installation, authentication, routes, data, pagination, email functionality and much more - Visit Codecourse for more videos & courses by Alex: https://codecourse.com - YouTube Channel: https://www.youtube.com/channel/UCpOIUW62tnJTtpWFABxWZ8g - Code: https://github.com/codecourse/posty-traversy-media - Social Links: https://twitter.com/teamcodecourse https://twitter.com/alexjgarrett - Links mentioned in cours

  • 54:13 Laravel 8 REST API With Sanctum Authentication

    Laravel 8 REST API With Sanctum Authentication

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

  • 21:24 Intro To Web Scraping With Puppeteer

    Intro To Web Scraping With Puppeteer

    by Best Webhosting Added 57 Views / 0 Likes

    In this video, we will look at Puppeteer to scrape data from a web page. 💻 Code: https://github.com/bradtraversy/courses-scrape Puppeteer Docs: https://pptr.dev/ ⭐ 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/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https

  • 13:14 Check In & MERN eCommerce Course Release

    Check In & MERN eCommerce Course Release

    by Best Webhosting Added 56 Views / 0 Likes

    5 DAY PROMO ($9.99): https://www.udemy.com/course/mern-ecommerce/?couponCode=5DAYSPECIAL 30 DAY PROMO ($12.99) https://www.udemy.com/course/mern-ecommerce/?couponCode=30DAYSPECIAL Feeling better, new course relesed and coming back to YouTube :)

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