Traversy Media


  • 42:11 Social Network Theme With Sass - Part 1

    Social Network Theme With Sass - Part 1

    by Best Webhosting Added 94 Views / 0 Likes

    In 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

    Social Network Theme With Sass - Part 2

    by Best Webhosting Added 107 Views / 0 Likes

    In 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

    Social Network Theme With Sass - Part 3

    by Best Webhosting Added 100 Views / 0 Likes

    In 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

    Social Network Theme With Sass - Part 4

    by Best Webhosting Added 112 Views / 0 Likes

    In 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

    Socket.io Chat App Using Websockets

    by Best Webhosting Added 100 Views / 0 Likes

    In 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

    SpaceX Website Clone - HTML, CSS & JavaScript

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

  • 58:39 Popular SQL Crash Course - Beginner to Intermediate

    SQL Crash Course - Beginner to Intermediate

    by Best Webhosting Added 101 Views / 0 Likes

    Updated 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

    SSH Crash Course | With Some DevOps

    by Best Webhosting Added 106 Views / 0 Likes

    In 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

    Stack Data Structure | JavaScript

    by Best Webhosting Added 73 Views / 0 Likes

    In 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

    Star Ratings With JavaScript & Font Awesome

    by Best Webhosting Added 108 Views / 0 Likes

    In 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

    Start Building Your Empire As A Developer

    by Best Webhosting Added 97 Views / 0 Likes

    In 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

    Starting A Serious Web Development Project

    by Best Webhosting Added 116 Views / 0 Likes

    In 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

    Starting a Small Business as a Web Developer

    by Best Webhosting Added 74 Views / 0 Likes

    In 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

    Static Blog With Next.js and Markdown

    by Best Webhosting Added 47 Views / 0 Likes

    Create 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

    Static Type Checking In JavaScript With Flow

    by Best Webhosting Added 128 Views / 0 Likes

    Static 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

    Stop Comparing Yourself To Other Developers

    by Best Webhosting Added 174 Views / 0 Likes

    In 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

    Stop Stressing Over Frameworks | My Thoughts

    by Best Webhosting Added 121 Views / 0 Likes

    In 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

    Strapi.js Crash Course | Headless CMS

    by Best Webhosting Added 99 Views / 0 Likes

    In 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

    Styled Components Crash Course & Project

    by Best Webhosting Added 46 Views / 0 Likes

    A 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

    Supabase Crash Course

    by Best Webhosting Added 39 Views / 0 Likes

    In 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

    Supernight 16' LED Strip Unboxing

    by Best Webhosting Added 149 Views / 0 Likes

    In this video we will unbox and show a demo of the Supernight LED kit

  • 32:20 Popular Svelte Crash Course

    Svelte Crash Course

    by Best Webhosting Added 113 Views / 0 Likes

    In 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

    Svelte Crash Course

    by Best Webhosting Added 37 Views / 0 Likes

    Learn 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

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

  • 30:31 Popular Tailwind CSS Crash Course

    Tailwind CSS Crash Course

    by Best Webhosting Added 125 Views / 0 Likes

    In 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

    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

  • 44:08 Popular Text To Speech & Synthesis App - JavaScript & Web Speech API

    Text To Speech & Synthesis App - JavaScript & Web Speech API

    by Best Webhosting Added 125 Views / 0 Likes

    In 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

    The Benefits Of Becoming a Web Developer

    by Best Webhosting Added 150 Views / 0 Likes

    In 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

    The Importance Of Passion & Hard Work

    by Best Webhosting Added 168 Views / 0 Likes

    In 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

    The Introvert Developer: The Good & Bad

    by Best Webhosting Added 159 Views / 0 Likes

    In 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

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