Traversy Media
-
28:18 Popular
Quick & Easy CSS Loaders
Added 128 Views / 0 LikesIn this video we are going to build 3 different animated CSS loaders and add a little JavaScript to load in some static content. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Loader 1 - Florin Pop | @florinpop1705 https://codepen.io/FlorinPop17/pen/NJJoYx Loader 3 - Maedah Batool | @MaedahBatool https://codepen.io/MaedahBatool/pen/wZxMjZ?editors=1100 Complete Code: https://codepen.io/bradtraversy/pen/Xwxvzp • Become a Patron: Show support & get
-
19:29 Popular
Quick Autocomplete App With JS & JSON
Added 122 Views / 0 LikesIn this project we will build a simple web app that searches a JSON file using the Fetch API, Async/Await, Regex and high order array methods. Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa States.json Gist: https://gist.github.com/bradtraversy/20dee7787486d10db3bd1f55fae5fdf4 • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.fa
-
14:57 Popular
Quick Wordpress Setup With Docker
Added 102 Views / 0 LikesSetup Wordpress, MySQL & PHPMyadmin in literally seconds with a single command using the Docker compose file we create in this video Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Github Gist With File: https://gist.github.com/bradtraversy/faa8de544c62eef3f31de406982f1d42 Exploring Docker - Part 1: https://www.youtube.com/watch?v=Kyx2PsuwomE&t=226s • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy C
-
11:28
Quokka | The JavaScript Scratchpad
Added 23 Views / 0 LikesA really nice VS Code extension for testing, prototyping, and learning JavaScript Quokka Website: https://quokkajs.com/
-
11:11 Popular
Quoting Web Development Clients
Added 145 Views / 0 LikesSome things to think about when quoting clients for web development services. Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html • 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/traversymedia https://www.instagram.com/traversymedia
-
1:33:23 Popular
R Programming Crash Course
Added 103 Views / 0 LikesLearn the fundamentals of the R programming language Bryan Jenks YouTube Channel: https://www.youtube.com/c/BryanJenksTech Code Gist: https://gist.github.com/tallguyjenks/465eff62a0003f1583ad657cffc64808 • 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.face
-
41:58 Popular
Ractive.js Crash Course
Added 106 Views / 0 LikesIn this video we will cover all of the basics and fundamentals of the Ractive.js UI library. This includes Mustache templates, variables, proxy events, method calls, components, observers and more RACTIVE.JS COURSE - https://www.eduonix.com/affiliates/id/16-10434
-
26:46 Popular
React & Express Starter Pack For Full Stack Development
Added 120 Views / 0 LikesIn this video we will create a starter pack for full stack React and Express development. I will show you how to integrate them and we will use concurrently to run both the front and back end web servers in one npm command. CODE: React Express Starter Pack Repo https://github.com/bradtraversy/react_express_starter CODE: Redux Version https://github.com/bradtraversy/react_redux_express_starter SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/
-
48:18 Popular
React & Material UI Project Using The PixaBay API
Added 114 Views / 0 LikesIn this project we will use React along with Material UI to build an image finder application that uses the PixaBay API to fetch images based on a query string. We will also implement a Dialog box from Material UI to view the large image Code For This Project: https://github.com/bradtraversy/pixabay_image_finder • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow
-
38:44
React & Redux - Freestyle Coding [3]
Added 92 Views / 0 LikesIn this episode we will be diving into the ReactJS UI library along with Redux to manage application state. We will use a Redux action to fetch some users from an API and then pass then down to a React component. We will also be using the Webpack module bundler. GET THE CODE - https://github.com/bradtraversy/rcontacts WEBPACK-STARTER - https://github.com/bradtraversy/webpack-starter EDUONIX REACT COURSE - https://www.eduonix.com/courses/Web-Developmen
-
38:56
React & Tailwind CSS Image Gallery
Added 94 Views / 0 LikesIn 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
-
24:45 Popular
React & Webpack 4 From Scratch - No CLI
Added 116 Views / 0 LikesIn this video we will setup React WITHOUT the Create-React-App CLI. The CLI is fantastic but many people do not understand how it works behind the scenes. In this video we will setup React from scratch with Webpack 4 and Babel. Sponsor: Coding Dojo http://www.codingdojo.com/l/yt/tr Code For This Project: https://github.com/bradtraversy/react_webpack_starter • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Ude
-
31:26
React Admin Crash Course
Added 65 Views / 0 LikesIn this video we will create an interface using React Admin as well as implement a fake REST API with JSON-Server Code: https://github.com/bradtraversy/react... • 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: Intro -
-
34:00 Popular
React App - Breaking Bad API
Added 112 Views / 0 LikesIn 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
-
56:23 Popular
React Authentication App With Okta
Added 130 Views / 0 LikesIn this video we will build a React app that uses authentication from Otka which is a user management system that can be used across multiple apps built on multiple languages/frameworks Code: https://github.com/bradtraversy/react_otka_auth Otka Developers: https://developer.okta.com/ Documentation Page: https://developer.okta.com/code/react/okta_react_sign-in_widget • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Webs
-
45:01 Popular
React File Uploader With Express (Using React Hooks)
Added 137 Views / 0 LikesIn this project we will build a full stack file upload with React and Express. We will construct the UI with a Bootstrap elements and make them function Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/react_file_uploader • 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/traversym
-
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 :)
-
37:09
React Infinite Scroll Challenge | Scotch.io
Added 75 Views / 0 LikesIn this video we will create an image gallery with infinite scrolling using Node, React and the Unsplash API. THis is a challenge from Scotch.io Challenge Info: https://scotch.io/bar-talk/code-challenge-16-infinite-scroll-unsplash-gallery Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/infinite_scroll_react_unsplash • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Ude
-
1:00:39
React JS Crash Course
Added 100 Views / 0 LikesUPDATED VERSION (2019): https://www.youtube.com/watch?v=sBws8MSXN7A In this video we will cover the fundamentals for React.js including the following... Create-react-app CLI ReactJS Components State & Properties Event Handling JSX - JavaScript Syntax Extension Lifecycle Methods HTTP Requests CODE - https://github.com/bradtraversy/projectmanager REACT FRONT TO BACK FULL COURSE: $9.99 PROMO LINK https://www.udemy.com/react-front-to-back/?couponCode=TRAV
-
1:38:24 Popular
React JS Crash Course - 2019
Added 111 Views / 0 LikesIn this crash course you will learn what React JS is and the fundamentals such as components, state, props, JSX, events, etc. React Front To Back 2019 - 13.5 Hour Course https://www.udemy.com/modern-react-front-to-back/?couponCode=TRAVERSYMEDIA Code For Tutorial: https://github.com/bradtraversy/react_crash_todo • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Related YouTube Videos: Redux Crash Course - https://www.you
-
1:48:48
React JS Crash Course 2021
Added 68 Views / 0 LikesGet started with React in this crash course. We will be building a task tracker app and look at components, props, state, hooks, working with an API and more. Code: https://github.com/bradtraversy/react-crash-2021 React & Other Course Links at - https://traversymedia.com • Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro & Slides 12:37 - Create a React app 14:52 - Files & folders 18:54 - App component & JSX 22:39 - Ex
-
1:31:58 Popular
React Native Crash Course
Added 142 Views / 0 LikesIn this video we will look at what React Native is, we will setup the CLI, initialize an application and look at some key aspects of the React Native framework. We'll be using Windows / Android but you can follow on Mac and iOS as well. Components, State & Props View & Text StyleSheet Touchable Elements ListView Navigator Button Events Android SDK Setup - https://www.youtube.com/watch?v=KRLLjlpy0r4 FULL REACT NATIVE COURSE https://www.eduonix.com/affi
-
51:28 Popular
React Native Crash Course 2020
Added 183 Views / 0 LikesIn this course we will talk about what React Native is and get setup, look at some of the built in components and build a small shopping list app Sponsor: Linode Hosting https://linode.com/traversy Code: https://github.com/bradtraversy/react_native_shopping_list • 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/tra
-
13:12
React Router v6 Major Changes
Added 42 Views / 0 LikesQuick video on the major changes to React Router. React Crash Course Repo: https://github.com/bradtraversy/react-crash-2021 React Front To Back 2022 Course: https://www.udemy.com/course/react-front-to-back-2022/?referralCode=4A622C7E48DB66154114 React Router Docs: https://reactrouter.com/ 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On S
-
19:05
React Suspense Introduction (Data Fetching)
Added 93 Views / 0 LikesIn this video we're just going to experiment with React Suspense data fetching. Suspense is still an EXPERIMENTAL FEATURE at this time. Sponsor: Freelancer Bundle (Promo: TM25) https://gumroad.com/a/179156083 Suspense Docs - https://reactjs.org/docs/concurrent-mode-suspense.html Concurrent Mode Docs - https://reactjs.org/docs/concurrent-mode-intro.html • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Co
-
58:36
React Testing Crash Course
Added 50 Views / 0 LikesLearn about testing in React including unit, e2e and integration testing with React Testing Library, Jest & Cypress Techbase YouTube Channel: https://www.youtube.com/channel/UC6W89Wklwaki9pc_qSquRtw Starter Repo: https://github.com/MitchelSt/react-testing-starter Final Repo: https://github.com/MitchelSt/react-testing-finished Timestamps: 0:00 - Brad Intro 0:55 - Mitchel Intro 1:24 - Why should you test? 1:58 - What to test? 5:48 - Demo app setup 11:06
-
25:57 Popular
Real-time App With Feathers.js, Socket.io & Express
Added 124 Views / 0 LikesIn this project, we will build a simple application using Feathers.js, Socket.io & Express that will allow livestream viewers to suggest project ideas to the streamer in real time Sponsor: Linode Get $20 Free by visiting https://www.linode.com/traversy Code: https://github.com/bradtraversy/livestreamer_project_ideas • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia
-
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
-
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
-
58:45
Realtime Chat With Users & Rooms - Socket.io, Node & Express
Added 91 Views / 0 LikesIn 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









