freeCodeCamp·4yHow to Write Better Git Commit Messages – A Step-By-Step Guide
This guide outlines steps to elevate your commit messages that you can start implementing today. When first introduced to Git, it's typical for developers to feel uncomfortable with the process. You could save yourself and/or coworkers hours of digging around while troubleshooting by providing that helpful description.
freeCodeCamp·4yThe React Cheatsheet for 2022
React elements are written just like regular HTML elements. You can write any valid HTML element in React. We write React elements using a feature called JSX . Because JSX is really just JavaScript functions (and not HTML), the syntax is a bit different. We can organized groups of elements into React components.
freeCodeCamp·4yLearn Game Development with JavaScript
You will learn to make 2D games with HTML, CSS & plain vanilla JavaScript, using no frameworks and no libraries. Frank Dvorak has created many popular JavaScript courses on a variety of platforms. He will teach you to use everything you learned to make a single final game.
freeCodeCamp·4yThe Software Architecture Handbook
In this article we'll talk about what architecture is within the software world, some of the main concepts to know about it. For each topic I'll give a brief and superficial introduction and code/pseudo-code examples. The most commonly used are REST, SOAP and GraphQl. Most often the HTTP protocol is used. But other protocols and content formats are perfectly possible.
freeCodeCamp·4yHarvard CS50 – Free Computer Science University Course
Harvard CS50 is one of the most popular beginner computer science courses in the world. The course teaches students how to think algorithmically and solve problems efficiently. Topics include abstraction, algorithms, data structures, encapsulation, resource management, security, software engineering, and web programming.
freeCodeCamp·4yHow to Prepare for React Interviews – Front-End Technical Interview Guide
A polyfill is a custom implementation of native JavaScript functions. The.map() polyfill method takes in a callback that gets executed inside the myMap body. This is nothing but the length of the array through which theMyMap function is called. Since map() returns a new array, we create an empty array and push the results into it. In order to implement debouncing, let's take an example.
freeCodeCamp·4yREST API Design Best Practices – How to Build a REST API with JavaScript, Node.js, and Express.js
Best practices are conventions or tips that have evolved over time and turned out to be effective. They should give you a direction to make your API's better in terms of user experience (for the consumer and the builder), security, and performance. In this tutorial we'll build a REST API for a CrossFit Training Application.
freeCodeCamp·4yAutomate Your Life with Python
We just published a Python automation course on the freeCodeCamp.org YouTube channel. Learn how to automate boring and repetitive tasks such as creating an Excel report, sending text messages, extracting tables from websites, interacting with websites, and more. You will learn how to use a few different Python libraries to help with automation such as Path, Selenium, XPath.
freeCodeCamp·4yFree React Course for 2022
We just published a brand-new, 12-hour React course on the freeCodeCamp.org YouTube channel. In this course, you will React by building eight real-world projects and solving 140+ coding challenges. Bob Ziroll teaches this course. Bob is the Head of Education at Scrimba and his previous React course is one of the most popular React courses on YouTube.
freeCodeCamp·4yLearn TypeScript – The Ultimate Beginners Guide
TypeScript is a superset of JavaScript. It does everything that JavaScript does, but with some added features. The main reason for using TypeScript is to add static typing to JavaScript. This means that the type of a variable cannot be changed at any point in a program. It can prevent a LOT of bugs!
freeCodeCamp·3yLearn Next.js for Scalable Web Apps
Next.js is built on top of React, which is a popular JavaScript library for building user interfaces. It also includes features such as automatic code splitting and optimized performance out of the box. You will also learn how to deploy the app using Vercel and to sync up GitHub with Vercel.
freeCodeCamp·4yHow to Lazy Load Images in React
Lazy loading is a strategy that delays the loading of some assets (e.g., images) until they are needed by the user based on the user's activity and navigation pattern. For browsers like Firefox, the loading= "lazy" property doesn't work in an iframe element. To use the placeholder image, add a PlaceholderSrc attribute to the image with the value of the image. You can see how it is.
freeCodeCamp·4yHow to Authenticate a User with Face Recognition in React.js
In this tutorial, we'll discuss different authentication techniques you can use to authenticate users. These include email-password authentication, phone auth, OAuth, passwordless magic links, and at last facial authentication. We'll also build a project that teaches you how to integrate facial recognition-based authentication in your React web application Magic link authentication Magic links.
freeCodeCamp·4yHow to Center a Div with CSS – 10 Different Ways
In this article, you'll learn 10 different ways to center a div. We will explore how to center divs using the CSS position property, CSS Flexbox, and CSS Grid. After reading this whole article, I am confident that you will start centering divs like a pro.
freeCodeCamp·4yBest Practices for Scaling Your Node.js REST APIs
Use throttling at the first junction point between your application and the News Feed Service. Use the ELK stack for setting up a good logging and alerting pipeline. If a request goes through multiple services during the lifecycle, you can pass along a unique ID in the logs to capture a particular request across all the services.
freeCodeCamp·4y5 Linux Utilities to Improve Your Programming Workflow in 2022
This article contains some Linux utilities that have recently replaced my overused and under-productive daily programming workflow. You will learn about those utilities and how they are a better alternative to their counterparts. Do you use any of the ones mentioned in this article?
freeCodeCamp·4yObject-Oriented Programming in JavaScript for Beginners
In this article we're going to review the main characteristics of object oriented programming (OOP) with practical JavaScript examples. We will talk about OOP main concepts, why and when it can be useful, and I'll give you plenty of examples using JS code. The core concept of OOP is to separate concerns and responsibilities into entities. Each entity will group a given set of information and actions (methods) that can be performed by the entity.
freeCodeCamp·4yBuild a Low-Code Dashboard for Your Startup
We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to create a dashboard to help manage your site or startup. In this course you will learn how to use low code tools and APIs to build a customer support dashboard. You will learn to create the dashboard using the Appsmith platform, MongoDB, the SMTP API, and the Discord web hook.
freeCodeCamp·4yJavaScript Design Patterns –Explained with Examples
Design patterns were popularized by the book "Design Patterns: Elements of Reusable Object-Oriented Software" The book explores the capabilities and pitfalls of object-oriented programming. It describes 23 useful patterns that you can implement to solve common programming problems. These patterns are classified into three main categories: creational, structural, and behavioral patterns.
freeCodeCamp·4yAsynchronous JavaScript – Callbacks, Promises, and Async/Await Explained
By default, JavaScript is a synchronous, single threaded programming language. This means that instructions can only run one after another, and not in parallel. When JavaScript is running asynchronously, the instructions are not necessarily executed one after the other as we saw before. In this article, we will go through callback functions, promises, and async and await.
freeCodeCamp·4yTypeScript for React Developers – Why TypeScript is Useful and How it Works
The idea behind this article is to go through the basics of TS and understand the benefits of TypeScript. In the second section of this article, I will cover the specifics of TS with React. This should help you decide if you want those benefits or not.
freeCodeCamp·4yUseful HTML5 Tags You Might Not Know
Semantic tags add real meaning to the webpage and make it easy for humans, and search engines, to differentiate between different parts of the website. To reap the benefits, you should know the HTML5 tags you can use to enhance your website. There are some very useful but little-known HTML 5 tags that can come in handy for Cars.
freeCodeCamp·3yProgramming in TypeScript – Full Course
TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. This is because TypeScript uses a static type system, which means that the type of a variable is checked before the code is executed. TypeScript can be used to develop large-scale JavaScript applications.