Traversy Media


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

    Build A Digital Resume & Host For Free

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

  • 13:35 What Is The Jamstack?

    What Is The Jamstack?

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

  • 27:28 Getting Started With Open Source & GitHub

    Getting Started With Open Source & GitHub

    by Best Webhosting Added 63 Views / 0 Likes

    In this video, we will talk about open source and using Github Check out Eddie's YouTube Channel: https://www.youtube.com/channel/UC5mnBodB73bR88fLXHSfzYA Timestamps 0:00 Introduction 0:34 What is Open Source 2:09 Why you should care about Open Source 4:20 Customizing your GitHub profile 5:05 GitHub organisation 5:19 GitHub repository 7:40 Search GitHub for issues by language and label 10:06 Markdown examples 13:09 GitHub pull request 14:01 CI / CD wi

  • 08:30 What Is Serverless?

    What Is Serverless?

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

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

    10 Ways to Make Money as a Developer

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

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

    Build A Simple Android App With Kotlin

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

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

    Build a Touch Slider with HTML, CSS & JavaScript

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

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

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

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

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

    Vanilla Node.js REST API | No Framework

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

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

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

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

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

    Build a Gym Website Using The Tailwind Starter Kit

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

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

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

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

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

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

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

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

    Do All Devs End Up Being Content Creators?

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

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

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

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

  • 26:55 Less CSS Pre-Processor Tutorial

    Less CSS Pre-Processor Tutorial

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

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

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

    Web Vitals + DIY Chrome Extension = Performance Insight

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

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

    5 High Level Skills & Traits For Programmers

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

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

  • 48:06 Build Minesweeper with JavaScript

    Build Minesweeper with JavaScript

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

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

    Web Development In 2021 - A Practical Guide

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

  • 04:52 Freelance Course Launch & Update

    Freelance Course Launch & Update

    by Best Webhosting Added 56 Views / 0 Likes

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

  • 1:30:57 Hulu Webpage Clone | HTML & CSS

    Hulu Webpage Clone | HTML & CSS

    by Best Webhosting Added 56 Views / 0 Likes

    Create the Hulu homepage with HTML, CSS and a bit of JavaScript. Sponsor: Hostinger (10% off with TRAVERSYMEDIA) https://www.hostinger.com/traversymedia Code: https://github.com/bradtraversy/hulu-webpage-clone Modern HTML & CSS From The Beginning Course: https://www.udemy.com/course/modern-html-css-from-the-beginning/?referralCode=EB0470C43F3C3E9AA306 Timestamps: 0:00 -Intro 2:41 - Base & Header HTML 7:04 - Base Styles 10:04 - Header CSS 19:38 - Media

  • 19:15 Challenges of a Self-Taught Developer

    Challenges of a Self-Taught Developer

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

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

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