-
Oct 25, 2024 | 
freecodecamp.org | Quincy Larson |Joan Ayebola |David Jaja |Nathan Sebhastian
2024 has been an extremely productive year for the freeCodeCamp community. We’ve built up an incredible amount of momentum toward our missioncreating open learning resources for everyone.
-
Feb 26, 2024 | 
freecodecamp.org | Nathan Sebhastian
The Geolocation API is a standard API implemented in browsers to retrieve the location of the people who are interacting with a web application. This API enable users to send their location to a web application to enable relevant services, such as seeking a restaurant or hotel near the user. In this article, I'm going to show you how to use the Geolocation API with JavaScript and display a user's current location using a map API.
-
Feb 23, 2024 | 
freecodecamp.org | Nathan Sebhastian
The Fetch API is a JavaScript function that you can use to send a request to any Web API URL and get a response. In this article, I'm going to show you how to make HTTP requests to external APIs using the JavaScript Fetch API. You're going to learn how to create GET, POST, PUT/PATCH, and DELETE requests using the Fetch API. To get the most out of this article, you need to have a good understanding of JavaScript promises. You can read my JavaScript Promises article if you need a refresher.
-
Feb 21, 2024 | 
freecodecamp.org | Nathan Sebhastian
Map and Set are two JavaScript data structures you can use to store a collection of values, similar to Objects and Arrays. They are specialized data structures that can help you store and manipulate related values. In this tutorial, we will see how Map and Set work in detail and when to use them. We will also explore the Set object composition methods that were recently added to the JavaScript standard.
-
Jan 12, 2024 | 
freecodecamp.org | Nathan Sebhastian
The Web Storage API is a set of APIs exposed by the browser so that you can store data in the browser. The data stored in the Web Storage use the key/value pair format, and both data will be stored as strings. There are two types of storage introduced in the Web Storage API: Local Storage and Session Storage. In this article, I’m going to show you how to use the Web Storage API and why it’s useful for web developers.
-
Jan 10, 2024 | 
freecodecamp.org | Nathan Sebhastian
JavaScript code in the browser uses an event-driven programming pattern. What this means is that when a specific DOM event happens in the browser, a piece of code will be executed as a response to that action. In this article, I will help you see and understand how to listen and respond to DOM events using JavaScript. If you need a refresher on the DOM, I have written an article that explains what the DOM is and how JavaScript interacts with it. What Are DOM Events and Why Are They Useful?
-
Jan 10, 2024 | 
freecodecamp.org | Nathan Sebhastian
In this article, I'm going to explain to you how the DOM works so that you have a clear picture of why JavaScript is needed to develop a web application. First, let's recap what we know about HTML, CSS, and JavaScript. How HTML, CSS, and JavaScript workWhen you want to build a web application, you create an HTML document filled with HTML, CSS, and JavaScript. These three technologies are used together like a team, each playing a different role in building what you see in your web browser.
-
Jan 4, 2024 | 
freecodecamp.org | Nathan Sebhastian
Hi Everyone! In this article, I'm going to teach you how to use three advanced JavaScript operators: the Nullish Coalescing, Optional Chaining, and Destructuring Assignment operators. These three operators will help you write clearer and less error-prone code. The Nullish Coalescing OperatorWhen you’re inspecting JavaScript code, you may find an expression using a double question mark (??), as in the code below:console.log(username ??
-
Dec 15, 2023 | 
freecodecamp.org | Nathan Sebhastian
Hello friends! In this article, I'm going to show you how to use the “async/await” special syntax when handling JavaScript Promises. If you don't know or need a refresher on JavaScript promises, you can read my previous article: How JavaScript Promises Work – Tutorial for Beginners. You'll need to understand JavaScript promises well before learning the async/await syntax. How async/await WorksThe async/await syntax is a special syntax created to help you work with promise objects.
-
Dec 7, 2023 | 
freecodecamp.org | Nathan Sebhastian
Hi everyone! In this article, I’m going to cover everything you need to know about manipulating the DOM. Basically, each Element object in the DOM has properties and methods that you can use to interact with that element. The following are the most common and practical ways you might want to manipulate the Element object:Manipulating the DOM seems complex in theory, but as you’ll see in this article, there are a few methods that you’ll use over and over again in many scenarios.
