Tag: javascript

[#Script #Coding] JavaScript Variables

Posted on by Eric Brooks

JavaScript Variables

By codeSTACKr
Published: Aug 26, 2022

“
codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

JavaScript variables are explained quickly!

JavaScript variables are explained quickly!

[READ MORE]

”

[#Script #Coding] Self-Driving Car with JavaScript Course – Neural Networks and Machine Learning

Posted on by Eric Brooks

Self-Driving Car with JavaScript Course – Neural Networks and Machine Learning

By freeCodeCamp.org
Published: May 12, 2022

“
freeCodeCamp.org Learn how to create a neural network using JavaScript with no libraries. In this course you will learn to make a self-driving car simulation by implementing every component step-by-step. You will learn how to implement the car driving mechanics, how to define the environment, how to simulate some sensors, how to detect collisions, and how to make the car control itself using a neural network.

The course covers how artificial neural networks work, by comparing them with the real neural networks in our brains. You will learn how to implement a neural network and how to visualize it so we can see it in action.

Dr. Radu Mariescu-Istodor created this course. Check out his channel: https://www.youtube.com/channel/UC3XG…

Code: https://github.com/gniziemazity/Self-…

    Course Contents

  • (0:00:00) Intro
  • (0:03:44) Car driving mechanics
  • (0:32:26) Defining the road
  • (0:50:50) Artificial sensors
  • (1:10:07) Collision detection
  • (1:23:20) Simulating traffic
  • (1:34:57) Neural network
  • (2:03:10) Parallelization
  • (2:18:31) Genetic algorithm
  • (2:29:40) Ending

”

[#Script #Coding] Best VS Code Extension for JavaScript Console Logging

Posted on by Eric Brooks

Best VS Code Extension for JavaScript Console Logging

By codeSTACKr
Published: Dec 28, 2022

“
codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

Even though console log may not always be the best way to debug JavaScript, we all use it. So, install the Turbo Console Log extension in VS Code to turbo charge your logs. Select any variable that you want to log, press CTRL+Alt+L (for log) and it will automatically add the log for you.

Not only does it add a log, but it adds to it the file, variable name, and the variable value to make them easy to find in the console. You can customize what’s included in each log in the settings. But that’s not even the best feature of this extension. You can press ALT+Shift+C to comment all log messages in a file.

ALT+Shift+U to uncomment all logs in a file.

And when you’re done debugging, press ALT+Shift+D to delete all logs in the file so no one will ever know you were using console logs to debug!

”

[#Script #Coding] VS Code Extension: Template String Converter

Posted on by Eric Brooks

VS Code Extension: Template String Converter

By codeSTACKr
Published: Dec 19, 2022

“
codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

Do you find yourself constantly having to convert strings to template strings so that you can include variables in JavaScript?

The Template String Converter extension in VS Code makes this a breeze!

After you’ve installed it, just start typing a ${ in any single or double quote string and it will automatically convert the string to use backticks!!

You’re welcome!

Tools I use:
codeSTACKr Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

Show support!
PayPal: https://paypal.me/codeSTACKr

Watch Next:
Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt

Connect With Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr

”

[#Script #Coding] React JavaScript Framework for Beginners – Project-Based Course

Posted on by Eric Brooks

React JavaScript Framework for Beginners – Project-Based Course

By freeCodeCamp.org
Published: Aug 31, 2022

“
freeCodeCamp.org Learn React in this full course for beginners. React is one of the most popular JavaScript frameworks and this course is the perfect place to start your learning journey. You will learn everything you need to know to get started with React by building three different projects.

We brought together three popular teachers for this course so you can learn from multiple perspectives.

You can code React all in a web browser using Replit. Replit provided a grant that made this course possible.

https://join.replit.com/react-students

    Part One
    Contents

  • (0:00:00) Course Introduction
  • (0:02:03) Introduction, part 1
  • (0:06:15) What is Replit
  • (0:07:50) What is React
  • (0:08:23) Create a Repl
  • (0:11:29) Create Functional Components
  • (0:18:02) Install Bootstrap 5
  • (0:22:49) Implement the useState Hook in a Functional Component
  • (0:29:16) Upload Image Files to Replit
  • (0:33:28) Create JSX Code to Render Bootstrap Cards for Employees
  • (0:40:49) Create Teams DropDown List
  • (0:45:03) Use JavaScript Events to Set State
  • (0:54:26) Move State Related Functionality to the App Component
  • (0:56:48) Understanding Props
  • (1:04:41) LocalStorage and the useEffect Hook
  • (1:11:47) Routing, react-router-dom package, Navigation
  • (1:25:25) Create Employee Component
  • (1:38:03) Abstract Responsibilities Into Functional Components
  • (1:46:14) Implement Media Queries
  • (1:47:04) Using Context to Reduce or Avoid Prop Drilling
  • (1:48:50) Course Wrap up
  • (1:49:15) Introduction, part 2
  • (1:53:12) Setup
  • (2:08:03) Context API
  • (2:30:46) Data Fetching
  • (2:42:08) Meals Component
  • (3:38:29) Search Component
  • (4:10:11) Modal Component
  • (4:43:04) Favorites Component
  • (5:14:27) Introduction, part 3
  • (5:20:32) Initialize Project
  • (5:22:48) React Router
  • (5:30:23) Fetching Data From API
  • (5:49:46) Multiple Requests with Promise.all()
  • (5:54:05) Map Method for rendering lists
  • (6:04:12) Rendering Table of Stocks
  • (6:09:12) Color Coding data
  • (6:16:55) Autocomplete Search Component
  • (6:39:12) Context API
  • (6:59:40) Navigating Between Pages
  • (7:03:52) Fetching Historical Data
  • (7:25:22) Formatting Data
  • (7:31:31) Working with Charts
  • (7:44:18) Chart Time Toggle
  • (7:58:54) Delete Stock (Event Propagation)
  • (8:05:26) Stock Data
  • (8:16:52) Local Storage

”

[#Webdesign #Coding] Code a Game Using React + Data Fetching with useEffect

Posted on by Eric Brooks

Code a Game Using React + Data Fetching with useEffect

By LearnWebCode
Published: Jul 19, 2022

“
LearnWebCode Let’s build a dog guessing game that fetches data from an API. My premium courses and coupons: https://learnwebcode.com/courses/

GitHub starter link: https://github.com/LearnWebCode/vite-…
GitHub Finished Product Reference: https://github.com/LearnWebCode/react…

    CONTENTS:

  • 0:00 Intro
  • 1:42 Starter Setup
  • 3:05 Fetching Dog API Data
  • 7:36 useEffect Data Fetching / Strict Mode
  • 16:22 Getting Data Ready for Questions
  • 24:36 State with Immer Reducer
  • 36:52 Creating Questions
  • 41:46 The JSX Game Interface
  • 48:32 Game Logic
  • 53:48 Time Clock & Hearts UI
  • 1:02:38 Game Over Screen
  • 1:11:07 Actually Counting Down Time
  • 1:17:01 Preload Images
  • 1:19:58 High Score Local Storage

”

[#Script #Coding] Top 30 React Interview Questions and Concepts

Posted on by Eric Brooks

Top 30 React Interview Questions and Concepts

By freeCodeCamp.org
Published: Sep 12, 2022

“
freeCodeCamp.org Prepare for a React interview or improve your React skills by learning about 30 common React JS interview questions and concepts.

Nishant Singh developed this course. Check out his channel: https://www.youtube.com/c/Cybernatico…

    Course Contents

  • (0:00:00) Introduction
  • (0:00:43) Map and Filter
  • (0:20:06) States in React
  • (0:33:33) Props in React
  • (0:40:34) Inline Conditional Expressions
  • (0:52:04) Event Handling in React
  • (0:57:41) Keys in React
  • (1:03:25) Forms in React
  • (1:18:04) Dynamic Inputs in React
  • (1:26:02) CSS Styling in React
  • (1:36:47) Uncontrolled v/s Controlled Components
  • (1:44:10) Virtual DOM
  • (1:46:05) InnerHTML in React
  • (1:55:23) React Fragments
  • (2:00:02) Stateless v/s Stateful Components
  • (2:01:57) REST API Requests
  • (2:27:05) Debouncing in React
  • (2:38:43) Context API in React
  • (2:49:33) Class v/s ClassNames in React
  • (2:52:59) Higher Order Components
  • (3:06:18) Lazy Loading in React
  • (3:14:34) Helper Functions in React
  • (3:24:21) Implementing Recursion in React
  • (3:27:10) Running Arrays of Functions
  • (3:33:08) Custom Hooks in React
  • (3:37:22) Promises and Async/Await
  • (3:51:52) Code Splitting in React(Dynamic Imports)
  • (3:58:18) Creating a Search Filter in React
  • (4:13:10) Adding TypeScript to React
  • (4:16:36) React Testing Library
  • (4:30:41) Caching an API Response

”

[#Script #Coding] What is JavaScript? Click to watch more…

Posted on by Eric Brooks

What is JavaScript? Click to watch more…

By codeSTACKr
Published: Aug 19, 2022

“
codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

JavaScript explained quickly!

”

[#Script #Coding] Build an Instagram Clone with React Native, Firebase Firestore, Redux, Expo – Full Course

Posted on by Eric Brooks

Build an Instagram Clone with React Native, Firebase Firestore, Redux, Expo – Full Course

By freeCodeCamp.org
Published: Dec 22, 2020

“
freeCodeCamp.org Learn how to build an Instagram clone using React Native, Firebase Firestore, Firebase storage, Redux, and Expo. The app includes an authentication system, database, storage, and more.

Code: https://github.com/SimCoderYoutube/InstagramClone

Course from SimCoder. Check out their channel: https://www.youtube.com/channel/UCQ5xY26cw5Noh6poIE-VBog

    Course Contents

  • (0:00:00) Introduction
  • (0:02:28) Setting up React Native Expo
  • (0:16:34) Auth System With Firebase and React Native
  • (0:56:33) Save Data Using Firebase And Redux
  • (1:29:05) Handling Navigation on React Native
  • (1:49:43) Using Camera And Image Gallery With React Native
  • (2:12:57) Saving An Image Post Using Firebase Firestore and Firebase storage
  • (2:42:38) Displaying User Profile With Firebase Firestore
  • (3:11:57) Search User By Similar Name with Firebase Firestore
  • (3:36:00) Follow System Using Firestore And React Native
  • (3:55:42) Post Feed System With Firebase and React Native
  • (4:27:48) Logout Firebase Auth And Redux React Native
  • (4:35:24) Adding User Comments To Posts W/ Firebase Firestore
  • (5:14:00) Like System Using Firestore
  • (5:47:25) Redesign Release

”

[#Script #Coding] Instant Preview for Image Upload Applications JavaScript Tutorial

Posted on by Eric Brooks

Instant Preview for Image Upload Applications JavaScript Tutorial

By Adam Khoury
Published: Jan 20, 2022

“
Adam Khoury In this video Adam demonstrates how to provide instant image preview that you can give your users in any upload applications. There may be an occasion where you want to allow the user to see or manipulate the object before it is uploaded to your server.

”

Proudly powered by WordPress
Creative Commons License
EricBrooks.Com® is licensed under a Creative Commons License.

Disclaimer: The views expressed herein are solely those of Eric Brooks. They do not necessarily reflect those of his employers, friends, contacts, family, or even his pets (though my cat, Puddy, seems to agree with me on many key issues.). In accordance to my terms of use, you hereby acknowledge my right to psychoanalyze you, practice accupuncture, and mock you incessantly with every visit. As the user, you also acknowledge that the author has been legally declared a "Problem Adult" by the Commonwealth of Pennsylvania, and is therefore not responsible for any of his actions. ALSO, the political views and products advertised on this site may/may not reflect the views of Puddy or myself, so please don't take them as an endorsement. We just need to eat.

Connect