--- title: Best freeCodeCamp posts — March 2024 | daily.dev description: The most upvoted freeCodeCamp posts from March 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/freecodecamp/best-of/2024/03 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/freecodecamp/best-of/2024/03 og:type: website og:site_name: daily.dev og:title: Best freeCodeCamp posts — March 2024 | daily.dev og:description: The most upvoted freeCodeCamp posts from March 2024, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of freeCodeCamp — March 2024 1. 1 [](https://daily.dev/posts/back-end-developer-roadmap-b4t8mjc5c "Back End Developer Roadmap") Article freeCodeCamp · 2y Back End Developer Roadmap This post provides a roadmap and overview of the core technologies and skills required to become a proficient backend developer. It covers topics such as internet basics, programming languages, Git and GitHub, relational databases, APIs, caching, API security best practices, testing, software design and architecture, message brokers, containerization, web servers, GraphQL, MongoDB, Firebase, Redis, and infrastructure knowledge. The post emphasizes the importance of continual learning and engagement in the dynamic field of backend development. 954 30 2. 2 [](https://daily.dev/posts/learn-typescript-for-practical-projects-zol1o2rzd "Learn TypeScript for Practical Projects") Article freeCodeCamp · 2y Learn TypeScript for Practical Projects Learn TypeScript for Practical Projects with a course on the freeCodeCamp.org YouTube channel. TypeScript is a popular programming language that adds static types to JavaScript, improving code robustness and readability. The course covers basic concepts, objects and functions, aliases and interfaces, tuples and enums, type guards, generics, fetching data, classes, and React development with TypeScript. The course is taught by John Smilga, known for his hands-on teaching approach. 329 6 3. 3 [](https://daily.dev/posts/how-to-build-a-basic-cms-with-google-sheets-and-react-eeihwagq6 "How to Build a Basic CMS with Google Sheets and React") Article freeCodeCamp · 3y How to Build a Basic CMS with Google Sheets and React Learn how to build a basic CMS using Google Sheets and React. This approach reduces costs and simplifies content updates and management. Ideal for freelancers and those on a tight budget. 320 34 4. 4 [](https://daily.dev/posts/what-is-dead-zone-in-javascript--bnley5y9r "What is Dead Zone in JavaScript?") Article freeCodeCamp · 2y What is Dead Zone in JavaScript? Understanding dead zones in JavaScript is crucial for writing efficient and bug-free code. Dead zones refer to a phase during the execution of code where a variable exists but cannot be accessed. They occur due to variable hoisting and can be handled by declaring variables before use, understanding block scope, and using caution with the \`var\` keyword. 280 16 5. 5 [](https://daily.dev/posts/learn-how-to-automate-your-boring-tasks-no-code-automation-full-course--gl6ftu3ip "Learn how to Automate Your Boring Tasks. No-Code Automation [Full Course]") Article freeCodeCamp · 2y Learn how to Automate Your Boring Tasks. No-Code Automation \[Full Course\] Learn how to automate your boring tasks with no-code automation. Increase productivity and innovation with automation in lead management, e-commerce, ticketing, in-house tasks, and AI. This full course on the freeCodeCamp.org YouTube channel will guide you step-by-step through the process of building smart, automated solutions without coding expertise. 243 11 6. 6 [](https://daily.dev/posts/comprehensive-nestjs-course-5xfh54snm "Comprehensive NestJS Course") Article freeCodeCamp · 2y Comprehensive NestJS Course Learn NestJS and master the creation of robust backend APIs for real-world applications with a comprehensive course on freeCodeCamp.org. The course covers database design, REST API development, authentication, authorization, GraphQL, WebSocket integration, and more. 238 6 7. 7 [](https://daily.dev/posts/top-10-javascript-algorithms-for-coding-challenges-y6cu0zgte "Top 10 JavaScript Algorithms for Coding Challenges") Article freeCodeCamp · 3y Top 10 JavaScript Algorithms for Coding Challenges Learn essential JavaScript algorithms for coding challenges including reversing strings and integers, determining palindromes, and identifying the most frequently occurring characters in a string. 220 9 8. 8 [](https://daily.dev/posts/practice-your-coding-skills-by-building-a-program-in-different-ways-bvfe29wjm "Practice Your Coding Skills by Building a Program in Different Ways") Article freeCodeCamp · 3y Practice Your Coding Skills by Building a Program in Different Ways Learn different ways to code a program that determines if a year is a leap year. Understand logical approaches, improve code quality, and explore declarative programming. Also covers validation of input. 154 2 9. 9 [](https://daily.dev/posts/how-to-use-prettier-in-visual-studio-code-9n0nct5nl "How To Use Prettier in Visual Studio Code") Article freeCodeCamp · 2y How To Use Prettier in Visual Studio Code Learn how to use Prettier in Visual Studio Code to format code and maintain consistency in your codebase. 127 7 10. 10 [](https://daily.dev/posts/react-hooks-how-to-use-the-usestate-useeffect-hooks-in-your-project-yh6mwpq16 "React Hooks – How to Use the useState & useEffect Hooks in Your Project") Article freeCodeCamp · 3y React Hooks – How to Use the useState & useEffect Hooks in Your Project React Hooks allow function components to have access to state and other React features, simplifying codebase and improving performance. Different types of React Hooks include useState, useEffect, useRef, useReducer, etc. The useState Hook enables state variables in functional components. 114 5 11. 11 [](https://daily.dev/posts/how-to-build-an-online-banking-system-python-object-oriented-programming-tutorial-7ymzgeqmu "How to Build an Online Banking System – Python Object-Oriented Programming Tutorial") Article freeCodeCamp · 2y How to Build an Online Banking System – Python Object-Oriented Programming Tutorial Learn the basics of Object-Oriented Programming (OOP) in Python by building an online banking system. Understand classes, objects, and inheritance. 83 2 12. 12 [](https://daily.dev/posts/how-to-run-github-actions-locally-using-the-act-cli-tool-pgwcs04af "How to Run GitHub Actions Locally Using the act CLI Tool") Article freeCodeCamp · 3y How to Run GitHub Actions Locally Using the act CLI Tool Learn how to run GitHub Actions locally using the act CLI tool. Install the act CLI, configure and initialize it, and use it to run GitHub actions locally on your machine. Save time and energy when testing GitHub actions. 83 5 13. 13 [](https://daily.dev/posts/learn-react-a-handbook-for-beginners-qhln8bafv "Learn React – A Handbook for Beginners") Article freeCodeCamp · 3y Learn React – A Handbook for Beginners This handbook provides step-by-step instructions for learning React, covering topics such as JSX, components, props, states, form handling, network requests, and the useEffect hook. It emphasizes the simplicity and power of React, with a low learning curve and strong community support. The handbook concludes with a recommendation for further learning through a book called Beginning React. 80 5 14. 14 [](https://daily.dev/posts/how-to-build-an-ai-enhanced-task-app-with-react-and-appwrite-nc1cjr1tm "How to Build an AI-enhanced Task App with React and Appwrite") Article freeCodeCamp · 2y How to Build an AI-enhanced Task App with React and Appwrite Learn how to build an AI-enhanced task app with React and Appwrite. This article covers the prerequisites, setting up the Appwrite backend, and the step-by-step process of building the app. 78 15. 15 [](https://daily.dev/posts/how-to-set-up-react-testing-library-with-next-js-a-step-by-step-guide-nqk8pbh60 "How to Set Up React Testing Library With Next.js – A Step-by-Step Guide") Article freeCodeCamp · 3y How to Set Up React Testing Library With Next.js – A Step-by-Step Guide Learn how to set up React Testing Library with Next.js and understand the importance of testing in React development. Explore the features and benefits of React Testing Library and how it simplifies the testing process. Includes a step-by-step guide and an example of testing a board in a 2048 game. 77 3 16. 16 [](https://daily.dev/posts/how-to-build-a-full-stack-kanban-task-management-app-with-typescript-next-js-redux-toolkit-and-fi-zshvz9mke "How to Build a Full-Stack Kanban Task Management App With TypeScript, Next.js, Redux-toolkit, and Firebase") Article freeCodeCamp · 2y How to Build a Full-Stack Kanban Task Management App With TypeScript, Next.js, Redux-toolkit, and Firebase Learn how to build a full-stack Kanban task management app using TypeScript, Next.js, Redux Toolkit, and Firebase. The tutorial covers implementing authentication with next-auth.js, configuring the Redux store, creating the app markup, integrating Firebase Firestore, adding initial data to the Firestore database, fetching and populating data, and implementing CRUD operations. 69 [See all freeCodeCamp archives](/sources/freecodecamp/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/freecodecamp/best-of/2024/03#page","url":"https://daily.dev/sources/freecodecamp/best-of/2024/03","name":"Best freeCodeCamp Posts — March 2024","description":"The most upvoted freeCodeCamp posts from March 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/freecodecamp/best-of/2024/03#items","numberOfItems":16,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/back-end-developer-roadmap-b4t8mjc5c","name":"Back End Developer Roadmap"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/learn-typescript-for-practical-projects-zol1o2rzd","name":"Learn TypeScript for Practical Projects"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-to-build-a-basic-cms-with-google-sheets-and-react-eeihwagq6","name":"How to Build a Basic CMS with Google Sheets and React"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/what-is-dead-zone-in-javascript--bnley5y9r","name":"What is Dead Zone in JavaScript?"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/learn-how-to-automate-your-boring-tasks-no-code-automation-full-course--gl6ftu3ip","name":"Learn how to Automate Your Boring Tasks. No-Code Automation [Full Course]"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/comprehensive-nestjs-course-5xfh54snm","name":"Comprehensive NestJS Course"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/top-10-javascript-algorithms-for-coding-challenges-y6cu0zgte","name":"Top 10 JavaScript Algorithms for Coding Challenges"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/practice-your-coding-skills-by-building-a-program-in-different-ways-bvfe29wjm","name":"Practice Your Coding Skills by Building a Program in Different Ways"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/how-to-use-prettier-in-visual-studio-code-9n0nct5nl","name":"How To Use Prettier in Visual Studio Code"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/react-hooks-how-to-use-the-usestate-useeffect-hooks-in-your-project-yh6mwpq16","name":"React Hooks – How to Use the useState & useEffect Hooks in Your Project"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/how-to-build-an-online-banking-system-python-object-oriented-programming-tutorial-7ymzgeqmu","name":"How to Build an Online Banking System – Python Object-Oriented Programming Tutorial"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/how-to-run-github-actions-locally-using-the-act-cli-tool-pgwcs04af","name":"How to Run GitHub Actions Locally Using the act CLI Tool"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/learn-react-a-handbook-for-beginners-qhln8bafv","name":"Learn React – A Handbook for Beginners"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/how-to-build-an-ai-enhanced-task-app-with-react-and-appwrite-nc1cjr1tm","name":"How to Build an AI-enhanced Task App with React and Appwrite"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/how-to-set-up-react-testing-library-with-next-js-a-step-by-step-guide-nqk8pbh60","name":"How to Set Up React Testing Library With Next.js – A Step-by-Step Guide"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/how-to-build-a-full-stack-kanban-task-management-app-with-typescript-next-js-redux-toolkit-and-fi-zshvz9mke","name":"How to Build a Full-Stack Kanban Task Management App With TypeScript, Next.js, Redux-toolkit, and Firebase"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"freeCodeCamp","item":"https://daily.dev/sources/freecodecamp"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/freecodecamp/best-of"},{"@type":"ListItem","position":5,"name":"March 2024"}]}]} ```