Traversy Media


  • 52:29 Learn The MERN Stack - JWT Authentication

    Learn The MERN Stack - JWT Authentication

    by Best Webhosting Added 69 Views / 0 Likes

    In this video, we will secure our API by adding JWT authentication 💻 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 On Social Media: Twitter: https://twitter.com/t

  • 1:10:20 Build A Digital Resume & Host For Free

    Build A Digital Resume & Host For Free

    by Best Webhosting Added 68 Views / 0 Likes

    Turning a real-life resume into a digital resume hosted free on Github pages. Live Demo: https://divanov11.github.io/Digital-Resume/ Source Code: https://github.com/divanov11/Digital-Resume Article: https://dev.to/dennisivy11/build-a-digital-resume-host-for-free-559 Check out Agora! https://bit.ly/3bLM8Iu Dennis Ivy's Channel: https://www.youtube.com/c/DennisIvy Timestamps 00:00 - Introduction 4:56 - Project Setup 9:15 - Hero Section 35:50 - Adding Da

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

    Build a Touch Slider with HTML, CSS & JavaScript

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

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

    Build a Blog With Next.js & Ghost

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

  • 13:35 What Is The Jamstack?

    What Is The Jamstack?

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

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

    10 Ways to Make Money as a Developer

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

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

    Realtime Chat App | React, GraphQL & Websockets

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

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

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

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

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

    Build a Gym Website Using The Tailwind Starter Kit

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

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

    Do All Devs End Up Being Content Creators?

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

  • 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 62 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

  • 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 61 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

  • 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 61 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 61 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.

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

    Web Development In 2021 - A Practical Guide

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

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

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

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

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

    5 High Level Skills & Traits For Programmers

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

  • 04:52 Freelance Course Launch & Update

    Freelance Course Launch & Update

    by Best Webhosting Added 61 Views / 0 Likes

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

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

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

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

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

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

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

  • 50:21 UI Design For Coders

    UI Design For Coders

    by Best Webhosting Added 60 Views / 0 Likes

    In 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

  • 26:55 Less CSS Pre-Processor Tutorial

    Less CSS Pre-Processor Tutorial

    by Best Webhosting Added 59 Views / 0 Likes

    In 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

  • 48:06 Build Minesweeper with JavaScript

    Build Minesweeper with JavaScript

    by Best Webhosting Added 59 Views / 0 Likes

    We 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

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

    Create a Website With Video Background | HTML & CSS

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

  • 19:15 Challenges of a Self-Taught Developer

    Challenges of a Self-Taught Developer

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

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