Full Stack Web Developer

THEORETICAL RECAP A task list manager in the console is a small program that stores items in memory and lets a user add, display, complete, and remove them. The core mental model is simple: your tasks live inside an array, and each task is an object ...

In JavaScript, an array (called a 'board' here, but the correct technical term is 'array') is one of the most important data structures you will use as a developer. An array is an ordered list of values grouped under a single variable name. Instead o...

Now that you have written your first functions, handled variables, applied conditions, and connected simple browser events, it is time to step back and adopt the mindset of a professional developer. Writing code that works is only half the job. Writi...

Writing a script that works is only half the job. Writing a script that another developer, or your future self, can read, understand, and modify quickly is what separates a beginner from a professional. This summary review consolidates everything you...

THEORETICAL RECAP An event is a signal the browser emits when something happens: a click, a key press, a page load. In JavaScript, you react to events by attaching an event handler (a function that runs when the event fires). The standard modern appr...

Until now, you have written JavaScript that runs from top to bottom, executing every instruction in order the moment the page loads. But real web applications are not static. They must react to what the user does: a click on a button, a key pressed o...

THEORETICAL RECAP Before starting the DOM, you will build a click counter using the browser's prompt() and alert() functions. A counter is simply a variable that stores a number and changes over time. The mental model is straightforward: you declare ...

Scope and hoisting are two fundamental concepts in JavaScript that explain where your variables and functions are accessible, and how JavaScript prepares them before running your code. Understanding these ideas will help you avoid many confusing bugs...

THEORETICAL RECAP A function is a reusable block of code that takes input (parameters), performs a task, and usually returns a value with the 'return' keyword. In ES6, you can declare functions in several ways: the classic declaration 'function add(a...

THEORETICAL RECAP A function in JavaScript is a reusable block of code that performs a task and, optionally, returns a value. In ES6, you can declare functions with the classic 'function' keyword or with arrow function syntax. A function usually take...

Functions are one of the most important building blocks in JavaScript. A function is a reusable block of code that performs a specific task. Until now, you have worked with variables, operators, and conditions. Functions allow you to group these inst...

THEORETICAL RECAP Determining whether a number is even or odd relies on the modulo operator (%), which returns the remainder of a division. A number is even when dividing it by 2 leaves no remainder, meaning n % 2 === 0. Otherwise, the remainder is 1...

THEORETICAL RECAP In JavaScript ES6+, a program often needs to react to information provided at runtime. You have already seen variables (let, const), primitive types (number, string, boolean), type conversions, arithmetic operators, template literal...

Until now, you have written programs that execute every line from top to bottom, without ever making a choice. But real applications constantly need to make decisions: show a welcome message only if a user is logged in, allow a purchase only if the a...

THEORETICAL RECAP Before starting, let's consolidate what you already know. In JavaScript ES6, you declare variables with `let` (reassignable) and `const` (fixed reference). Primitive types include numbers, strings, and booleans. A crucial point for ...

In the previous activities you learned how to declare variables using let and const, and you explored the primitive types of JavaScript such as numbers and strings. You also practiced simple type conversions. This chapter builds directly on that foun...

THEORETICAL RECAP In JavaScript, every value has a type: string, number, boolean, undefined, null, and others. Type conversion (or type casting) means transforming a value from one type into another. There are two kinds. Explicit conversion is when y...

THEORETICAL RECAP In JavaScript ES6+, you declare variables mainly with two keywords: 'let' and 'const'. Use 'const' when a value must not be reassigned after its initial assignment, and 'let' when the value may change over time. Avoid the older 'var...

JavaScript is the programming language that brings interactivity to web pages. Before writing any logic, you must understand how to store and manipulate data. This is the role of variables and primitive types. This chapter covers the modern way to de...

Welcome to the chapter dedicated to JavaScript ES6+ basics and manipulation of the Document Object Model. This chapter is a decisive step in your journey to becoming a Full Stack Web Developer. Until now, you have discovered how to structure web page...

This chapter closes the foundational section on algorithmics and programming logic. Its purpose is twofold: to assess and consolidate everything you have learned so far (variables, conditions, loops, functions, lists, and time complexity), and to pre...

When you write code, you want it to produce the correct result. But producing the correct result is not enough for a professional developer. You also need your code to run efficiently, especially when it processes large amounts of data. This is where...

## Project overview You will build a command-line cash register program that simulates a real point-of-sale checkout. This mini-project consolidates every core concept you have practiced in the Algorithmics and programming logic chapter: functions, p...

THEORETICAL RECAP Finding the minimum in a list is a fundamental algorithmic pattern you will reuse constantly. The idea is simple: you traverse a list of values once, keeping track of the smallest value seen so far. The correct mental model is that ...

THEORETICAL RECAP A list (also called an array or table) is an ordered collection of values stored under a single name, where each element occupies a position identified by an index. In most programming languages, indexing starts at 0: the first elem...