Traversy Media
-
1:10:20
Build A Digital Resume & Host For Free
Added 64 Views / 0 LikesTurning 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?
Added 63 Views / 0 LikesIn 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
Added 63 Views / 0 LikesIn 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?
Added 62 Views / 0 LikesIn 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
Added 62 Views / 0 LikesBuild 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
Added 62 Views / 0 LikesIn 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
Added 62 Views / 0 Likes10++ 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
Added 61 Views / 0 LikesLet'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
Added 61 Views / 0 LikesWe 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
Added 61 Views / 0 LikesBuild 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
Added 59 Views / 0 LikesIn 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
Added 59 Views / 0 LikesLet'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
Added 58 Views / 0 LikesIn 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
Added 58 Views / 0 LikesIn 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
Added 58 Views / 0 LikesWe 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)
Added 58 Views / 0 LikesIn 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
Added 58 Views / 0 LikesIn 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?
Added 58 Views / 0 LikesYou 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
Added 58 Views / 0 LikesBuild 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
Added 57 Views / 0 LikesIn 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
Added 57 Views / 0 LikesWe 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
Added 57 Views / 0 LikesBuild 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
Added 57 Views / 0 LikesJust 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
Added 57 Views / 0 LikesIn 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
Added 56 Views / 0 LikesWe 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
Added 56 Views / 0 LikesThis 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
Added 56 Views / 0 LikesCourse 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
Added 56 Views / 0 LikesCreate 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
Added 55 Views / 0 LikesSome 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
Added 54 Views / 0 LikesIn 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









