Traversy Media
-
48:47
Build a GitHub Jobs App With React Hooks
Added 83 Views / 0 LikesReact 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
-
1:04:49
Remix Crash Course | Full Stack React
Added 83 Views / 0 LikesThis is an intro to the Remix Run framework. We build a blog app with Prisma and Sqlite. Part 2: User Auth - https://youtu.be/wEoktJMSWLY Code: https://github.com/bradtraversy/remix-blog 👇 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/traversymedia Instagram: https://www.instagram.com/traversyme
-
22:18
Is jQuery Still Relevant in 2018?
Added 82 Views / 0 LikesAdd MailTag to Chrome: http://go.mailtag.io/7ubwpEqi In this video we will talk about jQuery in 2018 and compare some of it's features like DOM manipulation, ajax, utilities, etc to the vanilla JS solutions and code samples as well as talk about some other small specialized libraries to take the place in some areas. I will also give my own opinions and thoughts as well Modern JS From The Beginning: (Learn JS Without Libraries) https://www.udemy.com/mo
-
07:23
React Front To Back 2019 - New Udemy Course
Added 82 Views / 0 LikesPROMO CODE: https://www.udemy.com/modern-react-front-to-back/?couponCode=TRAVERSYMEDIA In this course you will learn all about React 16.8 including hooks and context as well as MERN and Redux...enjoy :)
-
07:03
Don't Put Too Much Trust Into Online Influencers
Added 82 Views / 0 LikesIn this video I want to discuss the amount of faith that some people may put into content creators. This is not a personal jab at TechLead. His name kept coming up in my React Native video so I used him as an example to address this topic
-
13:38
CSS Grid Layout With Image Span
Added 82 Views / 0 LikesIn 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
-
1:15:26
Build a Modern Landing Page Website | HTML & CSS
Added 82 Views / 0 LikesBuild a clean and modern landing page website with HTML, CSS & Sass Kevin Powell YouTube Channel: https://www.youtube.com/channel/UCJZv4d5rbIKd4QHMPkcABCw Code: https://github.com/kevin-powell/shoes • 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.
-
39:35
Redis Crash Course Tutorial
Added 81 Views / 0 LikesIn this crash course we will discuss and demonstrate the fundamentals of Redis including... What Redis Is Installation Redis-cli Data Types - Strings, Lists, Sets, Sorted Sets, Hashes Data Persistence FULL REDIS COURSE: Please Use This Link https://www.eduonix.com/affiliates/id/16-10420 SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traversymedia http://www.patreon.com/tra
-
27:27
Google Maps JavaScript API Tutorial
Added 81 Views / 0 LikesIn this video I will work a little bit with the Google Maps API as requested by some of my subscribers. We will implement a map with some custom markers, info window, event listeners and we will optimize the code so that we can easily add new markers with new properties. CODE: Code for this video http://www.traversymedia.com/downloads/mymap.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa SUPPORT: We spend massive amounts of time creating th
-
29:31
Intro to Anime.js - The JavaScript Animation Engine
Added 81 Views / 0 LikesIn this video we are going to look at the Anime.js JavaScript animation engine to create a simple app with some element animation that we can play/pause CODE: Code for this video https://github.com/bradtraversy/animiesample DOCS: https://github.com/juliangarnier/anime 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 F
-
07:34
Who Can or Can't Be a Programmer?
Added 81 Views / 0 LikesI 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
-
1:18:05
Multiplayer Snake Game | JavaScript & Socket.io
Added 81 Views / 0 LikesIn this video we will create a multiplayer snake game using socket.io Hungry Turtle Code YouTube Channel: https://www.youtube.com/channel/UC7Vxnf06GP6w42Lg3TQLXSw Code: https://github.com/HungryTurtleCode/multiplayerSnake Timestamps: 0:07 - Adrian's Intro 1:05 - Setting up HTML 2:25 - Setting up the canvas 7:00 - Painting the snake 12:24 - Setting up the socketio server 14:15 - Connecting to socketio from frontend 18:10 - Moving game state to the serv
-
21:40
Welcome To My World | 2021 Home Office Tour
Added 81 Views / 0 LikesA little glimpse into where I work & play DESK & COMPUTERS: Uplift Desks - https://www.upliftdesk.com/ Asus PC - https://bit.ly/3sr78Y4 Mac Pro & Macbook Pros - https://www.apple.com MONITORS: Samsung 49" Monitor - https://amzn.to/31aiaFf LG 34" Monitors - https://amzn.to/31bVC6Y PERIPHERALS: Logitech G Pro Mouse - https://amzn.to/3lJJjbr Logitech G Pro Keyboard - https://amzn.to/3f7zT8s Logitech Charger Mousepad - https://amzn.to/2QzfaAj Logitech G93
-
10:55
Zend Framework 2 - Fetching and Inserting Data
Added 80 Views / 0 LikesIn this video we will create fetch and insert functionality in our Zend application Projects with Top 10 PHP Frameworks Course - https://www.udemy.com/learn-top-ten-php-frameworks-by-building-projects/
-
28:27
Create a Custom PDF Viewer With JavaScript
Added 80 Views / 0 LikesIn this practical project we will use pdf.js to create a custom pdf view interface with pagination using JavaScript. We will be using modern syntax such as arrow functions and promises. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/pdf_viewer • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Carlos Mafla YouTube Channel: https://www.youtube.com/channel/UCnFRgYETwUg6eoeHACuVkcA
-
14:42
Basic cURL Tutorial
Added 79 Views / 0 LikesIn this video we will cover the basics of cURL which is a tool/command for transferring data and making requests. cURL is a tool that every web developer should know at least the basics of. CODE: Snippets from this video http://traversymedia.com/downloads/curl-tutorial.txt EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-courses SUPPORT: We spend massive amounts of time creating these free videos, ple
-
36:20
CSS3 Animation & Transitions Crash Course
Added 79 Views / 0 LikesAdd MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video This is a beginner friendly crash course on CSS animation using keyframes as well as CSS transitions. We will do a little experimenting and we will build a small animated landing page project. CODE: Code for this project http://www.traversymedia.com/downloads/cssanimations.zip CSS CRASH COURSE FOR BEGINNERS: https://www.youtube.com/watch?v=yfoY5
-
28:08
GraphQL With React & Apollo [3] - Finishing The App
Added 79 Views / 0 LikesIn this part we will finish our app by adding color coded titles for success/fail missions, we will create the Launch component and make another query to our GraphQL server from React/Apollo. Code: https://github.com/bradtraversy/spacex_launch_stats GraphQL Server Series: https://www.youtube.com/watch?v=PEcJxkylcRM&list=PLillGF-RfqbYZty73_PHBqKRDnv7ikh68 • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy
-
32:24
Create a Presentation Website With WebSlides
Added 79 Views / 0 LikesWe will build a fictional bootcamp presentation using the WebSlides open source project. This is NOT a sponsored video. WebSlides Github: https://github.com/webslides/webslides/ Code: https://codepen.io/bradtraversy/pen/ExjEEwr • 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.co
-
2:00:45
Build a Portfolio Website & Deploy
Added 79 Views / 0 LikesIn 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
-
08:44
Should You Learn Bootstrap in 2020?
Added 79 Views / 0 LikesBootstrap 5 Alpha has been released and a lot of people have asked me if they should learn it or use it. I address that in this video Bootstrap 5 Video: https://www.youtube.com/watch?v=I7CfaDYzTVM&t=282s • 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://
-
11:27
Keeping the Coding Dream Alive
Added 79 Views / 0 LikesA personal story of persevering through the challenging journey of keeping consistently while building a coding career. Dennis Ivanov’s youtube channel: https://m.youtube.com/c/dennisivy
-
32:47
Google Geocode API & JavaScript Tutorial
Added 78 Views / 0 LikesIn this video we will be working with the Google geocoding API to get all location info including latitude and longitude from an address or even from just the name of a city or state. We will build an application with a Bootstrap 4 form to interact with the API. CODE: Code for this video http://www.traversymedia.com/downloads/mygeocode.zip Google Map API Tutorial: https://www.youtube.com/watch?v=Zxf1mnP5zcw SPONSORS: DevMountain Bootcamp - https://goo
-
05:14
200k Subscribers - Thank You!
Added 78 Views / 0 LikesI just wanted to thank all of you guys for your support. I appreciate every last one of my subscribers, patrons, viewers, students, etc. I could not have done it without you! BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www
-
36:27
RethinkDB & ReQL Crash Course
Added 78 Views / 0 LikesIn this video we will look at setting up RethinkDB and learning the ReQL syntax. We will also look at using it with both Node.js and Python. Cheat Sheet: https://gist.github.com/bradtraversy/6aef077f93c48465891f12958b84a22d • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversyme
-
40:54
Deno & PostgreSQL (Crash Course Part 2)
Added 78 Views / 0 LikesWe 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.
-
42:27
Your First Tailwind Website
Added 77 Views / 0 LikesTailwind CSS is a utility-first framework that's a little different than CSS frameworks like Bootstrap or Bulma. We are going to build a Tailwind landing page so we can learn how quickly we can create designs for our sites. CodePen: https://codepen.io/chrisoncode/pen/oNbrYjv Chris's Courses: Tailwind: https://MakeTailwindApps.com React: https://MakeReactApps.com Chris's Twitter: https://twitter.com/chrisoncode Timestamps: 0:00 - Intro 0:31 - Tailwind
-
09:08
Burnout Signs & How To Avoid It
Added 77 Views / 0 LikesBurnout is extremely common in programming. Let's talk about ways to avoid it Adrian's YouTube Channel: https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ • 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
-
37:44
Social Media Accordion With CSS3 Transitions
Added 76 Views / 0 LikesIn this mini project we will create a social media accordion slider using only CSS. We will use CSS3 transitions only, no JavaScript at all. Code For This Project: https://codepen.io/bradtraversy/pen/EEWNQP Genericons Fonts Download: http://traversymedia.com/downloads/genericons.zip Original Codepen: https://codepen.io/rrenula/pen/DGrhf • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www
-
22:33
Parallax Landing Page - Rellax.js
Added 76 Views / 0 LikesIn 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









