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·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·4yLearn ReactJS – Complete Roadmap
ReactJS (aka React) is an open-source JavaScript-based user interface library. It is insanely popular in web development communities today. In this article, we will look at a complete roadmap to learn ReactJS. We will break the entire roadmap into four phases: What to learn before React, How to move from beginner to intermediate, and How to go from intermediate to advanced.
freeCodeCamp·4yUI Design with Figma - Tutorial
Figma is a vector graphics editor and prototyping tool that is often used for UI design. Joseph Brendan developed this course. Joseph is a great instructor who has taught thousands of people on his YouTube channel. Watch the full course below or on the freeCodeCamp.org YouTube channel (10-hour watch)
freeCodeCamp·4yHow to Become a Serverless Developer in 2022
Serverless Development has been around since the release of AWS Lambda in 2014. Smart tech companies have started taking advantage of the scalability, reliability, and power of serverless to rapidly grow. This article will cover the 5 steps to learning how to become a serverless developer so you can build some kick-butt products.
freeCodeCamp·4yfreeCodeCamp Just Got a Million Dollar Donation from an Alum to Build a Carbon-Neutral Web3 Curriculum
A freeCodeCamp alum who founded his own successful Web3 company has donated $1M to free code camp. He asked that we use some of these funds to develop a carbon-neutral Web3 curriculum. This free curriculum will teach the fundamentals of smart contracts and distributed application development. It will teach you Web3 development through building more than a dozen projects.
freeCodeCamp·4y10 Common Coding Interview Problems [Solved]
Learn how to solve 10 common coding problems and improve your problem-solving skills. The course uses graphics and animation to help you understand the theory behind the solutions. Watch the full course below or on the freeCodeCamp.org YouTube channel (2-hour watch)
freeCodeCamp·4yThe React Beginner's Guide for 2022
This guide will give you everything you need to start learning and using React. Node, Git, and Visual Studio Code are essential tools every developer needs. Git gives you "version control," a fancy name for a tool that enables you to save your code and restore past saves if necessary.
freeCodeCamp·4yTop JavaScript Concepts to Know Before Learning React
React is a JavaScript framework for building UI components-based user interfaces. It is built using modern JavaScript features, which were mostly introduced with ES2015. If you want to learn React –or any JavaScript framework – you'll first need to understand the fundamental JavaScript methods and concepts. To help you deepen your learning, I will connect distinct links to each method and concept.
freeCodeCamp·4yHow to Build Your First JavaScript GitHub Action
GitHub Actions are custom code that you can include in a workflow job as a step to accomplish a task. An action can publish your code to a package manager like npm or yarn. It can also integrate with an SMS service provider to alert you when an urgent issue is created in your repo.
freeCodeCamp·4yHow to Use Git and GitHub in a Team like a Pro – Featuring Harry and Hermione 🧙
In this tutorial, you will learn how to work in a team with a central repository on GitHub. The project will use two fictional team members – Harry and Hermione – with two separate GitHub accounts. Harry will be the one working locally in our development environment, and Hermione will work directly on GitHub by using an online VSCode.
freeCodeCamp·4yHTML Best Practices – How to Build a Better HTML-Based Website
HTML is the backbone of any website. If you don't follow the best practices, you will create a bad user experience for the web user. Here are some guidelines to keep in mind when building an HTML-based website. Use only one <h1> element for one code sheet. Don't skip heading levels in HTML.
freeCodeCamp·4yGet Started with Next.js – The React Library Your Project Needs
Next.js is the most important React library you will use to build 90% of your projects. The ultimate tool for any React developer to learn and improve their own projects is Next.js. Next gives you features to improve your development experience but doesn't constrain the amount of options you can choose from.
freeCodeCamp·4yHow to Create Beautiful Box Shadows in HTML and CSS
Whenever you're designing a card in HTML, box shadows play a vital role in making the cards stand out. Box shadows can make or break the look and the entire message that that cards need to convey. Box Shadows can help you achieve this and get your customers to notice your products. You can use more than one layer of box shadows in your cards – and you'll likely do this a lot.
freeCodeCamp·4yHow to Create a Pie Chart Using Only CSS
Pie charts are common components that let you show portions of a whole. You can use them for many different purposes. You will find a lot of articles around building such a component. In this post, I will show you how to create a pie chart using CSS and only one element.
freeCodeCamp·4yBuild your Developer Portfolio and Blog from Scratch with Svelte and GraphCMS – A Complete Guide
A developer portfolio is a great way to showcase your current skill level to potential employers. This guide will go from hello world to a fully-featured portfolio project to show your current projects with images and links to source code. You'll also build an accompanying blog where you can detail what you have learned along the way.
freeCodeCamp·4yHow Web Workers Work in JavaScript – With a Practical JS Example
In this article, I will walk you through an example that will show you how web workers function in JavaScript with the help of WebSockets. I think it's helpful to work with a practical use case because it is much simpler to understand the concepts when you can relate them to real life. A web worker is a piece of browser functionality. It is the real OS threads that can be spawned in the background of your current page.