JavaScript DOM lessons

How to Create a New Post Using JavaScript and the Fetch API

by

Sending data to a server is a crucial aspect of modern web applications. Whether you’re submitting a form, saving user preferences, or creating a new resource, the fetch API provides a straightforward way to send data via a POST request. In this blog post, we’ll build a webpage where users can create a new post … Read more

How to Fetch and Display API Data on Your Website

by

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

Test Your Skills – JavaScript Questions how many can you get correct

by

Functions What is a callback function? A) A function that is passed as an argument to another function.B) A function that returns another function.C) A function that is executed immediately after declaration.D) A function that calls itself. Answer: A) A function that is passed as an argument to another function. Explanation:A callback function is passed … Read more

Intermediate JavaScript Guide

by

1. Functions in JavaScript 1.1 Callbacks A callback function is a function passed into another function as an argument, to be executed at a later time or in response to an event. This is a fundamental concept in asynchronous JavaScript (e.g., handling responses from fetch calls, setTimeout, event listeners, etc.). <details> <summary>Example of a callback</summary> … Read more

Parsing and Stringifying JSON

by

Parsing and Stringifying JSON JSON (JavaScript Object Notation) is a lightweight data-interchange format that is easy for humans to read and write and easy for machines to parse and generate. In this chapter, we’ll explore the powerful methods JSON.parse() and JSON.stringify() to work with JSON in JavaScript. We’ll also cover practical examples, use cases, and … Read more

try catch Statements in JavaScript

by

In JavaScript, the try…catch statement is used to handle errors gracefully. Instead of stopping the execution of your code when an error occurs, it allows you to “catch” the error and execute alternative code to handle it. This is especially useful for debugging and building resilient applications. 1. Syntax of try…catch try {   // Code … Read more

Event Propagation and Delegation in JavaScript

by

JavaScript events follow a structured flow within the DOM, known as event propagation, which includes two main phases: capturing and bubbling. Event delegation leverages this flow to efficiently handle events on multiple child elements using a single event listener on a parent. 1. Event Propagation 1.1. Capturing Phase Example: document.body.addEventListener(   “click”,   () => console.log(“Capturing phase”), … Read more

Free Chapters JavaScript Code Foundations for Beginners

by

JavaScript Code Foundations for Beginners is your ultimate hands-on guide to mastering the core concepts of programming through practical, real-world exercises. Whether you’re a complete beginner eager to dive into coding or someone looking to strengthen your foundation, this book provides the tools, knowledge, and confidence to succeed in the world of software development. This comprehensive … Read more

Free First Chapters JavaScript DOM Manipulation: Interactive Web Development with JavaScript (Advanced Core JavaScript Mastery Series)

by

The Document Object Model (DOM) is the foundation of dynamic and interactive web pages, allowing developers to programmatically interact with a webpage’s structure and content. “JavaScript DOM Manipulation” is your comprehensive guide to mastering this essential technology. https://www.amazon.com/dp/B0DR3G43B9 or CAN https://www.amazon.ca/dp/B0DR3G43B9 This book begins by introducing the basics of the DOM tree, covering topics like parent-child relationships, node types, and … Read more

First Chapters Free Complete Guide to HTML5 Canvas with JavaScript: Understanding HTML5 Canvas with 200+ code examples

by

https://www.amazon.com/dp/B0DRTL51KX “Complete Guide to HTML5 Canvas with JavaScript” is your comprehensive resource for unlocking the power of the Canvas API in web development. Designed for developers of all skill levels, this book takes you on an exciting journey through the versatile world of Canvas, starting from the fundamentals and progressing to advanced techniques. Whether you’re creating … Read more