JavaScript Zero to Hero 2023

Explore strings and numbers in JavaScript, distinguishing text inside quotes from numeric values, and see how strings cannot perform calculations while numbers support operations.

Learn how to declare and define variables in JavaScript, and how to modify their values, with examples of browser execution order and variable scope.

Learn the basics of conditional statements and how they drive decision making in your application, illustrated by options when a bookstore is closed.

Explore nested if logic to decide which programming book to buy when a bookstore is open. Prioritize the Python book, then JavaScript, with fallbacks if neither is available.

Explore how the return statement differs from printing in a JavaScript function, and see how returning a value lets you save it in a variable for later use.

Discover JavaScript string methods like trim, length property, and replace to manipulate text, remove surrounding spaces, and measure characters.

Learn how to modify array data by updating elements, replacing a value at a specific index (for example Jupiter at index three with sun), and adding new values.

Learn core array methods in JavaScript, including sort, reverse, push, shift, concat, and toString, and see how ascending versus descending order shapes data with solar system examples.

Discover how to declare JavaScript objects with curly braces and named properties, and how objects differ from arrays by using keys and values.

Access arrays inside an object using dot access to reach properties like good stuff and bad stuff, then iterate with forEach to manipulate the data.

Learn how to locate elements in an array using findIndex and find, compare first-match results with found data, and see strings and objects in practical examples.

Master using the array find method to retrieve a full object by a property value, instead of its index, and apply this to real-world data like planet records.

Explore how the for loop controls iteration in JavaScript, using a counter from 0 to 9 to print a paragraph and demonstrate repeated output with console log and document.write.

Explains the for loop in JavaScript, detailing its three expressions—initialization, condition, and increment—and where the loop body executes. Learn to prevent endless loops by ensuring the increment changes the condition.

Explore reverse for loops in JavaScript by documenting each iteration, adjusting the loop condition with decrement and increment operators, and ensuring the counter moves from 1 toward -10 before stopping.

Explain how the do while loop initializes a counter, runs the body before checking the condition, and can use increment or decrement, with practical examples and iteration patterns.

Master how to create a simple multiplication table with a for loop in JavaScript, using let for block scope, and render results from 1 to 10 in the browser.

Explore nested loop tables in JavaScript by pairing an outer loop with an inner loop to build a multiplication table using html table elements and document.write.

Learn how to use the continue and break statements in JavaScript loops to skip values and stop iterations, with practical for loop examples.

Master template literals in JavaScript by replacing concatenation with backticks, embedding expressions with ${}, and building strings from variables such as first name, last name, and profession.

Explore array destructuring in JavaScript, learn how to structure and assign array elements to variables, and see how the rest and spread operators support flexible data handling.

Master the spread and rest operators, learn how spread opens an array into elements while rest collects arguments into an array, and apply these patterns to data in React.

Set up the React environment by choosing between adding React to an HTML page or installing it via npm with Node.js.

Explore the React project structure by examining package.json, node_modules, and npm scripts; learn how public/index.html, root div, and the main app component boot the app via index.js.

Learn to run a React app locally with npm start and view it at localhost:3000. Create a simple arrow-function component in app.js with JSX, export it, and import CSS.

Explore how G6 lets you write HTML inside JavaScript, using className instead of class, camelCase attributes, and embedding expressions and variables to render dynamic content.

Create a simple webpage with a few steps by building a single page in notepad, saving as index.html, and viewing it in a browser to begin your web development journey.

Compare Visual Studio Code and Sublime Text as ide options, noting color coding, file and folder panels, and extensions, plus straightforward installation on Windows, macOS, and Linux.

Learn how to set up Visual Studio Code, open a folder, and create and manage multiple files to build a web page with an index.html.