Traversy Media
-
42:11
Social Network Theme With Sass - Part 1
Added 94 Views / 0 LikesIn this part we will setup Sass, create the landing page with navigation, image overlay, Sass variables, mixins and functions Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/devconnector_theme_sass MERN Course With Full App: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: https://ww
-
23:09 Popular
Social Network Theme With Sass - Part 2
Added 107 Views / 0 LikesIn this part we will create the login and register pages with more utility classes as well as generate some margin and padding classes using Sass logic Code: https://github.com/bradtraversy/devconnector_theme_sass MERN Course With Full App: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: https://www.facebook.com/traversymed
-
39:26
Social Network Theme With Sass - Part 3
Added 100 Views / 0 LikesIn this part we will work on the profile list and single profile page and work with CSS grid template areas, flex and more Code: https://github.com/bradtraversy/devconnector_theme_sass MERN Course With Full App: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/tr
-
44:03 Popular
Social Network Theme With Sass - Part 4
Added 112 Views / 0 LikesIn this part we will add the rest of the pages, finish up the utility classes and make the site responsive with media queries Code: https://github.com/bradtraversy/devconnector_theme_sass MERN Course With Full App: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com
-
35:33
Socket.io Chat App Using Websockets
Added 100 Views / 0 LikesIn this video we will build a real-time chat application using socket.io, Node.js and Express. I will show you how to create a 2-way communication layer over websockets UPDATED VIDEO WITH MONGODB: https://www.youtube.com/watch?v=8Y6mWhcdSUM RELATED COURSES Learn Node.js From Scratch: https://www.eduonix.com/affiliates/id/16-10033 Learn Node.js with 12 Projects: https://www.eduonix.com/affiliates/id/16-10200
-
2:13:53
SpaceX Website Clone - HTML, CSS & JavaScript
Added 46 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
-
58:39 Popular
SQL Crash Course - Beginner to Intermediate
Added 101 Views / 0 LikesUpdated MySQL Crash Course - https://www.youtube.com/watch?v=9ylj9NR0Lcg In this course we will cover all of the fundamentals of the SQL (Structured Query Language). This course is great for beginners and also intermediates. We will cover the following... Overview of SQL Create, alter and delete databases & tables Query a database using multiple operators Data types Insert, update and delete records Join tables together Use aliases Constraints (Primar
-
55:02 Popular
SSH Crash Course | With Some DevOps
Added 106 Views / 0 LikesIn this video we will learn the fundamentals of SSH along with some basic DevOps and Linux stuff. We will start with a local Ubuntu server on my network and then create a remote Digital Ocean Droplet to work with. We will create sets of SSH keys for those as well as Github. We will even do a simple React app deployment. Gist With Commands: https://gist.github.com/bradtraversy/f03df587f2323b50beb4250520089a9e Digital Ocean Link: (2 Free Months) https:/
-
16:29
Stack Data Structure | JavaScript
Added 73 Views / 0 LikesIn this video, we will look at the stack data structure using JavaScript. This is part of an ongoing data structure playlist Code: https://gist.github.com/bradtraversy/6386eac2ab15842d1e8e0424a727a81d • 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
-
33:59 Popular
Star Ratings With JavaScript & Font Awesome
Added 108 Views / 0 LikesIn this Friday project we will build a star rating interface that takes a JavaScript object of 4K TVs with some ratings and transform it into a UI with Font Awesome star icons. We will also add a dynamic form to change the ratings. CODE: Codepen https://codepen.io/bradtraversy/pen/GQLRZv • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://w
-
08:43
Start Building Your Empire As A Developer
Added 97 Views / 0 LikesIn this video I will discuss the mindset to be able to build your own business from the ground up and unlocking your potential as an individual developer... Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedi
-
19:04 Popular
Starting A Serious Web Development Project
Added 116 Views / 0 LikesIn this video we will discuss some methods on approaching a serious web development or programming project, whether it is a freelance project, for a companay or your own. This video was created from my own experiences as well as some general research SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr SLIDE: https://www.slideshare.net/TechGuy1/starting-a-web-development-project • BECOME A PATRON: Show support & get perks! http://www.pat
-
24:11
Starting a Small Business as a Web Developer
Added 74 Views / 0 LikesIn this video we will talk about some things to get started with creating your own business Business Plan Info: https://www.sba.gov/business-guide/plan-your-business/write-your-business-plan Business Legal Structures: https://www.legalzoom.com/business/business-formation/compare.html 10 Web Dev Portfolio Tips: https://www.youtube.com/watch?v=nrWGr2OvBD4 • Support The Channel! http://www.patreon.com/traversymedia Website & Brad Traversy Udemy Course Li
-
46:40
Static Blog With Next.js and Markdown
Added 47 Views / 0 LikesCreate a basic blog using Next.js and Markdown. Code: https://github.com/bradtraversy/next-markdown-blog Demo: https://next-markdown-blog-drab.vercel.app/ Full Next.js Udemy Course Coupon: https://www.udemy.com/course/nextjs-dev-to-deployment/?couponCode=YOUTUBE5DAY Next Crash Course: https://www.youtube.com/watch?v=mTz0GXj8NN0&t=1292s Markdown Crash Course: https://www.youtube.com/watch?v=HUBNt18RFbo&t=40s Timestamps: 0:00 - Intro 2:54 - Next.js Setu
-
20:17 Popular
Static Type Checking In JavaScript With Flow
Added 128 Views / 0 LikesStatic type checking can make debugging easier and make your code less prone to errors and more robust. Flow is an alternative to TypeScript for adding type checking to JavaScript. We can easily compile with Babel SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/trs BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBSITE: http://www.traversym
-
05:35 Popular
Stop Comparing Yourself To Other Developers
Added 174 Views / 0 LikesIn this video we will talk a little bit about Imposter Syndrome and comparing yourself to other developers. • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia
-
08:59 Popular
Stop Stressing Over Frameworks | My Thoughts
Added 121 Views / 0 LikesIn this video I want to talk about the stress over the amount of JavaScript frameworks and feeling overwhelmed about learning them and some of the misconceptions. • 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/traversymedia https://www.instagram.com/traversymedia
-
25:06
Strapi.js Crash Course | Headless CMS
Added 99 Views / 0 LikesIn this video we will look at the Strapi headless CMS and create a REST API with JWT authentication all from the admin area of Strapi • 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
-
48:23
Styled Components Crash Course & Project
Added 46 Views / 0 LikesA small project to get you familiar with using styled components with React Code: https://github.com/bradtraversy/huddle_styled_components Udemy Courses: https://traversymedia.com 💖 Support The Channel! https://www.patreon.com/traversymedia https://paypal.me/traversymedia Frontend Mentor Challenges: https://www.frontendmentor.io/ Timestamps: 0:00 - Intro 2:10 - Install & Setup 3:15 - First Styled Component 7:40 - Header Styled Component 9:23 - Nesting
-
25:17
Supabase Crash Course
Added 39 Views / 0 LikesIn this video we will look at Supabase https://supabase.io Find all of my Udemy courses: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro & Slides 6:24 - Creating a Project 8:10 - Creating a Table & Columns 9:21 - Adding Data 9:38 - API - Read Rows 12:14 - API - Insert Rows 13:55 - Enable Row Level Security 14:40 - Policy #1 - Public Reads 15:25 - Policy #2 - Authenticated User 18:20 - Poli
-
06:05 Popular
Supernight 16' LED Strip Unboxing
Added 149 Views / 0 LikesIn this video we will unbox and show a demo of the Supernight LED kit
-
32:20 Popular
Svelte Crash Course
Added 113 Views / 0 LikesIn this video we will scratch the surface with the Svelte and look at how to set it up and create a simple user interface Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/svelte-scoreboard • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia
-
1:20:52
Svelte Crash Course
Added 37 Views / 0 LikesLearn the fundamentals of Svelte by building a feedback app Code: https://github.com/bradtraversy/svelte-feedback-app 👇 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/i
-
1:35:39
Tailwind Crash Course | Project From Scratch
Added 33 Views / 0 LikesIn 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://
-
30:31 Popular
Tailwind CSS Crash Course
Added 125 Views / 0 LikesIn this video we will look at the TailwindCSS utility framework including what it is, setup and creating custom components with utilities Code: https://codepen.io/bradtraversy/pen/JgXqBL Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Docs: https://tailwindcss.com Mac Install: https://docs.mongodb.com/manual/tutorial/install-mongodb-on-os-x/ • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Udemy Courses: https://ww
-
21:56
Terminal Style Landing Page | WinBox.js
Added 38 Views / 0 LikesBuild 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
-
44:08 Popular
Text To Speech & Synthesis App - JavaScript & Web Speech API
Added 125 Views / 0 LikesIn this video we will build a text synthesis application using vanilla JavaScript and the web speech API. We will also use Bootstrap 4 to create the UI. Sponsor: DevMountain Bootcamp - https://goo.gl/6q0dEa Code For This Project: https://github.com/bradtraversy/type-n-speak App Demo: https://bradtraversy.github.io/type-n-speak/ • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversy
-
11:58 Popular
The Benefits Of Becoming a Web Developer
Added 150 Views / 0 LikesIn this video we will talk about some of the benefits and advantages to being a web developer or any type of software developer. Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/travers
-
08:21 Popular
The Importance Of Passion & Hard Work
Added 168 Views / 0 LikesIn this video I'm going to touch on how important passion and hard work is to being successful. A break from coding for a little motivational talk :) • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia
-
08:10 Popular
The Introvert Developer: The Good & Bad
Added 159 Views / 0 LikesIn this discussion, we will talk about some of the good and bad of being an introvert developer. Eduonix Easter Sale!! - http://bit.ly/Traversy_Media • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia









