JavaScript & React JS Codecamp: Build & Deploy Real Projects

Master how to use comments in JavaScript to document code without affecting execution, including single line // and multi-line /* */ styles.

Declare and assign variables in JavaScript with let, explore numbers, strings, booleans, and use backtick template literals with dollar signs and textContent to update the page via document.getElementById.

Explore arithmetic operators in JavaScript, including plus, minus, division, multiplication, modulus, and exponent. Learn about operands, operator precedence, and compound assignments like += and how parentheses affect results.

Learn how to accept user input in JavaScript using window prompts and HTML text boxes, then display it in the console or on the page via DOM updates.

Explore type conversion in JavaScript, converting between string, number, and boolean using examples with user input, the Number function, and typeof checks.

Master constants in JavaScript by seeing how const prevents reassignment, with practical examples like Celsius to Fahrenheit conversion to illustrate immutable variables.

Explore applying the const keyword in an HTML document, set up inputs and IDs, handle a submit button click, and display converted Fahrenheit values using DOM manipulation.

Learn to build a temperature converter with HTML, CSS, and JavaScript, converting between celsius and fahrenheit using clear formulas, inputs, and unit radios, with live results.

Build a working digit counter in JavaScript with increment, decrement, and reset controls, updating a zero-based display via HTML, CSS, and DOM manipulation.

Explore the math object in JavaScript, a collection of methods for max, min, round, trunc, floor, sqrt, pow, sin, cos, tan, log, abs, and sign.

Create a JavaScript random number generator using Math.random and the flow method to produce numbers within a defined range, then display results via a button click and DOM updates.

Explore how to use the if statement in JavaScript to execute code when a condition is true and to branch with the else statement, including booleans such as is graduate.

Learn how to use if, else if, and else statements in JavaScript with age-based categories, printing undergraduate, graduate, masters, or PhD outcomes via console.log.

Implement decision making in an HTML document by converting an entered age to a number and displaying undergraduate, master's, PhD, invalid age, or baby with if, else if, and or.

Learn to implement checkboxes and radio buttons in JavaScript to manage course subscriptions and selections, updating outputs such as you are subscribed and you are learning JavaScript, TypeScript, or React.

Explore the ternary operator in JavaScript as a shortcut to if-else, assigning a variable by condition, with age-based graduate or undergraduate and single vs married examples.

Learn how to use the switch statement in JavaScript to route decisions with case, break, and default. See practical examples like grades, days of the week, and alphabet mappings.

Explore string methods in JavaScript to manipulate text: measure length, change case, access characters by index, search with indexOf and lastIndexOf, and use replace to clean data like phone numbers.

Learn JavaScript string slicing with slice and indexOf to extract substrings from a full name or email address, using zero-based indices for first names, last names, and hosts.

Master method chaining in JavaScript to transform strings in a single line, combining methods like trim, replace all spaces, and to lowercase to generate usernames from full names.

Explore how logical operators in JavaScript combine boolean values to determine your developer role: full stack, front end, back end, or not a developer, using HTML, CSS, and PHP.

Understand the while loop in JavaScript, which repeats code while a condition is true, demonstrated with prompts for username and password and a login check using strict equality.

Explore the do-while loop in JavaScript and compare it to the while loop, using practical examples to print sequences from 1 to 10 and 1 to 20, showing post-condition evaluation.

Explore for loops in JavaScript and their parallels with while loops, using index variables and increments to print sequences such as 1 to 10.

Build a simple number guessing game in JavaScript by generating a random number within 50 to 100, validating input, and guiding the user with higher or lower prompts, tracking attempts.

Discover how functions in JavaScript provide reusable code you declare once and call with parameters. Learn to define functions, pass arguments, and use return to print results with console.log.

Explore JavaScript functions to check even numbers using modulus and validate emails with string includes, demonstrating boolean returns, ternary logic, and practical examples.

Explore arrays in JavaScript, storing multiple values in a variable and indexing elements. Learn to push, pop, shift, and unshift, and loop over a cars array with for and for...of.

Learn how the spread operator in JavaScript unpacks iterables like arrays and strings using three dots, enabling max and min calculations, string splitting, and array copying.

Explains the rest parameter in JavaScript, showing how to bundle values into an array inside a function and contrast it with the spread operator, including examples with cars and strings.

Build a JavaScript dice roller that lets you choose how many dice to roll, generates random results, and displays dice images and outcomes with HTML, CSS, and JS.

Build a JavaScript random password generator that combines lowercase, uppercase, numbers, and symbols to produce a ten-character password with validation using for loops.

Explore callback function in JavaScript, a function passed as an argument to another function to handle asynchronous operations, with examples using setTimeout.

Explore the forEach method in JavaScript to iterate arrays with a callback, access elements and indices, and apply operations such as multiplying values and changing case (uppercase and lowercase).

Learn how the map method returns a new array by applying a callback to each element, with examples like squaring numbers and uppercasing strings.

Explore the filter method in JavaScript to create a new array from an existing array, filter by length, even and odd numbers, and remove duplicates.

Master the reduce method in JavaScript to fold an array into a single value using an accumulator and element via a callback, enabling summation, averages, and oldest or youngest ages.

Learn how function expressions define functions as variables or values in JavaScript, contrasted with function declarations, and master using callbacks, map, and timed execution with setTimeout.

Explore arrow functions in JavaScript, compare function declarations and expressions, and learn concise single-use arrow syntax, applying it to map, filter, and reduce.

Explore how JavaScript objects model real-world entities, with properties and methods, including creating objects, accessing properties via dot notation, and defining functions as object methods.

Explore the this keyword in JavaScript, showing how it references the current object or window and why arrow functions don’t bind this, to access properties like first and last name.

Explore how constructors in JavaScript define object properties and methods, enabling reusable car objects created with new and customized by passing make, model, year, and color.

Learn how JavaScript classes provide a blueprint for objects, offering a cleaner alternative to constructors. Create reusable cars and books with properties like make, model, author, and price.

Learn how the static keyword attaches properties and methods to a class, not instances, with circle examples for pi, diameter, circumference, area, and a student count.

Explore inheritance in JavaScript by showing how a science teacher parent class passes properties and methods to physics, biology, and chemistry child classes. Learn how children inherit, yet remain distinct.

Explore the super keyword in JavaScript to call a parent's constructor, access parent properties, and share code across derived classes, demonstrated with teacher class examples.

Learn how getters and setters in JavaScript control read and write access, validate inputs with private properties, and expose safe details through a sample student class and full details method.

Explore getters and setters in JavaScript by modeling a triangle class with base and height, validating inputs, and computing the area as 0.5 times base, height.

Learn array and object destructuring in JavaScript to extract values, swap variables, and showcase rest parameters with examples like cars and student objects.

Explore nested objects in JavaScript by modeling a student with a nested address and hobbies, accessing properties with dot notation, and printing results with console.log.

Explore arrays of objects in JavaScript by accessing and modifying car objects, using push, pop, and index-based removal, and iterating with for each, map, filter, and reduce methods.

Sort arrays in JavaScript using the sort method and apply custom comparators for numeric and lexicographic order. Sort cars by mileage, or by make, model, and color with tailored comparisons.

Explore date objects in JavaScript, creating and formatting dates with new Date(), extracting year, month, day, hour, minute, and second, and manipulating epoch milliseconds and custom dates.

Explore closure in JavaScript by showing how an inner function accesses the parent's variables, creating private state in nested functions that define scope and encapsulation.

Explore the setTimeout function in JavaScript, learning how to schedule a function after a delay with callbacks, arrow functions, and clearTimeout, and see practical examples like alert and timer control.

Learn to measure JavaScript performance with console.time and console.timeEnd, using a time frame function and labeled timing in for loops to quantify execution time.

Learn to format currencies in JavaScript using the locale string method, selecting locales and currency styles. Apply examples for US, India, Germany, and other countries to display proper currency symbols.

Build a compound interest calculator in JavaScript, with a web form for principal, rate, and years, applying the standard compound interest formula and displaying results with currency formatting.

Build a digital clock from scratch using JavaScript, HTML, and CSS, with live time updates, 12-hour formatting, and styling to center the clock over a background.

Build a functional stopwatch with HTML, CSS, and JavaScript, implementing start, stop, and reset controls, updating a live timer with minutes, seconds, and milliseconds.