Traversy Media

1:21:31
Build a Photo Gallery With React & Firebase

by Best Webhosting Added 5 years ago 94 Views / 0 Likes

Build an instagram-like photo gallery app with React & Firebase The Net Ninja YouTube Channel: https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg Starter files: https://github.com/iamshaunjp/firegram/tree/starter-files Final files: https://github.com/iamshaunjp/firegram/tree/final-files • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow Traversy Med
48:06
Build Minesweeper with JavaScript

by Best Webhosting Added 5 years ago 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
2:00:45
Build a Portfolio Website & Deploy

by Best Webhosting Added 5 years ago 79 Views / 0 Likes

In this video we will create a portfolio website and deploy to AWS Denis Ivy YouTube Channel: https://www.youtube.com/channel/UCTZRcDjjkVajGL6wd76UnGg Code: https://github.com/divanov11/portfolio-website Live Project: http://dennisivy-portfolio.s3-website-us-west-2.amazonaws.com/ Infographic (Flex vs Grid): https://dennisivy-portfolio.s3-us-west-2.amazonaws.com/Flexbox+vs.+CSS+Grids+infographic.pdf • Become a Patron: Show support & get perks! http://w
41:22 Popular
Figma in 40 Minutes

by Best Webhosting Added 5 years ago 233 Views / 0 Likes

Entertaining video showing you how to create a simple and clean design in Figma Dev Ed Channel: https://www.youtube.com/channel/UClb90NQQcskPUGDIXsQEz5Q Produced By Ed Channel: https://www.youtube.com/c/producedbyed • 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/traversyme
48:47
Build a GitHub Jobs App With React Hooks

by Best Webhosting Added 5 years ago 83 Views / 0 Likes

React app that works with the GitHub Jobs API that includes search, filter, pagination, etc Web Dev Simplified Channel: https://www.youtube.com/c/WebDevSimplified Code: https://github.com/WebDevSimplified/GitHub-Jobs-API-React-App • 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
23:31
Bootstrap 5 - First Look

by Best Webhosting Added 5 years ago 64 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
34:00 Popular
React App - Breaking Bad API

by Best Webhosting Added 5 years ago 112 Views / 0 Likes

In this project we will use React and the breaking bad api to create a small app to show and filter the character info Code: https://github.com/bradtraversy/breaking-bad-cast Docs: https://breakingbadapi.com/documentation • 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/trav
06:21
Channel Update - Taking a Break, Guest Creators

by Best Webhosting Added 5 years ago 76 Views / 0 Likes

I have been going through some tough physical and mental issues at this point in my life and I can't keep going at the rate I have been for all of these years. The channel will continue, but I will be having some great guest creators on to help lighten the load a little. I love you guys, thank you for your support!! Website & Udemy Courses: https://www.traversymedia.com I will still be checking in via social media, so follow me if you are interested:
50:21
UI Design For Coders

by Best Webhosting Added 5 years ago 57 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
40:54
Deno & PostgreSQL (Crash Course Part 2)

by Best Webhosting Added 5 years ago 78 Views / 0 Likes

We will add a PostgreSQL database to the REST API that we created in the Deno crash course. We will also implement Denon Code: https://github.com/bradtraversy/deno-rest-api Original Crash Course: https://www.youtube.com/watch?v=NHHhiqwcfRM • 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.
22:43
Breathe & Relax App - JavaScript & CSS Animations

by Best Webhosting Added 5 years ago 84 Views / 0 Likes

This is a project from my 20 web projects course on Udemy. We create an animation to visualize breathing to relax. Course & $13.99 Promo: https://www.udemy.com/course/web-projects-with-vanilla-javascript/?couponCode=JUNE30DAY Code: https://github.com/bradtraversy/vanillawebprojects/tree/master/relaxer-app • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow
11:30
Tips For Getting Clients | Web Development

by Best Webhosting Added 5 years ago 95 Views / 0 Likes

In this video I will discuss what has helped me get web development clients in the past. These are not magic tips that guarantee anything, but just my personal suggestions Freelancer Bundle: TM25 for 25% off https://gumroad.com/a/179156083 70+ Job Find Websites: https://medium.com/@traversymedia/70-job-find-websites-for-developers-other-tech-professionals-34cdb45518be • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia We
24:39
Python & MySQL Crash Course

by Best Webhosting Added 5 years ago 75 Views / 0 Likes

This is a beginner-based crash course on working with MySQL with the Python programming language. Code Gist: https://gist.github.com/bradtraversy/5ea2fa59776ddc8cf45c536be65d4f86 • 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/traversy
2:28:43
Node.js App From Scratch | Express, MongoDB & Google OAuth

by Best Webhosting Added 5 years ago 88 Views / 0 Likes

This is a full application build of the StoryBooks app which uses Node.js, Express, MongoDB, Passport with a Google OAuth strategy and more. Full Code: https://github.com/bradtraversy/storybooks • 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.faceb
59:47
3 HTML & CSS UI Components in 1 Hour

by Best Webhosting Added 5 years ago 96 Views / 0 Likes

We will create 3 different simple UI components with HTML5 and modern CSS including Flex and Grid. This is a project based video to sharpen your CSS skills Repo: https://github.com/bradtraversy/ui_components • 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 http
07:00
New Course Alert - Electron From Scratch: Desktop Apps With JavaScript

by Best Webhosting Added 5 years ago 67 Views / 0 Likes

5 DAY PROMO - $9.99 https://www.udemy.com/course/electron-from-scratch/?couponCode=DISCOUNT5DAY 30 DAY PROMO - $12.99 https://www.udemy.com/course/electron-from-scratch/?couponCode=DISCOUNT30DAY
07:34
Who Can or Can't Be a Programmer?

by Best Webhosting Added 5 years ago 81 Views / 0 Likes

I want to talk a little bit about the idea that some people can't be programmers no matter what they do. I will give my thoughts. • 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
16:29
Stack Data Structure | JavaScript

by Best Webhosting Added 5 years ago 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
52:06
Deno Crash Course

by Best Webhosting Added 5 years ago 98 Views / 0 Likes

In this Deno crash course we will talk about what Deno is and look at some of the basics as well as create a full REST API which starts at 21:54 REST API Code: https://github.com/bradtraversy/deno-rest-api • 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:
13:38
CSS Grid Layout With Image Span

by Best Webhosting Added 5 years ago 82 Views / 0 Likes

In this video we will build a Grid layout with images that span multiple elements from scratch using CSS, specifically the "background-attachment: fixed" property/value Code: https://codepen.io/bradtraversy/pen/rNOKEYR • 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/travers
10:16 Popular
200+ Design & UI Resources For Developers

by Best Webhosting Added 5 years ago 111 Views / 0 Likes

I created a repo with around 200 design resources for developers including websites for stock photos, videos, UI components, frameworks, design systems and much more Repo Link: https://github.com/bradtraversy/design-resources-for-developers • 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
25:06
Strapi.js Crash Course | Headless CMS

by Best Webhosting Added 5 years ago 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
35:47 Popular
Python In The Browser | Brython Crash Course

by Best Webhosting Added 5 years ago 120 Views / 0 Likes

In this video we will manipulate the DOM, use local storage, mke Ajax calls, etc using Python in the browser with Brython. Code: https://gist.github.com/bradtraversy/d7cef8a658992e61e9a4ab04ae8e7770 • 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.f
17:52
Full Screen Video Background - HTML & CSS

by Best Webhosting Added 5 years ago 98 Views / 0 Likes

In this project we will create a full screen video background for a landing page using HTML & CSS Code: https://codepen.io/bradtraversy/pen/BaoWWjb • 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
22:26
Easy Frontend JS Workflow With No Framework

by Best Webhosting Added 6 years ago 83 Views / 0 Likes

In this video, we will create a boilerplate for creating frontend applications with vanilla JS with Parcel bundler, babel and sass. Code: https://github.com/bradtraversy/vanilla-parcel-boilerplate • 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.fac
12:56 Popular
5 Common Programmer Health Problems & Prevention Tips

by Best Webhosting Added 6 years ago 105 Views / 0 Likes

In this video we will look at 5 common health issues the many programmers face along with some tips for prevention • 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
38:56
React & Tailwind CSS Image Gallery

by Best Webhosting Added 6 years ago 94 Views / 0 Likes

In this project we will integrate Tailwind CSS with React and build an image gallery app with the Pixabay API Code: https://github.com/bradtraversy/react-tailwind-pixabay-gallery Smashing Magazine Article: https://www.smashingmagazine.com/2020/02/tailwindcss-react-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.twit
57:41 Popular
Node.js CLI For Cryptocurrency Prices

by Best Webhosting Added 6 years ago 104 Views / 0 Likes

In this project we will build a CLI (command line interface) for a cryptocurrency price app. We will use Commander.js, Inquirer, configstore and some other modules. Code: https://github.com/bradtraversy/coindex-cli • 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/traversymed
22:33
Parallax Landing Page - Rellax.js

by Best Webhosting Added 6 years ago 75 Views / 0 Likes

In this video we will create a simple landing page that uses the parallax scrolling effect with the Rellax.js library. Code: https://codepen.io/bradtraversy/pen/OJVaEVN • 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
58:45
Realtime Chat With Users & Rooms - Socket.io, Node & Express

by Best Webhosting Added 6 years ago 91 Views / 0 Likes

In this project we will build a chat app using Node, express & websockets in under 60 minutes Code: https://github.com/bradtraversy/chatcord • 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