Coding Help Tips Resources Tutorials
Google Apps Scripts and Web Development Tutorials and Resources by Laurence Svekis
Introduction JavaScript provides a powerful set of methods and properties to modify the content and attributes of DOM elements. These techniques are essential for creating dynamic web applications, enabling developers to update text, HTML content, and attributes on the fly. This chapter covers methods such as textContent, innerHTML, and setAttribute, along with best practices for … Read more
JavaScript provides multiple methods to select elements from the Document Object Model (DOM) based on various criteria, such as ID, class, tag name, and CSS selectors. Understanding how to select elements efficiently is essential for working with the DOM, as it allows you to manipulate content, change styles, add events, and more. This chapter covers … Read more
The Document Object Model (DOM) is an interface that represents the structure of an HTML document in the form of a tree. Each element in the HTML document becomes a node in the DOM tree, allowing JavaScript to access, modify, and manipulate the structure and content of the webpage. By understanding the DOM tree and … Read more
Advanced JavaScript Exercises (Part 3) Lesson Objective: The goal of this lesson is to further challenge learners by focusing solely on JavaScript without relying on any external libraries or frameworks. These exercises dive deeper into fundamental concepts like DOM manipulation, event handling, custom data structures, advanced functions, and more. Learning Outcomes: Exercise 1: Custom Deep … Read more
Advanced JavaScript Exercises (Part 4) Lesson Objective: Continue reinforcing core JavaScript concepts by working with more advanced topics like recursion, regular expressions, event delegation, dynamic form creation, custom data structures, and DOM manipulation. Learners will gain deeper insights into how JavaScript works by creating custom solutions to real-world problems without relying on any external libraries … Read more
Lesson Objective: This lesson focuses on pushing the boundaries of JavaScript by exploring complex topics such as advanced DOM manipulation, algorithms, timing events, browser APIs, and more. The goal is to help learners solidify their understanding of core JavaScript concepts while solving practical coding challenges. Learning Outcomes: Exercise 1: Delayed Execution using setTimeout() Learning Objective: … Read more
Advanced JavaScript Exercises (Part 6) Lesson Objective: These exercises dive deeper into more advanced JavaScript concepts and coding challenges without the use of external libraries or frameworks. The goal is to continue building proficiency in JavaScript with topics such as recursion, browser storage, animations, algorithms, and custom form validation. Learning Outcomes: Exercise 1: Recursively Flatten … Read more
When working with web forms and local storage in JavaScript, a common task is to store and retrieve date values selected by users. A practical example is using the value property of an input element with the type date, such as endDate, and storing this value in localStorage. This approach seems to work well for … Read more
JavaScript is a powerful and versatile language, but truly mastering it requires going beyond the basics. Whether you’re looking to understand the intricacies of object cloning, promises, or custom functions, Laurence Svekis, a best-selling author and renowned JavaScript educator, offers a series of in-depth tutorials that break down these complex topics into manageable, easy-to-understand exercises. … Read more
Creating an interactive and user-friendly web interface often involves allowing users to manipulate elements on the page directly. One such interaction is enabling drag-and-drop functionality, which can be used to create sortable lists. This functionality is particularly useful in scenarios where the order of items matters, such as in task management apps, playlists, or settings … Read more