Coding Help Tips Resources Tutorials
Google Apps Scripts and Web Development Tutorials and Resources by Laurence Svekis
A currency converter is a useful tool that allows users to convert an amount from one currency to another based on exchange rates. In this blog post, we will walk through the process of building a simple currency converter using HTML, JavaScript, and CSS. This converter will use fixed exchange rates and allow users to … Read more
Are you looking for a simple and effective way to translate text in your web applications? In this blog post, we’ll walk through building a multi-language translator using Google’s free Translate API and JavaScript. This lightweight solution lets users enter text, select a target language, and get instant translations—all without an API key or complex … Read more
Fetching data from an API and displaying it on a webpage is a foundational skill for any web developer. In this blog post, we’ll guide you through a simple example of fetching data from a REST API and dynamically outputting it on your webpage using JavaScript. This example covers: Let’s dive into the implementation! The … Read more
In this tutorial, we’ll walk through a simple yet fun project: building a webpage that fetches and displays a random dog image using the Dog CEO API. Whether you’re new to JavaScript or looking for a practical example of using the fetch() API to interact with a third-party service, this post has something for everyone. … Read more
What is Inheritance? Inheritance is a fundamental concept in object-oriented programming. It allows one class (a subclass or child class) to acquire the properties and methods of another class (a superclass or parent class). By doing so, subclasses can reuse and build upon the existing functionality, reducing code duplication and improving maintainability. Inheritance in JavaScript … Read more
What Is Polymorphism? Polymorphism is a fundamental concept in object-oriented programming that refers to the ability of a single interface or method to handle different underlying forms (data types, classes, or behavior). Essentially, it means “many forms.” In simpler terms, polymorphism allows one piece of code to work with different objects in a consistent way. … Read more
Introduction to Classes Before ES6 (ECMAScript 2015), JavaScript primarily used constructor functions and prototypes for object creation and inheritance. ES6 introduced classes as syntactical sugar on top of the existing prototype-based inheritance model. Although classes look more like classes in languages such as Java or C++, they still rely on prototypes under the hood. Defining … 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