Traversy Media
-
26:55
Less CSS Pre-Processor Tutorial
Added 63 Views / 0 LikesIn 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
Added 63 Views / 0 LikesIn 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
Added 63 Views / 0 LikesIn 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
Added 63 Views / 0 LikesThis 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
Added 62 Views / 0 LikesWe 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
Added 62 Views / 0 LikesWe 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
Added 62 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
-
04:44
Udemy Course Alert - Next.js
Added 62 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
-
07:46
6 Of My Personal Tips When Learning To Code
Added 62 Views / 0 LikesHere 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
Added 62 Views / 0 LikesCreate 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
Added 61 Views / 0 LikesIn 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
Added 61 Views / 0 LikesCarbon 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
Added 61 Views / 0 Likes5 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
Added 60 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
-
12:04
10 Ways To Be A Better Developer
Added 60 Views / 0 LikesSome 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
Added 60 Views / 0 LikesIn 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
Added 60 Views / 0 LikesIn 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
Added 59 Views / 0 LikesIn 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
Added 59 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 -
-
1:13:26
Learn The MERN Stack - Frontend Authentication | Redux Toolkit
Added 59 Views / 0 LikesIn 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
Added 58 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 -
-
11:31
Dealing With Some Common Frustrations As A Developer
Added 58 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
-
58:36
React Testing Crash Course
Added 58 Views / 0 LikesLearn 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
Added 58 Views / 0 LikesIn 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
Added 57 Views / 0 LikesThis 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
Added 57 Views / 0 LikesIn 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
Added 57 Views / 0 LikesThis 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
Added 57 Views / 0 LikesBeginner-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
Added 57 Views / 0 LikesIn 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
Added 56 Views / 0 Likes5 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 :)









