freeCodeCamp·4yHow to Write Good API Documentation
API documentation is a written guide stating the functions of the API, how to integrate it into your program, and use cases for the API. It should contain some technical terms, but should still be readable and easy to understand. The goal is for everyone to work together to produce documentation that fully explains the API and guides users without confusion.
freeCodeCamp·4yHow to Remove a Property from a JavaScript Object
There are two ways to remove a property from a JavaScript object. There's the mutable way of doing it using the delete operator, and the immutable way of do it using object restructuring. Let's go through each of these methods in this tutorial. If you have any questions, feel free to reach out to me!
freeCodeCamp·4yReact + WebSockets Project – Build a Real-Time Order Book Application
In this tutorial, we will see how to build an Order Book web application. We'll use React with Typescript for creating the UI, Redux for managing the application state, and styled-components for applying the styling. And last, but not least, we'll use WebSockets for fetching the data feeds.
freeCodeCamp·4yCommand Line for Beginners – How to Use the Terminal Like a Pro
Command line (CLI) is the interface in which we enter commands for the computer to process. Console is the physical device that allows you to interact with the computer. Terminal is a text input and output environment. Shell is a program that acts as command-line interpreter.
freeCodeCamp·4yLearn CRUD Operations in JavaScript by Building TODO APP
Learn how to do CRUD Operations in JavaScript by making a Todo App. In our case, we will have 4 options to create tasks, read tasks, update tasks, or delete tasks. For that, let's create a very very simple Social Media Application. We will be following these steps below.
freeCodeCamp·4yLow-Code for Freelance Developers & Startups
This course will teach you how to use the Appsmith Low-Code platform. You will learn how to quickly build tools that many startups use by using the low-code approach. Watch the full course below or on the freeCodeCamp.org YouTube channel (2-hour watch).
freeCodeCamp·4yHow to Contribute to Open-Source Projects – A Beginner's Guide
Open-source projects bring developers together in a more collaborative setting than almost anything else. There are plenty of platforms out there that give developers a chance to write in public. We can even call these developers "Developer-as-a-blogger" (DaaB) for their blogging contributions. Here are some tips and guidelines to help you start your open-source journey.
freeCodeCamp·4yHow to Create a Habit System and Stay Motivated as a Developer
Some days motivation looks like going on a 7-mile hike, whereas other days, it is about taking care of yourself and working your butt off. A habit system is a carefully thought-out daily routine of habits that take you closer to your goal. By only relying on motivation to fulfill your dreams and goals, you are not creating a strategy for being consistent.
freeCodeCamp·4yThe Beginner's Guide to Sass
Sass (Syntactically Awesome Style Sheets) is a CSS preprocessor that gives your CSS superpowers. It allows us to write stylesheets in two different syntaxes, indented and SCSS. Sass helps keep your code organized by using partials. It helps reduce the repetition of CSS, because of its powerful features.
freeCodeCamp·4yHow to Check if a Property Exists in a JavaScript Object
In this article, I will show you three ways to check if a property exists in a JavaScript object. The hasOwnProperty() method will check if an object contains a direct property. The in operator will return true for both direct and inherited properties that exist in the object or its prototype chain.
freeCodeCamp·4yHow to Get Started With React – A Beginner's Guide
React (also known as React.js or ReactJS) is a free and open-source front-end JavaScript framework for creating UI components-based user interfaces. In this article, we will see reasons why you should learn React and how to get started with it.
freeCodeCamp·4yWhat is Memoization? How and When to Memoize in JavaScript and React
In this article we will talk about memoization, an optimization technique that can help make heavy computation processes more efficient. We will start by talking about what memoization is and when it's best to implement it. Later on we will give practical examples for JavaScript and React.
freeCodeCamp·4yWindows vs MacOS vs Linux – Operating System Handbook
In this article I'm going to give a brief introduction to operating systems and compare the three main OSs that are out there nowadays. First we're going to review what an OS is and little history about them. Then, we'll review the main features and differences of the most popular operating systems (Windows, Mac, and GNU/Linux)
freeCodeCamp·4yHow WebAuthn Authenticates Users Without a Password
WebAuthn is an API that enables strong authentication with public-key cryptography. It lets you implement passwordless authentication and/or secure second-factor authentication without SMS texts. WebAuthn works hand in hand with other industry standards such as Credential Management Level 1 and FIDO 2.0 Client.
freeCodeCamp·4yLearn Redux Toolkit – The Recommended Way to Use Redux
Redux is a JavaScript library for managing application state. It is most commonly used with React, but can be used with other JavaScript frameworks as well. Redux Toolkit is a set of tools that helps simplify Redux development. It includes utilities for creating and managing Redux stores, as well as for writing Redux actions and reducers.
freeCodeCamp·4yClosure in JavaScript – Explained with Examples
Closures are functions that have access to the variables that are present in their scope chain even if the outer function ceases to exist. In this article, we will walk you through the definition of a closure, a simple day-to-day fetch utility closure example, and some of the advantages and disadvantages of using closures.
freeCodeCamp·4ySkeleton Loader Example – How to Build a Skeleton Screen with CSS for Better UX
A skeleton screen is an animated placeholder that simulates the layout of a website while data is being loaded. Skeleton screens draw the user's attention to progress rather than waiting time. They appear to be faster and are more user friendly. Improved perceived performance provides both good UX and helps in increasing conversion rate.
freeCodeCamp·4yHow to Use the Git Stash Command
Stash means to store (changes) safely in a hidden place (the stash stack) You can use any one of the below commands to stash your changes in the stash stack. It undoes things to the latest commit and doesn't delete the changes. The stash command lists the stashes in the below format.
freeCodeCamp·4yNextJS and HarperDB Tutorial –Build a Full Stack Productivity Timer App
In this article, I'll show you how to build a task timer app using NextJS and HarperDB. We'll be building a full stack app that includes JSON Web Token Authentication, fetching data using HarperDB's built-in API, and rendering the data with NextJS.
freeCodeCamp·4yHow to Use Sass with CSS
Sass is a CSS preprocessor that helps you manage tasks in large projects. It lets you reuse your code, split it into files, and it also helps you create functions, variables, nest your CSS selectors, and other shortcuts. In this article, I'll show you two ways to install Sass.
freeCodeCamp·4yWhat is Docker? Learn How to Use Containers – Explained with Examples
Docker takes away repetitive, mundane configuration tasks and is used throughout the development lifecycle. The core of Docker’s superpower is leveraging so-called cgroups to create lightweight, isolated, portable, and performant environments, which you can start in seconds. In this blog post, you will learn to use Docker for the top 3 most essential use cases.
freeCodeCamp·4yReact 18 New Features – Concurrent Rendering, Automatic Batching, and More
React 18 was released in March 2022. This release focuses on performance improvements and updating the rendering engine. Concurrency is a foundational update to React’s rendering mechanism. Automatic batching helps to reduce the number of changes that happen when a state changes. Suspense, streaming server rendering, and transitions are powered by concurrent rendering.
freeCodeCamp·4yHow to Become a Better Programmer – Use a Skill-Building Planner
Many programmers are missing out on a simple way to improve their programming progress. A planner and journal in tandem can help you stay on the direct path, measure progress, stay motivated, and conquer imposter syndrome. Planners are often used to give productivity a boost in order to stay organized.
freeCodeCamp·4yHow to Get Ready for a Job in Tech – Tips for Beginners
After 15+ years developing software, I had a bagful of thoughts to share with the younger generation. I was able to summarize everything in eight high-level points without making my audience bored with it. All the points mentioned in the article apply to everyone, irrespective of their current experience in the industry.