Stepthrough Start free

JavaScript

Updated

JavaScript: 3 free modules that walk you through JavaScript: An Instant Quote Calculator for Your Website, JavaScript: Turn Invoice Dates into Due-Date Reminders and JavaScript: Pull Contacts from an API into a Table, using JSFiddle.

Each module is a real project. You watch a step, do it yourself in a practice copy of the tool, and it checks your work before moving on. It is free, and no experience is needed.

3 modules

An empty JSFiddle with HTML, CSS, JavaScript and Result panelsJavaScript: An Instant Quote Calculator for Your Website

A beginner JavaScript walkthrough in the free JSFiddle: a four-line HTML form and a few lines of JavaScript that turn square feet into a price, with a minimum charge…

Free · Live ~12 min Beginner

An empty JSFiddle with HTML, CSS, JavaScript and Result panelsJavaScript: Turn Invoice Dates into Due-Date Reminders

A beginner JavaScript walkthrough in the free JSFiddle: work out Net 30 due dates, count the days left and list every invoice as due or overdue, typing every line…

Free · Live ~15 min Beginner

The JSONPlaceholder users address in Chrome: a list of users with name, email, address and companyJavaScript: Pull Contacts from an API into a Table

A beginner JavaScript walkthrough in the free JSFiddle: fetch contact data from a free practice API and show name, company and email in a table, typing every line…

Free · Live ~12 min Beginner

What you do in each module

Common questions

How long will this take?

The 3 modules take about 39 minutes in total, and you can do them in separate sittings.

Do I need experience first?

No. These modules are beginner level, and each step tells you exactly where to click.

Do I need a JSFiddle account to start?

No. The practice runs in a copy of JSFiddle inside your browser, and nothing touches your real accounts. When you are ready, you repeat the steps in your own account.

Is it free?

Yes. All 3 modules are free.

Where should I start?

Start with JavaScript: An Instant Quote Calculator for Your Website, then continue with JavaScript: Turn Invoice Dates into Due-Date Reminders.

Related

AI Automation for Beginners (3)Business Automations (11)Prompt Writing (8)AI for Accounting & Bookkeeping Firms (12)AI for Law Firms (6)AI for Insurance Agencies (5)AI for Recruiting & HR (10)AI for Consulting & Agencies (17)AI for Real Estate (4)AI for Sales (13)AI for Marketing (19)AI for Operations (24)AI for Finance (4)Accounting (3)AI Basics (22)AI Voice Agents (5)Build Apps with Lovable (5)ChatGPT for Everyday Work (17)Claude for Everyday Work (7)Claude Skills (6)AI for Marketing (2)Gemini for Google Workspace (6)Jump Start: Runable (2)Make.com Automation Basics (5)Microsoft 365 (3)n8n Automation Toolkit (25)Project management (4)Python (3)RAG: chat with your own docs (2)Runable for Entrepreneurs (3)SQL (3)Vibe Coding for Business (3)Zapier Automation Basics (2)AI for Electrical (2)AI for HVAC (2)AI for Plumbing (2)JSFiddle tutorials (3)

All free tutorials

How every module works

Each step is shown on the left, with a cursor pointing to exactly where to click. You do the same thing on the right, in a practice copy of the real tool. Get it right and it moves on. Nothing touches your real accounts until you're ready to build it for real.

Start learning free