Coding Help Tips Resources Tutorials
Google Apps Scripts and Web Development Tutorials and Resources by Laurence Svekis
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
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
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
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
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
Stop Reading, Start Doing: Level Up Your Skills with 10 JavaScript Exercises 100 Exercise Guide If you’ve ever tried to learn a programming language, you know the feeling. You can read tutorials and watch videos for hours, but the moment you face a blank editor, everything you “learned” seems to vanish. It’s a common problem, … Read more
Welcome! You’re about to take your first steps into the exciting world of programming with JavaScript, the language that powers the interactive web. This guide is designed to take you from a complete beginner to someone with a solid, practical foundation in just 28 days. You don’t need any prior coding experience—just curiosity and a … Read more
1. DOM Selection & Manipulation 1. Select an Element by ID const element = document.getElementById(‘myId’); Explanation: Selects a single DOM element with the ID myId. 2. Select Elements by Class Name const elements = document.getElementsByClassName(‘myClass’); Explanation: Returns a live HTMLCollection of all elements with the class myClass. 3. Select Elements by Tag Name const elements … Read more
These exercises are designed to help you practice and solidify your understanding of fundamental to intermediate JavaScript concepts. Work through them step by step, and don’t hesitate to experiment with the code! Section 1: Fundamentals (Exercises 1-10) Exercise 1: Declare and Assign Variables Exercise 2: Basic Arithmetic Operations Exercise 3: String Concatenation Exercise 4: Conditional … Read more
1. JavaScript Fetch API for Complete Beginners 📅 Free Promotion: Tuesday, February 18, 2025 – Friday, February 21, 2025📌 US Link: https://www.amazon.com/dp/B0DT4X8ZMN📌 Canada Link: https://www.amazon.ca/dp/B0DT4X8ZMN Unlock the power of the Fetch API and learn how to send GET, POST, PUT, DELETE, and PATCH requests in JavaScript. Discover how to work with JSON, authentication, error handling, and real-world applications. 2. The JavaScript Study Guide: Comprehensive Insights Through 400 Real-World … Read more