Learn JavaScript 10 Exercises with Code

Download PDF Download Source Code 21) DOM Traversal Visualizer Build: Click any nested element to highlight the target, its ancestors, and its siblings, and show the path to root.Objectives: closest, parents/children/siblings, DOM introspection.Steps: Open file → click around the left “tree” → watch highlights and path update.Code (save as exercise21_traversal.html) <!doctype html> <html lang=”en”> <head> … Read more

10 JavaScript DOM coding exercises

Source code Each one includes: what you’ll build, learning objectives, step-by-step instructions, a single self-contained HTML file (copy–paste into a .html file and open in a browser), and a short breakdown of how the code works. 1) Select, Read, and Update DOM Content, Attributes, and Styles What you’ll build: A tiny product list with buttons … Read more

​​10 hands-on Google Apps Script exercises focused on Google Sheets

At the end, there’s one single .gs file you can paste into your Apps Script project. It creates the sheets, seeds data, and lets you run each exercise from a custom menu. How to get set up (once) Exercise 1 — Create & Seed a “Sales” sheet Objective: Learn to create a sheet, write headers/rows, … Read more

JavaScript DOM Coding Exercises

The Document Object Model (DOM) is a programming interface for web documents. It represents the page so that programs can change the document structure, style, and content. The following exercises are designed to help you understand and practice key DOM manipulation concepts. Exercise 1: Selecting Elements Objective: Learn how to select single and multiple elements … Read more

Welcome to Vibe Coding: Your JavaScript Journey with an AI Partner

Imagine learning to code not from a static textbook, but with a personal tutor available 24/7. A tutor that can explain complex ideas in simple terms, write code examples on the fly, help you fix bugs, and brainstorm project ideas with you. That’s the essence of Vibe Coding—using AI assistants like Gemini or ChatGPT as … Read more

Vibe Coding for Beginners: Learn to Code with AI

Getting Started with Vibe Coding 1.1 What is Vibe Coding? Vibe Coding is a way of learning programming that removes fear and friction. Instead of sitting in front of a blank screen, unsure of where to begin, you describe what you want in plain English and use AI to help you turn it into working … Read more

Get Ready to Automate: An Introduction to Your Google Apps Script Exercises

How to Use These Exercises Exercise 1: Hello, World! 👋 Objective: Learn the most basic function of Apps Script: creating a function and logging a message to the execution log. Instructions: Write a script that logs the message “Hello, World!” to the console. Solution: Explanation: Exercise 2: Send a Simple Email 📧 Objective: Use the … Read more

Learn to Code with Your AI Sidekick: Building Your First Website

Download PDF Guide Welcome to the exciting world of web development! You’re about to learn how to build websites from scratch. But you won’t be doing it alone. This guide is built around a revolutionary idea: using Artificial Intelligence (AI) like Gemini or ChatGPT as your personal tutor, coding partner, and creative assistant. Think of … Read more

Ultimate Guide to Google Apps Script 100 Common Apps Script Questions

Welcome to Your Ultimate Guide to Google Apps Script Ever find yourself lost in a sea of repetitive tasks within Google Sheets, Docs, or Gmail? Have you ever thought, “There has to be a better way to do this”? There is, and you’ve found it. Enter Google Apps Script, the powerful, cloud-based scripting platform built … Read more

100 of the most common JavaScript questions developers ask when working with AI

Artificial Intelligence (AI) is reshaping how we build applications. JavaScript—already the language of the web—is increasingly becoming the glue that connects AI models, APIs, and interactive user experiences. But if you’re building AI-powered projects with JavaScript, you’ll run into dozens of “how do I…” questions every day. That’s why I’ve put together this guide: 100 … Read more