Traversy Media
-
28:54 Popular
Web Components Crash Course
Added 104 Views / 0 LikesThis is an introductory crash course on web components including custom elements, shadow DOM and HTML templates. Code: https://codepen.io/bradtraversy/pen/wvaXKoK • 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/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/traversymedia
-
07:15
Productivity Over Panic
Added 97 Views / 0 LikesYour first priority should be the safety and health of you and your family, but once that is setttled, there is no reason to stop being productive. • 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/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/traversymedia
-
17:14 Popular
Guide To Becoming A Self-Taught Software Developer
Added 101 Views / 0 LikesIn this video I will go through my 9 suggested steps for becoming a software developer of any type without going to college or bootcamp. 70+ Developer Job Websites https://medium.com/@traversymedia/70-job-find-websites-for-developers-other-tech-professionals-34cdb45518be • 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.twitte
-
32:24
Create a Presentation Website With WebSlides
Added 86 Views / 0 LikesWe will build a fictional bootcamp presentation using the WebSlides open source project. This is NOT a sponsored video. WebSlides Github: https://github.com/webslides/webslides/ Code: https://codepen.io/bradtraversy/pen/ExjEEwr • 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/traversymedia https://www.instagram.co
-
1:12:39
Node.js & Express API | Expense Tracker - Part 2 (MERN)
Added 100 Views / 0 LikesIn this video we will take the react app from the last video and make it a full stack MERN app by adding a backend API with Express and MongoDB Original React Version: https://github.com/bradtraversy/expense-tracker-react MERN Version: https://github.com/bradtraversy/expense-tracker-mern • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: h
-
48:05 Popular
Sass Crash Course
Added 110 Views / 0 LikesIn this video we will talk about what Sass is and look at its features as well as create a landing page header to display things like variables, nesting, mixins, etc Code: https://codepen.io/bradtraversy/pen/ExjmGdY?editors=1100 • 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/traversymedia https://www.instagram.c
-
18:15 Popular
Animated Counter With JavaScript (HTML, CSS)
Added 107 Views / 0 LikesIn this mini-project, I will show you how to create an animated counter that counts up to any number using JavaScript with HTML & CSS. Code: https://codepen.io/bradtraversy/pen/poJwqOK • 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/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/tr
-
49:41 Popular
Build an Expense Tracker | React Hooks & Context API
Added 116 Views / 0 LikesIn this project we will take a vanilla JS expense tracker app and turn it into a React app using hooks (useState, useContext, useReducer) and the context API. Original Repo: https://github.com/bradtraversy/vanillawebprojects/tree/master/expense-tracker React Version: https://github.com/bradtraversy/expense-tracker-react • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversym
-
12:58
Create Desktop Apps With Web Technologies - NW.js
Added 100 Views / 0 LikesIn this video I will show you how to use the NW SDK (Node-Webkit) to create a desktop app with web technologies (HTML/CSS/JS, React, Node, etc). We will take a vanilla JS app and create a desktop version of it in about 10 minutes. Code: https://github.com/bradtraversy/breakout_desktop_nw Vanilla Web Projects Course: (FEBRUARY1399) https://www.udemy.com/course/web-projects-with-vanilla-javascript/?referralCode=F9B7C7FED834F91ADE75 • Become a Patron: Sh
-
1:10:59 Popular
Microsoft Homepage Clone - CSS Grid, Flex & Media Queries
Added 109 Views / 0 LikesIn this project we will build our own version of the Microsoft homepage using HTML5/CSS and a bit of JS for the menu. You will learn about modern CSS including CSS grid, flexbox and responsive media queries Code (Get images from here): https://codepen.io/bradtraversy/details/ZEGGNRb • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https:
-
22:20
Setting Up VSCode For Python Programming
Added 96 Views / 0 LikesIn this video I will show you how to setup VSCode to write Python code with some helpful extensions that include features like managing environments, intellisense, snippets, debugging, testing, documentation, live output and more Python Extension: https://marketplace.visualstudio.com/items?itemName=ms-python.python Download Kite: https://kite.com/download/?utm_medium=referral&utm_source=youtube&utm_campaign=TechGuyWeb&utm_content=python_vscode AREPL:
-
07:03
Don't Put Too Much Trust Into Online Influencers
Added 89 Views / 0 LikesIn this video I want to discuss the amount of faith that some people may put into content creators. This is not a personal jab at TechLead. His name kept coming up in my React Native video so I used him as an example to address this topic
-
51:28 Popular
React Native Crash Course 2020
Added 198 Views / 0 LikesIn this course we will talk about what React Native is and get setup, look at some of the built in components and build a small shopping list app Sponsor: Linode Hosting https://linode.com/traversy Code: https://github.com/bradtraversy/react_native_shopping_list • 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/tra
-
06:23 Popular
Udemy Course Alert - 20 Web Projects With Vanilla JS
Added 119 Views / 0 Likes$9.99 (5 Day) - https://www.udemy.com/course/web-projects-with-vanilla-javascript/?couponCode=TRAVERSY999 $13.99 ( 30 Day) - https://www.udemy.com/course/web-projects-with-vanilla-javascript/?couponCode=TRAVERSY1399 Website - https://vanillawebprojects.com
-
25:25
Particles Effect With P5.js
Added 99 Views / 0 LikesIn this video we will use the P5.js library to create a particles effect background. We will also explore P5 a bit. Check out Florins channel: https://www.youtube.com/channel/UCeU-1X402kT-JlLdAitxSMA Code (Florin Pop): https://codepen.io/FlorinPop17/full/wvvrbmY Vectors Explained by the P5 Master, Daniel Shiffman: https://www.youtube.com/watch?v=mWJkvxQXIa8 • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website: http
-
11:57 Popular
Work & Life Balance Tips For Programmers
Added 114 Views / 0 LikesIn this video we will discuss some tips to keep a good work/life balance when it comes to programming. • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/traversymedia
-
28:56
Intro To Web Crawlers & Scraping With Scrapy
Added 94 Views / 0 LikesIn this video we will look at Python Scrapy and how to create a spider to crawl websites to scrape and structure data. Download Kite free: https://kite.com/download/?utm_medium=referral&utm_source=youtube&utm_campaign=TechGuyWeb&utm_content=scrapy-tutorial Code & Commands: https://gist.github.com/bradtraversy/94df3dd4168b82a204273d0ca80e17f8 • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links:
-
06:59 Popular
Outdated Programming Courses Can Still Be Beneficial
Added 104 Views / 0 LikesIn this video I will talk about how outdated programming courses can still be helpful and can help you with real world skills Sponsor: Linode Hosting https://linode.com/traversy • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/traversymedia
-
53:56 Popular
Canvas Crash Course
Added 134 Views / 0 LikesIn this video we will look at the HTML5 Canvas element and JavaScript API to draw shapes, paths and do some basic animation Sponsor: Linode Hosting https://linode.com/traversy Code: https://codepen.io/bradtraversy/details/YzPeNxg • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia htt
-
1:16:42
Node.js GeoJSON API & App | Store Locator
Added 93 Views / 0 LikesIn this project we will create a store locator API that serves GeoJSON data. We will also build a simple frontend using Mapbox to plot the points. For more stuff like this, check out my Node.js API Masterclass course: https://www.udemy.com/course/nodejs-api-masterclass/?referralCode=F95A0D3B9CA1DB648F55 Code: https://github.com/bradtraversy/store_locator_api Sponsor: Linode Hosting https://linode.com/traversy • Become a Patron: Show support & get perk
-
18:13 Popular
Imposter Syndrome In Programming
Added 142 Views / 0 LikesIn this video we'll discuss dealing with Imposter Syndrome in programming and software development. What it is, why it i so prevelant and how to handle it. Sponsor: Linode Hosting https://linode.com/traversy • 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/traversymedia https://www.instagram.com/traversymedia http
-
26:47 Popular
Build A Python Speech Assistant App
Added 130 Views / 0 LikesIn this video we will build a speech assistant app using the speech regonition library and Google's text-to-speech API. Download Kite free: https://kite.com/download/?utm_medium=referral&utm_source=youtube&utm_campaign=TechGuyWeb&utm_content=speech-assistant-tutorial Code: https://github.com/bradtraversy/alexis_speech_assistant • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.t
-
35:35
HTML & CSS Mobile UI Layout | CVS Clone
Added 94 Views / 0 LikesIn this project we will use HTML & CSS to build a mobile first layout. We will build a clone of the CVS app landing page and learn about the grid, flex, media queries and more. Sponsor: Linode Hosting https://linode.com/traversy Code: https://codepen.io/bradtraversy/full/RwNoRVm • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://ww
-
59:20 Popular
Flutter Crash Course
Added 142 Views / 0 LikesIn this crash course we will look at Flutter for building native mobile apps. We will look at what Flutter is, how to get setup, built in widgets, stateless and stateful widgets, routing and more Sponsor: Linode Hosting https://linode.com/traversy Flutter Setup Gist: https://gist.github.com/bradtraversy/f1af78251962bb210c2ebe5b4f9a5c35 Code: https://github.com/bradtraversy/wordpair_generator Docs Tutorial: https://flutter.dev/docs/get-started/codelab
-
1:12:46 Popular
Web Development In 2020 - A Practical Guide
Added 113 Views / 0 LikesIn this complete and practical guide, we will look at just about every technology in web development. You do NOT have to learn everything here. It is simply a guide of options to help you understand what is what and pick your learning path • 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/traversymedia https://www.
-
09:17 Popular
Channel Check In | Video Frequency, Plans For 2020, New Platform, etc
Added 119 Views / 0 LikesI just want to check in with you guys and talk a little bit about what I plan for the future. Also, feel free to leave some feedback and suggestions in the comments • 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/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/traversymedia
-
19:05 Popular
React Suspense Introduction (Data Fetching)
Added 102 Views / 0 LikesIn this video we're just going to experiment with React Suspense data fetching. Suspense is still an EXPERIMENTAL FEATURE at this time. Sponsor: Freelancer Bundle (Promo: TM25) https://gumroad.com/a/179156083 Suspense Docs - https://reactjs.org/docs/concurrent-mode-suspense.html Concurrent Mode Docs - https://reactjs.org/docs/concurrent-mode-intro.html • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Co
-
36:32
Documenting Your JavaScript | JSDoc Crash Course
Added 99 Views / 0 LikesIn this video I will go over JSDoc for documenting your JavaScript code as well as using it for type checking Sponsor: Linode Cloud Hosting Get $20 Free by visiting https://www.linode.com/traversy Code: https://github.com/bradtraversy/jsdoc-examples • 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/traversymedia ht
-
12:20
Escape Tutorial Hell & Utilize Them In A Better Way
Added 97 Views / 0 LikesIn this video I'll talk about some ways to utilize programming tutorials in a way where you are not so dependant on them and break out of tutorial hell Sponsor: Linode Cloud Hosting Get $20 Free by visiting https://www.linode.com/traversy • 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/traversymedia https://www.i
-
56:39 Popular
Desktop GUI App With Python & Tkinter
Added 114 Views / 0 LikesIn this video we will build a CRUD GUI app with Python, the Tkinter library and Sqlite3 Sponsor: Linode Cloud Hosting Get $20 Free by visiting https://www.linode.com/traversy Code: https://github.com/bradtraversy/part_manager • 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.facebook.com/traversymedia https://www.twitter.com/t









