Javascript Mastery course theory and application Certified

Explore JavaScript variables by declaring strings, numbers, booleans, and objects with let, var, and const. Link JavaScript to HTML, test with console.log, and review redefinition rules.

Explore core JavaScript data types including strings, numbers, booleans, arrays, undefined, null, and objects, with let usage, comments, and the difference between dot notation and bracket notation.

Define a function named 'great brain function' with parentheses and curly brackets, then call it and log values with console.log. Use inspect to view the console output.

Define a brain function with parameters, log strings inside the function body with console.log. Use multiple parameters and a zero or custom value to avoid undefined.

Learn how JavaScript returns values through return statements, including strings, numbers, booleans, objects, and functions; understand why code after return won’t run and how to use parentheses to execute results.

Explore JavaScript scoping, including global scope and block scope, and how var and let affect visibility. See hoisting and undefined behavior through examples like pasta and drumsticks in console logs.

Explore the browser utility functions alert, confirm, and prompt in JavaScript; learn how alerts display messages, how confirm returns true or false, and how prompt captures input and logs results.

Learn to create and manipulate JavaScript objects with curly braces, access properties via dot and bracket notation, console.log values, add or delete keys, and handle undefined values.

Explore how arrays compare to objects in JavaScript, access items with zero-based indices, inspect their length using console.log, and see how adding elements by index differs from object properties.

Explore how arrays compare to objects in JavaScript, including zero-based indexing, array literals, accessing elements with indices, and the length property shown by console log outputs.

Master switch case syntax by exploring case blocks, default handling, and the role of breaks, using age examples and console logs to demonstrate how control flows through cases.

Explore JavaScript maths operators, including addition, subtraction, multiplication, division, exponential, and increment and decrement, demonstrated via console log examples with numbers three and two.

Explore JavaScript logical operators, including and, or, and not, through practical examples with if statements, booleans, and console.log outputs to control purchase decisions.

Set up a JavaScript maths quiz by creating HTML, CSS, and main.js files in a project folder, linking CSS and JavaScript in index.html, and saving changes to run it.

Create a dynamic quiz generator that builds math problems by randomly selecting numbers from 1 to 10 and an operator of plus, minus, or multiply, via a generate problem function.

Test the newly updated function by inspecting the page in Google Chrome's console, confirming random numbers and a plus operator render correctly, then proceed to build the interface.

Store problem data as you solve, generating random problems with a generate problem function. Update the HTML UI using a problem element and state.currentProblem to show numbers and operator.

Install the live server extension from the terminal on port five thousand five hundred for live updates on local host. Replace drag-and-drop with automatic refresh as you edit.

Create a form on the index page, assign the dash form class, add a text input with the field class, and include a submit button to capture answers.

Master preventing the form’s default behavior by wiring a submit handler with addEventListener and event.preventDefault in JavaScript to stop refresh and keep user input intact.

Define variables and an if-else algorithm to check answers for addition, subtraction, and multiplication. Parse the input, compare to the correct answer, and alert correct or wrong.

Implement a browser quiz point system by tracking correct and wrong answers, updating points needed and mistakes allowed via DOM selectors and state.

Learn to build a JavaScript quiz that updates the score on correct answers, tracks mistakes, auto-advances questions, clears the input after submission, and ends when the score reaches zero.

Build a reset game function with win and loss logic, manage state and scoring, and show alerts like congrats you won or sorry you lost to restart.

Style a css progress box by importing a Google font, applying it to the page, and building a ten box progress bar with flex layout and borders.

Explore styling and UI design by building a dynamic progress bar with CSS and JavaScript, including opacity, colors, transform-origin, and a render progress function to update scaleX and reset logic.

Link the progress bar with JavaScript to animate the HTML element using transform and scaleX, render progress with a reusable function, and reset the bar for new quizzes.

Create a win overlay for a browser quiz game using html css and javascript, including an animated message and a start again button.

Explore building an interactive JavaScript maths quiz with animated feedback using keyframes in css, including handling wrong answers, delays, and reset logic to show right or wrong states.

Learn to replace alerts with an on-screen end message via an overlay that shows win or lose text and a reset button to restart.

Build a Whack-a-star game with HTML structure, CSS styling, and JavaScript scripting. Set up a Visual Studio Code project with index.html, style.css, and script.js, including score and countdown.

Master CSS styling on an HTML page by centering an 800 by 600 bordered wrapper with top 50% left 50% positioning, then style a large centered heading and a countdown.

Style a bordered arcade-style game screen by applying a background image and using absolute positioning with translate to place a green start button under the countdown.

Learn CSS styling for the game interface, including borders, dimensions, margins, background images, and the start button, countdown, and score, plus star visuals and two element sizes.

Build a pop-out holes game in JavaScript by selecting multiple holes with querySelector, tracking score and countdown, and randomly popping holes with setTimeout and class toggling.

Implement a dynamic start game flow in JavaScript with a start game function, countdown updates on the countdown board, and a configurable time limit using setTimeout and setInterval.

Attach start and stop controls with event listeners to start the game, track score, and swap star and heart images on clicks using an 800 ms timeout to revert images.

Enhance the score system and animation by adopting an arrow function binding, resetting the image, preserving the countdown, and adding a scoreboard with one-click scoring and high school functionality.

Enhance a wacky star game built in JavaScript by implementing a high score feature with local storage, updating the high score board via getItem and setItem, and displaying score text.