Best of freeCodeCampJuly 2022

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

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

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

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

  5. 5
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    How to Get Started with Node.js – Beginner's Guide to Node

    NPM stands for Node Package Manager which help you manage your packages for Node. Node.js is an event-driven, non-blocking IO model. This means it doesn't block itself for one request (but rather immediately moves to the next request) This makes Node extraordinarily fast and efficient.

  6. 6
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    How to Update NPM Dependencies

    Dependencies can become outdated over time due to bug fixes, new features, and other updates. Outdated packages can pose a threat to security and can have negative effects on performance. Up-to-date packages prevent vulnerabilities. periodic dependency checks and updates are important. In this article, I will go over methods to inspect and upgrade dependencies in detail.

  7. 7
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    How to Use the flat() and flatMap() Methods to Flatten Arrays in JavaScript

    The right word to use is index and not position in JavaScript. The array method is a nice way of concatenating elements in an array recursively. The flatMap() method loops through the elements of an array and concatenates the elements into one level. In the above code, the array named arr3 contains two distinct sub-arrays.

  8. 8
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    JavaScript DOM Manipulation Course

    In website development, DOM stands for Document Object Model. It is a programming interface that allows us to create, change, or remove elements from a website document. DOM manipulation is when you use JavaScript to add, remove, and modify elements of a website. Watch the full course below or on the freeCodeCamp.org YouTube channel (3-hour watch)

  9. 9
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Test-Driven Development Tutorial – How to Test Your JavaScript and ReactJS Applications

    Test-Driven Development (TDD) requires you to pre-specify the output your intended program must produce to pass the test of functioning the way you envisioned. This tutorial will show you all you need to cd path/to/addition-calculator-jest-project Step 4: Create a package, Initialize a package.json file for your project. If your package manager is Yarn, run: yarn add jest --save-dev.

  10. 10
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    How to Build a Full-Stack Authentication App With React, Express, MongoDB, Heroku, and Netlify

    This tutorial assumes that you already know the basics of: Nodejs and Express. We'll begin with setting up a database using MongoDB, then we'll create endpoints (login and register), and finish by hosting the endpoints on Heroku. By the end of this tutorial, you will have learned how to use tools such as Nodejs, Express, React, Mongo DB, Heroku, Netlify.

  11. 11
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    How to Choose a Tech Career in 2022 – A Career Changer's Guide

    As a UI/UX developer, your job is to design and build out a user's experience for a brand or company. A code editor/IDE is where you'll write your code, debug it, and preview written code. Git and GitHub for version control is a system that helps you review your code in stages and keep track of your revisions. Git is a version control system.

  12. 12
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    How to Animate Your Git Commit History with git-story

    Git Story lets you easily generate mp4 videos presenting the layout and progression of your Git commit history, all using one single command: git-story. Git Story uses Manim to create circles, arrows, refs, Git branch names, and other objects that represent your Git history.

  13. 13
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    The Most Asked TypeScript Questions on StackOverflow – Answered for Beginners

    In this article, I’ll explore the seven most stackoverflowed TypeScript questions. In numerous instances, you can use either an interface or type alias interchangeably. This article clears up the confusion and helps you choose which is right for you. You can get a PDF or ePub version of this cheatsheet for easier reference.

  14. 14
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    JavaScript Tutorial – Code Two Word Games

    Coding games is a fun way to improve your JavaScript skills. This tutorial is for those who have already learned the basics of JavaScript. Watch the full course below or on the freeCodeCamp.org YouTube channel (2-hour watch).Transcript: How to code two word games in JavaScript.

  15. 15
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    What is Redux? Store, Actions, and Reducers Explained for Beginners

    Redux is a state management library that you can use with any JS library or framework like React, Angular, or Vue. In this article, we will learn what Redux is at its core along with its three key principles. We will also see how some of its core building blocks work, such as store, actions, and reducers As of React 18 const root = ReactDOM.

  16. 16
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    JavaScript Check if Undefined – How to Test for Undefined in JS

    An undefined variable or anything without a value will always return "undefined" in JavaScript. This is not the same as null, despite the fact that both imply an empty state. In this article, you will learn the various methods and approaches you can use to know if a variable is undefined.

  17. 17
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    The PHP Handbook – Learn PHP for Beginners

    PHP is a programming language that many devs use to create Web Applications. It was first created in 1994 by Rasmus Lerdorf to build his personal website. It became popular later on, in 1997/8, and exploded in the 2000s when PHP 4 landed.

  18. 18
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Coding Interview Prep for Big Tech (FAANG) – And How I Became A Google Engineer

    When I changed careers from lawyer to software engineer at Google, I published 10 big ideas that helped me make that massive transition. Since then I’ve had a ton of questions from people asking me questions about: How I taught myself new skills at 37. How I prepared for big tech coding interviews at the ripe ol’ age of 39.