freeCodeCamp·3yHow to Get a Github Student Developer Pack
GitHub Student Developer Pack provides students with access to a variety of top-notch developer tools. The pack is made up of a selection of benefits generously provided by GitHub's partners and collaborators. As a student, you will get access to six free months of 60+ courses covering in-demand topics.
freeCodeCamp·3yHow to Build a Portfolio Site with Sanity and Next.js
Sanity is a headless CMS framework for managing content. Sanity is Sanity's open source single-page app for managing your data and operations. You'll learn how to use Sanity as a data source to build a portfolio site with Next.js. In this tutorial you'll be mounting it together with your Next.
freeCodeCamp·3yHow to Add Real-time Post Notifications to Your React Applications
How to add Real-time Post Notifications to your React app, that updates the user when someone likes or comments on your thread? You must know React and Firebase in order to proceed with the things explained below. If you want to build a social media application, simply refer to the videos below.
freeCodeCamp·3yTypeScript Handbook for React Developers – How to Build a Type-Safe Todo App
TypeScript Handbook for React Developers is just for you. You will learn how to handle state and props with strong typing, how to create React components with TypeScript. By the end of this tutorial, you'll have a solid understanding of TypeScript and be ready to develop type-safe React applications with confidence.
freeCodeCamp·3yLearn Full Stack Development with Next.js and Supabase by Building a Twitter Clone.
Learn Full Stack Development with Next.js 13, Tailwind CSS, TypeScript, and Supabase by building a Twitter clone. The course is designed around a project-based learning approach, providing you with the opportunity to gain hands-on experience as you create a functional, full-stack Twitter clone.
freeCodeCamp·3yHow to Write Faster HTML and CSS Code Using Emmet
Emmet is an essential development tool that helps you quickly create repetitive structures like lists, tables, or ordered elements with minimal typing. It is more like a shorthand that translates to multiple lines of HTML or a CSS attribute. In this tutorial, we will learn some Emmet shortcuts that generate HTML and CSS quickly.
freeCodeCamp·3yRegular Expressions for JavaScript Developers [Full Book]
Regular expressions can be intimidating when you first encounter them. When I started learning to code, I gave up on regular expressions twice. In this book, you'll also see how they work in JavaScript. You'll also need to understand the methods and functions the language uses for working with regular expressions.
freeCodeCamp·3yHow to Use the TypeScript satisfies Operator
The TypeScript operator checks if a given type satisfies a specific condition or interface. When you're using it, you can declare a new variable to verify if an expression's type matches another type. If you use the operator, you will not encounter errors in other objects.
freeCodeCamp·3yHow to Use the JavaScript Fullscreen API
Fullscreen API is a browser web API that allows you to enable fullscreen mode for HTML elements. It saves you the stress of using CSS and JavaScript to implement fullscreen functionality. The use cases of fullscreen API are numerous because of the increased complexity of today's websites.
freeCodeCamp·3yThe Git Rebase Handbook – A Definitive Guide to Rebasing
The Git Rebase Handbook - A Definitive Guide to Rebasing One of the most powerful tools a developer can have in their toolbox is. In this post, you will understand what Git rebase is, why it's different from merge, and how to rebase with confidence.
freeCodeCamp·3yHow to Make Your First Open Source Code Contribution
This article will help you to dip your toe into the open source community waters by making your first open-source contribution. To get started, you will need to create a GitHub account if you don't already have one. You'll also use GitHub's Codespaces, your local development environment on the cloud, to enable a smooth contribution process.
freeCodeCamp·3yHow to Use TypeScript Generics with Functional React Components
Generics allow you to define flexible components that can adapt to different data structures. By leveraging Generics in functional components, you can create highly reusable and adaptable UI elements. In this tutorial, we'll begin by understanding the concept of generics in TypeScript and how they can be beneficial in the context of React development.
freeCodeCamp·3yLearn Next.js by Building a Custom API with MongoDB
A new course on the freeCodeCamp.org YouTube channel will give you an in-depth understanding of how to build a custom API using Next.js and MongoDB. It's a project-based course where you learn by doing, and by the end of it, you'll have a fully functioning authentication system built from scratch.
freeCodeCamp·3yLearn JavaScript for Beginners – JS Basics Handbook
Learn JavaScript for Beginners - JS Basics Handbook. We'll cover things like variables, data types, functions, objects, arrays, and classes. You'll also learn how to mix them all to build a small but solid program. This tutorial focuses only on JavaScript as a programming language and uses the terminal to run the code.