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: coding
[#Script #Coding] Build a Live Stream Flutter App – Android & iOS Course
Build a Live Stream Flutter App – Android & iOS Course
By freeCodeCamp.org
Published: Mar 07, 2022“
In this course, we will build a live streaming app that allows you to stream with friends and be able to control their audio, video, and whether they are visible overall. On top of that this app will be able to push this stream out to most streaming platforms including Youtube and Twitch. This is a more intermediate course that requires basic knowledge about Flutter and State Management. Linked below are some resources for those not comfortable.
Code: https://github.com/tadaspetra/flutter…
Tadas Petra created this course.
Tadas Youtube: https://www.youtube.com/channel/UCNaJ…
Agora Youtube: https://www.youtube.com/channel/UCjPZ…Thanks to Agora for providing a grant to make this course possible. You can learn more about them at https://www.agora.io
- Blog For this Video: https://www.agora.io/en/blog/live-str…
- Learn about Flutter: https://www.youtube.com/c/Freecodecam…
- Basics of Agora: https://www.youtube.com/playlist?list…
- Basics of Riverpod: https://www.youtube.com/watch?v=8qzip…
Course Contents
- (0:00:00) Introduction
- (0:01:05) App Explanation
- (0:02:34) State Management
- (0:04:29) Agora Explained
- (0:04:58) Initializing App
- (0:05:33) Agora UI Kit
- (0:09:14) Initialize RTM and RTC
- (0:11:06) Architecture
- (0:13:30) Building Home Screen
- (0:19:46) Basic Agora Live Video
- (0:30:55) Creating a UID
- (0:40:14) Setting up State
- (0:48:53) Joining the Live Stream
- (1:08:52) Control User Audio and Video
- (1:31:49) Output to Streaming Platforms
- (1:52:12) Final Showcase
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] Stardew Valley Game Clone with Python and Pygame – Full Course
Stardew Valley Game Clone with Python and Pygame – Full Course
By freeCodeCamp.org
Published: Aug 15, 2022“
Create a Stardew Valley style game with Python and Pygame. This includes farming and foraging, a day and night cycle, weather effects, and a merchant. The game was also made in Tiled so you can expand it yourself.
Christian from Clear Code created this game. Check out his channel: https://www.youtube.com/c/ClearCode
Project files: https://github.com/clear-code-project…
Links to related pygame videos:
- Ultimate introduction to Pygame – https://www.youtube.com/watch?v=AY9Mn…
- Delta time in pygame – https://www.youtube.com/watch?v=rWtfC…
- Masks in pygame – https://www.youtube.com/watch?v=uW3Fh…
- Collisions – https://www.youtube.com/watch?v=W9uKz…
- Tiled – https://www.youtube.com/watch?v=N6xqC…
- Cameras – https://www.youtube.com/watch?v=u7LPR…
Course Contents
- (0:00:00) Intro
- (0:02:08) Setup
- (0:10:34) Creating the basic player
- (0:30:04) Importing the player graphics
- (0:43:14) Animating the player
- (0:53:47) Tool use
- (1:09:19) Switching between tools
- (1:21:42) Creating the overlay
- (1:32:35) Starting the camera and importing the floor
- (1:51:05) Importing all elements and faking more 3D
- (2:19:07) Collisions
- (2:42:44) Working on the trees
- (3:06:57) Particles
- (3:16:47) Player inventory
- (3:22:12) Restarting the day
- (3:46:15) Starting the soil
- (4:12:44) Soil patch graphics
- (4:33:06) Watering logic
- (4:43:34) Rain
- (5:03:51) Creating the plants
- (5:25:11) Harvesting
- (5:33:08) Daytime transition
- (5:41:19) The merchant
- (6:24:01) Audio (+ some final fixes )
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] 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] Learn Terraform with Azure by Building a Dev Environment – Full Course for Beginners
Learn Terraform with Azure by Building a Dev Environment – Full Course for Beginners
By freeCodeCamp.org
Published: Jun 29, 2022“
This project will guide you through Terraform basics as you utilize Visual Studio Code (on Windows, Mac, or Linux!) to deploy Azure resources and an Azure VM that you can SSH into to have your own redeployable environment that will be perfect for your own future projects!
Derek Morgan created this course. Check out more of his courses at: https://morethancertified.com
LinkedIn: https://linkedin.com/in/derekm1215
Twitter: https://twitter.com/derekm1215Course Contents
- (0:00:00) Intro
- (0:01:51) VSCode Setup
- (0:05:24) Terraform Provider Init
- (0:11:26) A Resource Group
- (0:16:57) A Virtual Network and Referencing other Resources
- (0:23:29) Terraform State
- (0:27:17) Terraform Destroy
- (0:30:29) A Subnet
- (0:35:36) A Security Group
- (0:41:51) Security Group Associations
- (0:44:00) A Public IP
- (0:47:40) A Network Interface
- (0:52:45) A Key Pair
- (0:57:57) Custom Data
- (1:02:24) SSH Config Scripts
- (1:05:56) The Provisioner
- (1:14:53) Data Sources
- (1:19:04) Outputs
- (1:23:09) Variables
- (1:26:41) Variable Precedence
- (1:31:09) Conditionals
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] Learning to code is HARD – Unless you do this!
Learning to code is HARD – Unless you do this!
By codeSTACKr
Published: Jul 09, 2022“
“Ten++ Ways to Make Money as a Developer” eBook:
Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZLearning to code can seem very hard. You might think that you are spinning your wheels and not getting anywhere. You’ve watched videos, taken courses, and built the projects you were told to build, but it’s just not clicking!
I have the solution for you.. BUILD, BUILD, BUILD
Here are some app ideas
- RGB generator
- Tip calculator
- Weather app
- portfolio
- Todo
- tic tac toe
- social platform (twitter clone)
- The best ideas come from solving issues that you personally face.
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
”
[#Script #Coding] Code a 2D Game Engine using Java – Full Course for Beginners
Code a 2D Game Engine using Java – Full Course for Beginners
By freeCodeCamp.org
Published: Jan 03, 2022“
Learn how to program a 2D game engine from scratch using the Java Programming Language. You will use the game engine to create a Super Mario Clone but the engine can be used to create other games as well.
Code: https://github.com/codingminecraft/MarioYoutube/tree/master
Course created by GamesWithGabe. Check out his channel: https://www.youtube.com/channel/UCQP4…Part 2 (final hour of this course): https://youtu.be/roPRqEQZFu8
Course Contents
- (00:00:06) Introduction
- (00:07:54) Setting up the Window with LWJGL
- (00:25:20) Adding Event Listeners with GLFW
- (00:51:42) Creating a Scene Manager & Delta Time Variable
- (01:11:26) How OpenGL Graphics Programming Works
- (01:32:53) Drawing the First Square
- (02:02:56) Regexes and Shader Abstraction
- (02:24:25) Game Camera OpenGL
- (02:47:47) GLSL Shaders
- (03:08:45) Texture Loading in LWJGL3
- (03:36:02) Entity Component System
- (04:06:25) Batch Rendering in LWJGL3
- (04:50:00) Resource Management in LWJGL3
- (05:05:30) Texture Batching
- (05:38:48) Spritesheets
- (06:01:12) Dirty Flags in Rendering
- (06:23:17) Alpha Blending and Z-Indexing
- (06:38:56) Integrating ImGui
- (07:01:56) ImGui Fonts and Scene Integration
- (07:19:43) Serialization with Gson
- (07:42:48) Deserialization with Gson
- (08:06:03) Exposing Variables to the Level Editor
- (08:25:29) Converting Screen Coords to World Coords
- (08:49:27) Drag ‘N Drop Level Editor
- (09:15:25) Debug Drawing Functions
- (09:47:35) Snap To Grid Tool
- (10:10:25) Debug Drawing Boxes and Circles
- (10:28:58) Framebuffers in OpenGL
- (10:52:56) ImGui Docking in Java LWJGL
- (11:11:55) Adding a Game Viewport
- (11:34:51) Mouse Screen Coordinates to Game Viewport Coordinates
- (11:50:01) Pixel PERFECT Mouse Picking
- (12:23:39) Enabling Mouse Picking and Code Maintenance
- (12:35:16) Editor Camera Controls with Lerp
- (13:01:48) Coding Gizmos
- (13:31:03) Translate and Scale Gizmo
- (14:04:29) Properties Panel
- (14:33:53) Integrating JBox2D in our Engine
- (14:54:53) Event System and Box2D Physics
- (15:19:09) Adding an Engine Runtime (Play/Stop Buttons)
- (16:10:10) Refactoring and Physics
- (16:40:28) Font Rendering
- (16:43:34) Beginning Scene Hierarchy & ImGui Upgrade
- (17:00:38) Scene Panel Drag & Drop (ImGui)
- (17:18:31) Even More Bug Fixing
- (17:44:51) 2D Animations
- (18:18:29) Sounds with OpenAL
- (18:44:27) Improving the Editor
- (19:21:24) How to Use Box2D Physics
- (20:06:12) Pillbox Colliders and Player Controllers
- (20:45:32) Variable Length Jumps
- (21:25:28) Powerups
- (21:51:52) Goomba AI
- (22:29:59) Mario Pipes & Editor Improvements
- (23:01:59) Game Camera & Grid Lines
- (23:28:28) Mario Turtle AI
- (https://youtu.be/roPRqEQZFu8) Adding Flag Poles to Mario
- (https://youtu.be/roPRqEQZFu8) Fireballs and Bug Fixes
- (https://youtu.be/roPRqEQZFu8) The LAST Episode and Distributing your Game
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] 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] NEW!! Web Developer Roadmap 2022 | Ultimate Guide To Starting A Career In Web Development
NEW!! Web Developer Roadmap 2022 | Ultimate Guide To Starting A Career In Web Development
By codeSTACKr
Published: Dec 18, 2021“
FREE 2022 Web Development Roadmap: https://courses.codestackr.com/2022-web-dev-roadmap
All of the resource links from the video are in the roadmap.
Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
“Ten++ Ways to Make Money as a Developer” eBook:
_____________________________________With so many web dev technologies and languages out there, it can be overwhelming to get started in web development. And if you are already a web developer you may find it difficult to keep up with new technology and trends. This web development roadmap will help guide you in deciding what technology and languages you should learn about in 2022 and beyond. We will cover all of the most popular languages and technology, focusing on full-stack web development. We will also look at the current trends to look out for in 2022. There’s no better time to start than now!
If you are just starting out or even thinking about starting a career in web development, look no further. This ultimate roadmap and complete guide will help you understand what you should be focusing your time on.
Tools I use:
- codeSTACKr VS Code Theme: https://marketplace.visualstudio.com/…
- STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
- SuperHero Extension Pack: https://marketplace.visualstudio.com/…
Timestamps
- 00:00 – Intro
- 01:43 – Top Skill to Learn
- 02:29 – How The Internet Works
- 02:49 – Basic Tools
- 04:37 – Coding Languages
- 06:57 – Terminal
- 07:17 – Version Control
- 07:48 – Hosting & Deployment
- 08:25 – Front-end Developer
- 08:41 – Back-End Development with Node.js
- 09:18 – APIs
- 10:03 – Databases
- 12:13 – JavaScript Frameworks
- 13:57 – CSS Frameworks
- 14:22 – Authentication
- 14:50 – Content Management Systems (CMS)
- 15:46 – Full-stack Developer
- 16:11 – Soft Skills & Personal Development
- 16:55 – Other, Optional Tech
- 21:08 – Never Stop Learning & Never Give Up!!
Show support!
- PayPal: https://paypal.me/codeSTACKr
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
[READ MORE]”
