Coding Exercise

Understanding Inheritance in JavaScript

by

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

Understanding Polymorphism in JavaScript

by

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

Understanding ES6 Classes in JavaScript

by

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

by

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

by

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

Advanced JavaScript Exercises Part 5

by

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

by

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

10 coding learning exercises focused on Functional Programming in JavaScript

by

10 coding learning exercises focused on Functional Programming in JavaScript, covering Pure Functions and Immutability, Map, Filter, Reduce, and other Array Methods, Declarative vs. Imperative Programming, Lazy Evaluation and Infinite Sequences, and Monads, Functors, and Other FP Concepts Exercise 1: Creating Pure Functions Objective: Understand the concept of pure functions in JavaScript. Task: Write a … Read more

Implementing a Debounce Function in JavaScript

by

In JavaScript, certain events like window resizing or input changes can trigger functions multiple times in rapid succession. This can lead to performance issues, especially when these functions perform resource-intensive tasks. The debounce technique is a common solution to this problem, ensuring that a function is only executed after a specified period of inactivity. In … Read more

Implementing a Custom Map Function in JavaScript

by

In JavaScript, the Array.prototype.map function is a powerful method that allows you to transform the elements of an array by applying a callback function to each element. It returns a new array containing the results of calling the callback function on each element. But what if you wanted to implement your own version of map? … Read more