Traversy Media


  • 28:18 Popular Quick & Easy CSS Loaders

    Quick & Easy CSS Loaders

    by Best Webhosting Added 128 Views / 0 Likes

    In 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

    Quick Autocomplete App With JS & JSON

    by Best Webhosting Added 122 Views / 0 Likes

    In 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

    Quick Wordpress Setup With Docker

    by Best Webhosting Added 102 Views / 0 Likes

    Setup 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

    Quokka | The JavaScript Scratchpad

    by Best Webhosting Added 23 Views / 0 Likes

    A really nice VS Code extension for testing, prototyping, and learning JavaScript Quokka Website: https://quokkajs.com/

  • 11:11 Popular Quoting Web Development Clients

    Quoting Web Development Clients

    by Best Webhosting Added 145 Views / 0 Likes

    Some 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

    R Programming Crash Course

    by Best Webhosting Added 103 Views / 0 Likes

    Learn 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

    Ractive.js Crash Course

    by Best Webhosting Added 106 Views / 0 Likes

    In 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

    React & Express Starter Pack For Full Stack Development

    by Best Webhosting Added 120 Views / 0 Likes

    In 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

    React & Material UI Project Using The PixaBay API

    by Best Webhosting Added 114 Views / 0 Likes

    In 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]

    React & Redux - Freestyle Coding [3]

    by Best Webhosting Added 92 Views / 0 Likes

    In 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

    React & Tailwind CSS Image Gallery

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

  • 24:45 Popular React & Webpack 4 From Scratch - No CLI

    React & Webpack 4 From Scratch - No CLI

    by Best Webhosting Added 116 Views / 0 Likes

    In 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

    React Admin Crash Course

    by Best Webhosting Added 65 Views / 0 Likes

    In 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

    React App - Breaking Bad API

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

  • 56:23 Popular React Authentication App With Okta

    React Authentication App With Okta

    by Best Webhosting Added 130 Views / 0 Likes

    In 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)

    React File Uploader With Express (Using React Hooks)

    by Best Webhosting Added 137 Views / 0 Likes

    In 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

    React Front To Back 2019 - New Udemy Course

    by Best Webhosting Added 82 Views / 0 Likes

    PROMO 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

    React Infinite Scroll Challenge | Scotch.io

    by Best Webhosting Added 75 Views / 0 Likes

    In 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

    React JS Crash Course

    by Best Webhosting Added 100 Views / 0 Likes

    UPDATED 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

    React JS Crash Course - 2019

    by Best Webhosting Added 111 Views / 0 Likes

    In 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

    React JS Crash Course 2021

    by Best Webhosting Added 68 Views / 0 Likes

    Get 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

    React Native Crash Course

    by Best Webhosting Added 142 Views / 0 Likes

    In 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

    React Native Crash Course 2020

    by Best Webhosting Added 183 Views / 0 Likes

    In 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

    React Router v6 Major Changes

    by Best Webhosting Added 42 Views / 0 Likes

    Quick 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)

    React Suspense Introduction (Data Fetching)

    by Best Webhosting Added 93 Views / 0 Likes

    In 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

    React Testing Crash Course

    by Best Webhosting Added 50 Views / 0 Likes

    Learn 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

    Real-time App With Feathers.js, Socket.io & Express

    by Best Webhosting Added 124 Views / 0 Likes

    In 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

    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

  • 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

  • 58:45 Realtime Chat With Users & Rooms - Socket.io, Node & Express

    Realtime Chat With Users & Rooms - Socket.io, Node & Express

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

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