In Step 9.6 of our JavaScript from Zero course, we transform the app into a full-featured to-do list: add, edit, complete, delete tasks and save everything with localStorage.
Categoria: Javascript
Coding – Step 9.5 – JavaScript from Zero – Save & Restore Your List with localStorage
Persist your To-Do list in the browser using localStorage. Save on each change, reload on startup, and keep the UI accessible with ARIA.
Coding – Step 9.4 – JavaScript from Zero – Add Dynamic CSS Classes
Mark items as complete by toggling CSS classes (and keep the DOM accessible & tidy) 🧠 Why this lesson matters After building the basic To-Do List with menu and core actions, it’s time to make it interactive in the browser. With just a few lines of JavaScript, we can: 🎯…
Coding – Step 9.3 – JavaScript from Scratch: Separate HTML and JavaScript, Use addEventListener and Conditional Logic
In the previous level of our Shopping List project, we built a simple app that allowed us to add and remove items dynamically. However, all the JavaScript code was still mixed inside the HTML, using inline onclick attributes. Now in Level 3, we take a major step forward: ✅ We…
Coding – Step 9.2: JavaScript from Scratch – Remove and Edit List Items
Welcome to Step 9.2 of our JavaScript from Scratch series. After learning how to add items to your shopping list, today we’ll take it to the next level: you’ll be able to edit and delete each item, just like in a real interactive app. And, as always, we’ll explain everything…
Coding – Step 9 – JavaScript from Scratch – Build Your First Interactive App: The Shopping List
Introduction JavaScript is the language that brings web pages to life. It’s everywhere: websites, apps, games, automation scripts, and even robots. In this first article, we’ll go beyond the classic alert() — we’ll build a real, functional mini-app using nothing but HTML + CSS + JavaScript. What We’ll Build We’ll…
