Traversy Media


  • 23:31 Bootstrap 5 - First Look

    Bootstrap 5 - First Look

    by Best Webhosting Added 72 Views / 0 Likes

    In this video we will look at Bootstrap 5 Alpha and talk about some of the changes. We will also set up a simple project • 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

  • 14:39 10 Ways to Make Money as a Developer

    10 Ways to Make Money as a Developer

    by Best Webhosting Added 72 Views / 0 Likes

    10++ Ways to Make Money as a Developer eBook: https://gumroad.com/a/304084083 20% OFF CODE: BRAD20 Timestamps: 0:00 - Intro 0:41 - Professional Developer 1:56 - Freelancing 3:55 - Blogging 5:05 - YouTube 6:16 - Live Coding 7:21 - 1-On-1 Mentoring 8:40 - Create Courses 10:12 - Digital Products 12:07 - Open Source 13:20 - Create a SaaS

  • 38:37 Skeleton CSS Crash Course & Landing Page

    Skeleton CSS Crash Course & Landing Page

    by Best Webhosting Added 71 Views / 0 Likes

    In this video we will create a Skeleton CSS boilerplate cheat sheet and then create a simple responsive landing page based on the demo CODE: Code for this video http://www.traversymedia.com/downloads/skeletoncrash.zip BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/trave

  • 1:01:55 Build a Blog With Next.js & Ghost

    Build a Blog With Next.js & Ghost

    by Best Webhosting Added 70 Views / 0 Likes

    In this video we will build a simple server-side rendered blog with Next.js and the Ghost CMS for the backend. Codedamn YouTube Channel: https://www.youtube.com/channel/UCJUmE61LxhbhudzUugHL2wQ Codedamn Platform: https://codedamn.com Code: https://github.com/mehulmpt/ghost-cms-nextjs TimeStamps: 00:00 Introduction and overview 00:46 Project Intro 02:48 Setting up Next.js 07:57 Setting up Ghost CMS 13:33 Content API Overview 16:02 Fetching Post Titles

  • 34:49 Build a Touch Slider with HTML, CSS & JavaScript

    Build a Touch Slider with HTML, CSS & JavaScript

    by Best Webhosting Added 70 Views / 0 Likes

    Build a full screen touch slider with HTML, CSS & JavaScript Full Screen Touch Slider Repo: https://github.com/bushblade/Full-Screen-Touch-Slider React Component Repo: https://github.com/bushblade/react-touch-drag-slider YouTube Video Codepen: https://codepen.io/bradtraversy/pen/ExNVwgZ Handmade Knives By Will Adams: https://bushblade.co.uk/ Timestamps: 0:00 - Intro 1:49 - The HTML 3:32 - The CSS 10:57 - The JavaScript

  • 08:30 What Is Serverless?

    What Is Serverless?

    by Best Webhosting Added 69 Views / 0 Likes

    In this video we will discuss what serverless actually means James Q Quick YouTube Channel: https://www.youtube.com/channel/UC-T8W79DN6PBnzomelvqJYw Free JAMstack Crash Course: https://www.youtube.com/watch?v=73b1ZbmB96I React & Serverless Course: https://www.jamesqquick.com/courses/react-and-serverless-fullstack-developmnent

  • 2:30:45 Full Stack Photobook App | Vue, GraphQL, AWS Amplify

    Full Stack Photobook App | Vue, GraphQL, AWS Amplify

    by Best Webhosting Added 69 Views / 0 Likes

    Build and deploy a full stack Photobook app built with Vue.js, GraphQL& AWS Amplify Program With Erik YouTube Channel https://www.youtube.com/channel/UCshZ3rdoCLjDYuTR_RBubzw Code: https://github.com/ErikCH/TraversyMediaAWSPhotoBook AWS Workshop: https://github.com/amazon-archives/aws-reinvent-2019-mobile-workshops/tree/master/MOB303 Timestamps: 0:00 Overview of Application 1:32 Setup 4:04 Overview of AWS Services 06:10 Install Tools 11:36 Amplify Con

  • 41:45 Real-Time Tweets & Socket.io Project | Twitter Streaming API

    Real-Time Tweets & Socket.io Project | Twitter Streaming API

    by Best Webhosting Added 69 Views / 0 Likes

    In this project we will work with the Twitter streaming API to fetch Tweets in real-time and then use Socket.io to pipe to a webpage. Code: https://github.com/bradtraversy/real-time-tweet-stream Twitter Docs: https://developer.twitter.com/en/docs/twitter-api/tweets/filtered-stream/introduction • Support The Channel! http://www.patreon.com/traversymedia Website & Courses: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/trav

  • 04:52 Freelance Course Launch & Update

    Freelance Course Launch & Update

    by Best Webhosting Added 69 Views / 0 Likes

    Course link - https://freelancemastery.dev We finally finished the freelance course. We are launching with a special 2 week promo price

  • 3:38:00 MERN Crash Course | JWT Authentication, Redux Toolkit, Deployment & More

    MERN Crash Course | JWT Authentication, Redux Toolkit, Deployment & More

    by Best Webhosting Added 69 Views / 0 Likes

    In this project, we will create a MERN stack app with a React SPA frontend. The main focus is authentication, but you will learn how to create a full-featured API, manage state with Redux Toolkit, and more. Linode/Akamai - Get $100 Free For 60 Days https://linode.com/traversy Code: https://github.com/bradtraversy/mern-auth Blog Post - Part 1 (Backend): https://www.traversymedia.com/blog/mern-crash-course-part-1 Blog Post - Part 2 (Frontend): https://w

  • 10:06 PHP Front To Back - [Part 13] Ternary & Shorthand Syntax

    PHP Front To Back - [Part 13] Ternary & Shorthand Syntax

    by Best Webhosting Added 68 Views / 0 Likes

    In this video we will look at the PHP ternary operator and some alternative syntax for if statements as well as loops. CODE: Code for this video http://www.traversymedia.com/downloads/phpsandbox/phpsandbox11.zip EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-... SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traversymedi

  • 40:22 Realtime Chat App | React, GraphQL & Websockets

    Realtime Chat App | React, GraphQL & Websockets

    by Best Webhosting Added 68 Views / 0 Likes

    Let's build a realtime chat app with React, Apollo, GraphQL Subscriptions, Websockets and Module Federation Jack Herrington YouTube Channel: https://www.youtube.com/channel/UC6vRUjYqDuoUsYsku86Lrsw Code: https://github.com/jherr/chat-o-matic React starter project: https://github.com/jherr/wp5-starter-react Apollo client: https://www.apollographql.com/docs/react/ Graphql-Yoga: https://github.com/prisma-labs/graphql-yoga • Support The Channel! http://ww

  • 13:35 What Is The Jamstack?

    What Is The Jamstack?

    by Best Webhosting Added 68 Views / 0 Likes

    In this video, we will look at what the JAMstack entails James Q Quick YouTube: https://www.youtube.com/jamesqquick Auth0 YouTube: https://www.youtube.com/channel/UCUlQ5VoIzE_kFbYjzUwHTKA James Quick's JAMstack Crash Course: https://www.youtube.com/watch?v=73b1ZbmB96I&t=1734s

  • 41:30 Build a Gym Website Using The Tailwind Starter Kit

    Build a Gym Website Using The Tailwind Starter Kit

    by Best Webhosting Added 67 Views / 0 Likes

    We will use the Tailwind CSS Starter Kit and modify it into a gym website. You will learn about Tailwind CSS utility classes. We will also implement the AOS (Animation on Scroll) library for animation Code (Get Images there): https://codepen.io/bradtraversy/pen/zYqVgXO Creative Tim Starter Kit: https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation AOS Library: https://michalsnik.github.io/aos/ My Tailwind CSS Crash Course: https:

  • 1:01:37 Vanilla Node.js REST API | No Framework

    Vanilla Node.js REST API | No Framework

    by Best Webhosting Added 67 Views / 0 Likes

    Let's create a REST API using Node.js only, without Express Code: https://github.com/bradtraversy/vanilla-node-rest-api • 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 Timestamps: 0:00 - Intro 2:03 - Getting Started 3:06 - HTTP C

  • 1:11:41 Build A Simple Android App With Kotlin

    Build A Simple Android App With Kotlin

    by Best Webhosting Added 67 Views / 0 Likes

    We will create a basic todo list Android app using the Kotlin programming language Philipp Lackner YouTube Channel: https://www.youtube.com/channel/UCKNTZMRHPLXfqlbdOI7mCkg Code: https://github.com/philipplackner/TodoList Philipp's Kotlin Crash Course (Traversy Media): https://www.youtube.com/watch?v=5flXf8nuq60&t=302s Timestamps: 00:00 - Intro 00:33 - What we will build 01:42 - Why choose Kotlin for Android Development? 03:29 - Android Studio Setup 0

  • 29:30 Web Vitals + DIY Chrome Extension = Performance Insight

    Web Vitals + DIY Chrome Extension = Performance Insight

    by Best Webhosting Added 67 Views / 0 Likes

    Build a custom chrome extension utilizing the Web Vitals library Starter template: https://github.com/jherr/wp5-extension-template Finished code: https://github.com/jherr/performance-extension Web vitals: https://github.com/GoogleChrome/web-vitals Influx: https://www.influxdata.com/ Jack Herrington's YouTube Channel: https://www.youtube.com/channel/UC6vRUjYqDuoUsYsku86Lrsw

  • 2:02:22 Build a Responsive Website | HTML, CSS Grid, Flexbox & More

    Build a Responsive Website | HTML, CSS Grid, Flexbox & More

    by Best Webhosting Added 66 Views / 0 Likes

    In this project we will build a custom website using HTML5 and modern CSS techniques such as CSS Grid, Flexbox, psuedo selectors, animation and more. We will also deploy to Netlify and add form functionality Code: https://github.com/bradtraversy/loruki-website • 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

  • 58:04 DevOps Crash Course (Docker, Terraform, and Github Actions)

    DevOps Crash Course (Docker, Terraform, and Github Actions)

    by Best Webhosting Added 66 Views / 0 Likes

    In this DevOps and Cloud Infrastructure tutorial, you will learn what DevOps is and how to apply some of the most important concepts including: - Docker containers - Infrastructure as Code - Continuous Integration and Continuous Deployment DevOps Directive YouTube Channel: https://www.youtube.com/c/DevOpsDirective Link to application: storybooks.devopsdirective.com GitHub Repos: - https://github.com/bradtraversy/storybooks (Original) - https://github.

  • 07:38 December Check In - #50Projects50Days, 2021 Roadmap, Health Update

    December Check In - #50Projects50Days, 2021 Roadmap, Health Update

    by Best Webhosting Added 66 Views / 0 Likes

    5 Day $9.99 Promo Code: https://www.udemy.com/course/50-projects-50-days/?couponCode=5DAYPROMO 30 Day $12.99 Promo Code: https://www.udemy.com/course/50-projects-50-days/?couponCode=30DAYPROMO Florin Pop (aka. Captain Purple • ) YouTube Channel: https://www.youtube.com/channel/UCeU-1X402kT-JlLdAitxSMA

  • 08:08 Do All Devs End Up Being Content Creators?

    Do All Devs End Up Being Content Creators?

    by Best Webhosting Added 66 Views / 0 Likes

    You see a lot of dev related content creators, however It is a very small fraction of developers that take this route Check out the newest course: https://www.udemy.com/course/50-projects-50-days • Support The Channel! http://www.patreon.com/traversymedia Website & Courses: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/traversymedia

  • 35:15 Create a Website With Video Background | HTML & CSS

    Create a Website With Video Background | HTML & CSS

    by Best Webhosting Added 66 Views / 0 Likes

    Create a beautiful, custom landing page for a Travel website using HTML, CSS and a little JavaScript Code: https://codepen.io/bradtraversy/pen/eYdMqvx Find a list of my latest Udemy courses at: https://traversymedia.com • Support The Channel! http://www.patreon.com/traversymedia

  • 1:05:16 Web Development In 2021 - A Practical Guide

    Web Development In 2021 - A Practical Guide

    by Best Webhosting Added 65 Views / 0 Likes

    This is my yearly guide to web development. I describe web technologies that are commonly needed as well as new trends and give you multiple options to create and plan your learning path to reach your goals. Find a list of my latest Udemy courses at: https://traversymedia.com • Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro 0:42 - What is this guide? 1:28 - Frontend vs Backend vs Full Stack 3:23 - What is your goal?

  • 19:15 Challenges of a Self-Taught Developer

    Challenges of a Self-Taught Developer

    by Best Webhosting Added 65 Views / 0 Likes

    Some helpful tips for self-taught developers Zach's YouTube Channel: https://www.youtube.com/zachgollwitzer Track: Sunflower — Soyb [Audio Library Release] Music provided by Audio Library Plus Watch: https://youtu.be/dG1U3NuR9Pk Free Download / Stream: https://alplus.io/sunflower 0:00 Intro 2:53 What is a "Self Taught Developer"? 4:36 Challenge #1: Imposter Syndrome 6:10 Strengths of Self Taught Devs 7:41 How reading open-source code can help Imposter

  • 10:07 5 High Level Skills & Traits For Programmers

    5 High Level Skills & Traits For Programmers

    by Best Webhosting Added 65 Views / 0 Likes

    Just some of my thoughts on what skills/traits help you become a more successful programmer Latest Udemy Courses: https://traversymedia.com​ 💖 Support The Channel! http://www.patreon.com/traversymedia 0:00 - Intro 0:42 - Patience 2:20 - Motivation 4:28 - Problem Solving 6:26 - Communication 8:08 - Willingness To Learn

  • 1:18:48 Bootstrap 5 Crash Course | Website Build & Deploy

    Bootstrap 5 Crash Course | Website Build & Deploy

    by Best Webhosting Added 65 Views / 0 Likes

    Beginner-friendly website project using Bootstrap 5 Hostinger: https://www.hostinger.com/traversymedia - Use the code TRAVERSYMEDIA for 10% off! Code: https://github.com/bradtraversy/bootstrap-bootcamp-website Project Demo: https://www.frontendbootcampdemo.com/ Latest Udemy Courses: https://traversymedia.com​ 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro 2:01 - Docs & Getting Started 4:40 - Including Bootstrap CD

  • 47:51 Build a Keyword Extractor: React + OpenAI API + Chakra UI

    Build a Keyword Extractor: React + OpenAI API + Chakra UI

    by Best Webhosting Added 65 Views / 0 Likes

    Build and deploy a keyword extractor powered by OpenAI, using React, Vite and Chakra UI. Hostinger: https://hostinger.com/traversy Use the code TRAVERSY for 10% off! Github Repo: https://github.com/bradtraversy/ai-keyword-extractor Blog Post: https://www.traversymedia.com/blog/ai-keyword-extractor-with-react-openai My Web Development Courses: https://www.traversymedia.com Timestamps: 0:00 - Intro 1:58 - Hostinger Sponsor 3:13 - Vite & React Setup 4:30

  • 1:29:16 Build an Event App with Vue.js, Gridsome & Strapi.js

    Build an Event App with Vue.js, Gridsome & Strapi.js

    by Best Webhosting Added 64 Views / 0 Likes

    We will build a virtual events platform using the Vue.js static site generator, Gridsome and Strapi.js for our backend Faraday Academy YouTube Channel: https://www.youtube.com/channel/UCxA99Yr6P_tZF9_BgtMGAWA Code: https://github.com/gwenf/gridsome-strapi-tutorial Strapi Crash Course: https://www.youtube.com/watch?v=6FnwAbd2SDY • Support The Channel! http://www.patreon.com/traversymedia Website & Brad Traversy Udemy Course Links: https://www.traversym

  • 44:06 Build a Music Player | Vanilla JavaScript

    Build a Music Player | Vanilla JavaScript

    by Best Webhosting Added 64 Views / 0 Likes

    Let's create a music player with HTML, CSS, JavaScript, and the HTML5 Audio API Code: https://github.com/bradtraversy/vanillawebprojects/tree/master/music-player 20 Vanilla Projects Course: https://www.udemy.com/course/web-projects-with-vanilla-javascript/?referralCode=F9B7C7FED834F91ADE75 $11.99 Promo(5 Days Only): APR5DAY Timestamps: Intro - 0:00 HTML - 1:51 CSS - 5:27 JavaScript - 23:10

  • 08:03 PHP Front To Back [Part 2] - PHP7 & Xammp Installation

    PHP Front To Back [Part 2] - PHP7 & Xammp Installation

    by Best Webhosting Added 63 Views / 0 Likes

    In this video we will be installing Xammp which includes PHP 7, Apache and MySQL. This is in preparation for a big series on PHP

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