Best of freeCodeCamp2022

  1. 1
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    How 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.

  2. 2
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    The 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.

  3. 3
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Learn 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.

  4. 4
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    The 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.

  5. 5
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Harvard 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.

  6. 6
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    How 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.

  7. 7
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Top 30 React Interview Questions and Concepts

    The freeCodeCamp.org course teaches you about 30 common React interview questions and concepts. Nishant Singh developed this course to help you prepare for a React interview.

  8. 8
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    REST 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.

  9. 9
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Automate 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.

  10. 10
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Free 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.

  11. 11
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Code a Minecraft Clone Using React and Three.js

    Code a Minecraft clone using React, JavaScript, and Three.js is a course on the freeCodeCamp.org YouTube channel. You will learn about many React concepts such as useState, useEffect, useRef and custom Hooks for State management.

  12. 12
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Learn 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!

  13. 13
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Learn 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.

  14. 14
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    How 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.

  15. 15
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    How 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.

  16. 16
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    How 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.

  17. 17
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Best 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.

  18. 18
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    5 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?

  19. 19
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Object-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.

  20. 20
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Build 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.

  21. 21
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    JavaScript 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.

  22. 22
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Asynchronous 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.

  23. 23
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    TypeScript 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.

  24. 24
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Useful 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.

  25. 25
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Programming 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.