Coding Help Tips Resources Tutorials
Google Apps Scripts and Web Development Tutorials and Resources by Laurence Svekis
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
1. Understand the Basics 2. Functions 3. Objects and Arrays 4. Asynchronous JavaScript 5. DOM Manipulation 6. Error Handling 7. Modules and Imports 8. JavaScript Ecosystem 9. APIs and HTTP Requests 10. JavaScript Frameworks 11. Performance Optimization 12. Security 13. Regular Expressions 14. Testing 15. TypeScript 16. Web APIs 17. Event Bubbling and Capturing 18. … Read more
An accordion menu is a great way to organize and present content in a compact format. It allows users to expand and collapse sections of content by clicking on headers, making it easier to navigate large amounts of information. In this blog post, we’ll walk through the process of creating a simple accordion menu using … Read more
Tooltips are small, interactive pop-up elements that provide additional information when hovering over a particular element on a webpage. They are commonly used to offer more context, explain features, or give brief instructions without cluttering the interface. In this blog post, we’ll walk through how to create a simple, custom tooltip using vanilla JavaScript, HTML, … Read more