The Fastest Javascript Course: From ZERO to HERO in 6 Hours

Learn how to store values with variables, declare with var, let, and const, manage global and local scope, and reassign values for currency conversions using an exchange rate.

Learn JavaScript variable naming rules and best practices, including allowed characters, starting rules, reserved words to avoid, and camel case versus underscores for meaningful, consistent names.

Explore how data types govern operations on variables in JavaScript, from numbers to strings, and how concatenation differs from addition due to the weakly typed language.

Explore strings in JavaScript by learning the string type, length, indexing starting at zero, and methods like slice and replace to validate account numbers and derive country codes.

Explore arrays as lists of values that can hold multiple data types, learn to access elements by index, and use push, shift, and concatenate to manage and merge arrays.

Explore the object data type and contrast it with arrays, using key-value pairs and dot notation to access properties; learn to add, update, and manage objects and arrays of objects.

Explore the boolean data type; true and false show how comparisons drive decisions using =, ==, and ===, with the exclamation mark to negate and test not equal to.

Explore JavaScript data types by examining undefined and null, learn how declaring an unassigned variable yields undefined, and how null represents intentional absence and strict equality compares them.

Learn how to create and use functions to encapsulate reusable code, pass arguments, and return values, illustrated by converting Celsius to Fahrenheit and applying the result across multiple locations.

Build an interactive temperature switch by using a single event listener on the parent element, read the target id (Celsius or Fahrenheit), and update the displayed temperature accordingly.

Master conditionals in JavaScript by using if and else if to handle Celsius and Fahrenheit button clicks, compare IDs with booleans, and display corresponding messages.

Master date and time in JavaScript by using the date object, creating local dates, calculating differences in milliseconds, and retrieving hours, minutes, and seconds with getHours, getMinutes, and getSeconds.

Learn to display the local time by selecting elements with a data-time attribute using CSS selectors, creating a date object, and updating hours, minutes, and seconds every second.

Learn to use setTimeout and setInterval to build a running clock that updates the local time every second, retrieving hours, minutes, and seconds on each interval.

Use the padStart method to format clock numbers by padding single-digit hours, minutes, and seconds with a leading zero, or other fill characters as needed.

Explore loops in JavaScript, starting with the for loop and its three clauses, then iterate over arrays using length and for in, and access object properties.

Build an interactive image gallery by using an array of image objects with source and alt text, render thumbnails with a loop, and update the main image on click.

Use the forEach loop on arrays to access both index and element in a gallery example, printing indexes and images, and compare it to other loops.

Select the gallery main image element and set its src and alt from the images array to display the first image dynamically while updating thumbnails accordingly.

Create and manage a dynamic gallery by generating thumbnail elements with document.createElement, assigning src, alt, and data attributes, appending them to the thumbnails container, and enabling click-driven main image updates.

Learn to use a one-line ternary conditional to set the default selected thumbnail in a JavaScript app, using zero-based indexing and data attributes.

Build a dynamic image gallery by wiring thumbnail clicks to update the main image and highlight the selected thumbnail, using data array index attributes, event listeners, and a reset-unselect-then-select approach.

Create a time-based greeting in JavaScript by computing the current hour and using a let variable with an if/else ladder to show good morning, afternoon, or evening.

Organize code with dedicated handler functions for each section—menu, greeting, clock, gallery—and a shared temperature and weather handling setup, executed on page load for a scalable, readable project.

Render the products section by reading a products array from JSON, loop to create HTML elements, populate the product area, and initialize a product handler for dynamic filters.

Learn to populate products section by looping through the products array, creating and appending product items with images (src from product.image and alt from title), and debugging with console logs.

Develop and populate the product details section using pure JavaScript, creating title, author, and price elements, formatting prices with two decimals or showing 'free,' and ensuring filters work.

Learn how the array filter method counts paid and free products by filtering price greater than zero and using array length to update totals dynamically in the DOM.

Create and manage arrays for all, free, and paid products; filter by price conditions, including undefined prices, and populate the filter labels with the lengths of these arrays.

Create a reusable populate products function that renders all, paid, or free products by array, clearing the section before each filter click.

Build the footer, make the year dynamic, and set up http requests to fetch weather data from an external service.

Learn to fetch the user's location with navigator.geolocation.getCurrentPosition and extract latitude and longitude to drive weather data. Implement permission handling and a default location fallback when location access is denied.

Explore arrow functions in JavaScript (ES6) and simplify code by replacing function keywords with concise syntax, optional parentheses for single arguments, and single-statement returns in array filters.

Learn how HTTP requests move data between the browser and a server, and how JavaScript fetches API data after page load to update content without refreshing.

Explore how to send HTTP requests with the fetch method in JavaScript, using async/await and promises to handle API responses and JSON data.

Fetch current weather data from the open weather map API by obtaining an API key, composing the URL with latitude and longitude, and testing the JSON response with fetch.

Extracts condition, location, and temperature from the weather API and formats a dynamic message in Celsius (with Fahrenheit support) via a weather handler to update the page.

Learn error handling in JavaScript by using try and catch blocks to prevent code from breaking when fetch fails, and display a fallback message to users.