Learn React State In a Single Video (Context, Reducer, Dispatch, Memo)
By LearnWebCode
Published: May 16, 2022“
Let’s learn about “state” in React. My premium courses and coupons: https://learnwebcode.com/courses/
GitHub link for this video: https://github.com/LearnWebCode/react…
0:00 Intro
- 2:12 Getting Started (First Example)
- 19:12 Multiple Components
- 33:12 Context
- 48:05 Caveat (Unintentional Renders)
- 1:02:19 Reducer
- 1:24:14 Don’t Make Everything Global
Follow LearnWebCode for updates on new videos or projects:
- Instagram: https://www.instagram.com/javaschiff/
- Twitter: https://twitter.com/learnwebcode
- Facebook: https://www.facebook.com/Brad-Schiff-…
- Twitch: https://www.twitch.tv/learnwebcode
”
Tag: javascript
[#Script #Coding] JavaScript Game Development Course for Beginners
JavaScript Game Development Course for Beginners
By freeCodeCamp.org
Published: Jul 28, 2022“
Learn to make 2D games with HTML, CSS & plain vanilla JavaScript, no frameworks and no libraries! From sprite animation to state management, in this series of projects, you will learn everything you need to make your own 2D animated games! We will go step by step explaining each technique on a small standalone codebase and then we will use everything we learned to make a single final game.
Course by Frank’s Laboratory. https://www.youtube.com/c/Frankslabor…
”
[#Script #Coding] Real-Time GPS User Tracking Geolocation API JavaScript Programming
Real-Time GPS User Tracking Geolocation API JavaScript Programming
By Adam Khoury
Published: Jun 10, 2022“
Track location, speed, heading and altitude in real-time or as a one-shot request for a user. Add the pieces of data to your database, then recall the data when needed to show their position markers on a map of your choosing.
”
[#Script #Coding] Learn React by Building an eCommerce Site – Tutorial
Learn React by Building an eCommerce Site – Tutorial
By freeCodeCamp.org
Published: Oct 27, 2021“
Learn React by building an e-Commerce application with Class Components.
You will learn component basics, rendering various items in components, parent-to-child component communication, lifecycle methods, forms, REST-API calls with JSON server, and basic routing.Source code: https://github.com/webuniversity/react-free-code-camp
This course was developed by Mr. Harsha Vardhan. Check out his Youtube channel: https://www.youtube.com/c/harshaglobal
Complete React course with Hooks and Redux by Harsha Vardhan:
https://www.udemy.com/course/react-fo…Course Contents
- (0:00:00) Introduction
- (0:03:45) What is React
- (0:12:52) Understanding Components
- (0:19:05) Create New React App
- (0:29:41) React React App From Scratch
- (0:44:19) Load Bootstrap
- (0:52:14) Create React Components
- (1:07:55) Add CSS Styles
- (1:11:10) Add Bootstrap NavBar
- (1:18:22) Fix Error – DOM property class
- (1:21:54) Nested Components
- (1:35:35) Render Expressions
- (1:41:31) Handle Events
- (1:47:11) Update Component State
- (1:51:58) Render List
- (2:00:13) Render Conditionally
- (2:05:53) Render Methods
- (2:13:46) Render Images
- (2:18:32) Render CSS Styles
- (2:25:19) Render CSS Classes
- (2:29:36) Pass Event Arguments
- (2:40:57) Render Child Components
- (2:49:58) Props
- (3:02:48) Props vs State
- (3:12:11) Props.Children
- (3:16:15) Handle Child Events
- (3:41:59) Delete Child Components
- (3:52:57) Life Cycle Phases of Components
- (3:57:22) Mounting Phase
- (4:07:45) Updating Phase
- (4:17:16) Unmounting Phase
- (4:22:10) Life Cycle of Child Components
- (4:30:02) Error Handling Phase
- (4:36:16) Basic Form
- (4:45:01) Two-Way Binding
- (4:56:36) Form Submit Button
- (5:04:51) HTTP Requests
- (5:18:09) Async and Await
- (5:25:28) Login Form with HTTP Request
- (5:34:00) Basic Routing
- (5:40:15) “404” Page
- (5:43:51) Switch
- (5:45:20) Link
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
”
[#Script #Coding] Code a Squid Game JavaScript Game Using Three.js – Tutorial for Beginners
Code a Squid Game JavaScript Game Using Three.js – Tutorial for Beginners
By freeCodeCamp.org
Published: Nov 09, 2021“
Learn how to use JavaScript and Three.js to create the Red Light/Green Light game from the TV show Squid Game. This is a beginner-friendly game development tutorial.
- Doll 3D model: https://sketchfab.com/3d…
- Code: https://github.com/0shuvo0/squidgame
- Course created by Angle Brace. Check out their channel: https://www.youtube.com/c/AngleBrace
Course Contents
- (00:00) Intro
- (01:30) Setup
- (03:40) Three.js Basics
- (09:38) Loading 3D Model
- (15:46) Doll Class
- (18:56) GSAP Animation
- (20:58) Creating Track
- (27:53) Player Class
- (31:46) Keypress Handling
- (35:32) Functioning the Doll
- (38:13) Game Logic
- Learn to code for free and get a developer job: https://www.freecodecamp.org
- Read hundreds of articles on programming: https://freecodecamp.org/news
- And subscribe for new videos on technology every day: https://youtube.com/subscription_cent…
”
[#Script #Coding] Redux Toolkit Tutorial – JavaScript State Management Library
Redux Toolkit Tutorial – JavaScript State Management Library
By freeCodeCamp.org
Published: Apr 20, 2022“
Learn how to use Redux Toolkit in this course for beginners. Redux Toolkit is from the Redux team and tt is intended to be the standard way to write Redux logic. So if you want to learn Redux to help with state management, this is the video for you.
- Code: https://github.com/john-smilga/redux-toolkit-tutorial
- Course developed by John Smilga. Check out his YouTube channel: hhttps://www.youtube.com/channel/…
”
[#Script #Coding] Do You Need To Know Web Dev To Become A Web3 Developer? With Hashlips
Do You Need To Know Web Dev To Become A Web3 Developer? With Hashlips
By codeSTACKr
Published: Mar 25, 2022“
Go check out Daniel aka Hashlips YouTube channel for more NFT/Web3 content: https://www.youtube.com/c/HashLipsNFT
Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://youtu.be/XiQ9rjaa2OwToday I have a special guest on the channel, Daniel aka Hashlips. We discuss whether we think you need to be a web developer before becoming a web3 developer. Knowing web development technologies like HTML, CSS, JavaScript, and React will give you a big advantage when learning web3 technologies like Solidity. Jumping right into learning web3 without knowing the basics could be very frustrating.
Here are some videos that could be helpful:
- HTML: https://youtu.be/XiQ9rjaa2Ow
- HTML: https://youtu.be/ZZRTUpRzETo
- CSS: https://youtu.be/Tfjd5yzCaxk
- CSS: https://youtu.be/9JnRBvcKWbw
- JavaScript: https://youtu.be/d5ob3WAGeZE
”
[#Script #Coding] JavaScript Programming – Full Course
JavaScript Programming – Full Course
By freeCodeCamp.org
Published: Jun 21, 2021“
Learn JavaScript from scratch by solving over a hundred different coding challenges. Go here for the interactive browser version: https://scrimba.com/learn/learnjavascript
** Code **
Two versions:
- Interactive version: https://scrimba.com/learn/learnjavascript
- GitHub repo: https://github.com/scrimba/learn-javascript
Created by Per Harald Borgen. Per on Twitter: https://twitter.com/perborgen
”
[#Script #Coding] Java Beginner Course – Get Started Coding with Java!
Java Beginner Course – Get Started Coding with Java!
By freeCodeCamp.org
Published: Mar 25, 2021“
Learn how to start programming in Java in this beginners course.
What you will learn:
- The absolute basics of getting started with Java
- Understand the components of the Java platform (JVM, JDK, JRE)
- Be able to install the JDK and set it up to write Java programs
- Be able to install an IDE to program in Java
- Understand the basics of an IDE and the features it offers to help with Java programs
- Have a feel and appreciation for Java and want to take it further!
This course was created by Matt Speake. Check out his other amazing courses: https://courses.javaeasily.com
”
[#Script #Coding] Learn JavaScript by Building 7 Games – Full Course
Learn JavaScript by Building 7 Games – Full Course
By freeCodeCamp.org
Published: Feb 28, 2022“
Learn JavaScript by building 7 retro games.
Ania Kubów created this course. Check out her channel: https://www.youtube.com/aniakubow
GitHub Links:
- Rock Paper Scissors: https://github.com/kubowania/rock-paper-scissors-x3
- Memory Game: https://github.com/kubowania/memory-game
- Whac-a-mole: https://github.com/kubowania/whac-a-mole
- Breakout: https://github.com/kubowania/breakout
- Frogger: https://github.com/kubowania/Frogger
- Connect Four: https://github.com/kubowania/connect-…
- Space Invaders: https://github.com/kubowania/space-in…
”
