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·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·4yHow 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.
freeCodeCamp·4yHow 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.
freeCodeCamp·4yHow 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.
freeCodeCamp·4yJavaScript 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)
freeCodeCamp·4yTest-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.
freeCodeCamp·4yHow 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.
freeCodeCamp·4yHow 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.
freeCodeCamp·4yHow 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.
freeCodeCamp·4yThe 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.
freeCodeCamp·4yJavaScript 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.
freeCodeCamp·4yWhat 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.
freeCodeCamp·4yJavaScript 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.
freeCodeCamp·4yCoding 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.