Best of freeCodeCampDecember 2022

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

  2. 2
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Improve Your JavaScript Skills by Coding a Card Game

    Coding a Card Game Building projects is a great way to improve your programming skills. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to create a digital card game with JavaScirpt, HTML, and CSS.

  3. 3
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Build Your Own SaaS – PagerDuty Clone

    Ania Kubów creates popular software tutorials on both the freeCodeCamp channel and her own channel. In this course, Ania will teach you how to build a dashboard to let you know if your app is down. This is a clone of the popular software as a service app called PagerDuty.

  4. 4
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Have Fun Building React Apps

    Building React apps can be a very fun experience or a very difficult and tedious one, based off of the tools you choose. You can become a React pro in 30 minutes a day with my React Bootcamp. You have to choose which tools and libraries you would like to power your React projects.

  5. 5
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Build a Dropdown Menu with JavaScript

    In this guide, you'll learn how to build a dropdown menu using HTML, CSS, and JavaScript. At the end of the guide, I'll include the codepen file so you can play around with it. For simplicity, we'll be using a free library called Boxicons. Feel free to pick other alternatives you prefer.

  6. 6
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Linux Networking Commands You Should Know as a Beginner

    A basic understanding of the Linux terminal is enough to learn networking in Linux. How to find the IP Address of your machine is the most basic question in networking. What's an IP Address? IP stands for "Internet Protocol," which is the protocol governing how data are sent via the internet or a local network.

  7. 7
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Better React Performance – When to Use the useCallback vs useMemo Hook

    Using the useCallback vs useMemo Hook is one of the built-in hooks we can use to optimise our code. In this article you will learn the differences between and as well as how to measure the gain of the improvements you're getting in the codebase. The following methods for optimising React are really last resort options.

  8. 8
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    API Testing Best Practices – How to Test APIs for Beginners

    API testing is important because it helps ensure that the various components of a system are working together as expected. API Testing is a process that checks that an API adheres to the given requirements. You can conduct API testing manually or automatically, and it is often considered a part of integration testing.

  9. 9
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    CSS display:none and visibility:hidden – What's the Difference?

    CSS display:none and visibility:hidden - What's the Difference? and are two style declarations you can use to hide elements on the screen with CSS. Both approaches hide the element visually, they cause the element to behave in different ways. I'll explain these differences in this article if you're interested.

  10. 10
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Web Accessibility – Best Practices and a Checklist for Developers

    The World Health Organization reports that about 15% of the world's population lives with some form of disability. This means that as developers, our focus on making websites and applications accessible helps more people use these resources. In this article, I'll point out barriers to web accessibility, discuss the Web Content Accessibility Guidelines (WCAG) and share a basic checklist that all developers can use.

  11. 11
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Database Normalization – Normal Forms 1nf 2nf 3nf Table Examples

    Database normalization entails organizing a database into several tables in order to reduce redundancy. You can design the database to follow any of the types of normalization such as 1NF, 2NF, and 3NF. In this article, we’ll look at what database normalization is in detail and its purpose.

  12. 12
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Speed up Your Software Development Pipeline

    The most important thing a development manager can do to keep work flowing smoothly through their team's work pipeline is to create a detailed roadmap for every project before work begins. It's always better to clear the road ahead before getting to work if you want to keep a software project moving forward at a high rate of speed.

  13. 13
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Learn to Code RPG Version 1.5 is Now Playable with Hours of New Gameplay

    Learn to Code RPG Version 1.5 is now Playable with Hours of New Gameplay Hello. It's available for PC, Mac, and Linux on itch.io. You can download the game and play it for free.

  14. 14
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    What Exactly is Node.js? Explained for Beginners

    Node.js allows developers to create both front-end and back-end applications using JavaScript. It was released in 2009 by Ryan Dahl and is open-source and cross-platform. For a beginner, this definition might raise further questions.

  15. 15
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    String Equality in JavaScript – How to Compare Strings in JS

    String Equality in JavaScript is a more detailed comparison than loose equality. In JavaScript, you can compare strings based on their value, length, character case, and lots more. The strict operator is best used to compare strings in JavaScript because it checks to be sure both operands and values are the same.