--- title: Best freeCodeCamp posts — March 2022 | daily.dev description: The most upvoted freeCodeCamp posts from March 2022, curated by the daily.dev community. canonical: https://daily.dev/sources/freecodecamp/best-of/2022/03 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/freecodecamp/best-of/2022/03 og:type: website og:site_name: daily.dev og:title: Best freeCodeCamp posts — March 2022 | daily.dev og:description: The most upvoted freeCodeCamp posts from March 2022, 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 2022 1. 1 [](https://daily.dev/posts/music-for-programming-coding-music-playlists-radio-stations-videos-and-lives-uruakm53c "Music for Programming – Coding Music Playlists, Radio Stations, Videos, and Lives") Article freeCodeCamp·4y Music for Programming – Coding Music Playlists, Radio Stations, Videos, and Lives This blog post is all about music for programming. I'll be sharing a variety of different playlists, radio stations, and videos that you can listen to while coding. Whether you're a beginner or an experienced programmer, you will find something to listen to. I hope these links will help motivate you in your day-to-day developer work. 130 10 2. 2 [](https://daily.dev/posts/learn-go-programming-by-building-11-projects-i2bjfe-yg "Learn Go Programming by Building 11 Projects") Article freeCodeCamp·4y Learn Go Programming by Building 11 Projects The Go programming language is an open-source and compiled language designed by Google. Go is popular for cloud-based or server-side applications. We just published a course on the freeCodeCamp.org YouTube channel that will help you improve your Go skills by teaching you how to create eleven projects. 106 3 3. 3 [](https://daily.dev/posts/how-to-create-microservices-with-fastapi-hfv5ibpay "How to Create Microservices with FastAPI") Article freeCodeCamp·4y How to Create Microservices with FastAPI We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to develop microservices app using FastAPI. FastAPI is a Web framework for developing RESTful APIs in Python. You will learn how to use RedisJSON as a Database and dispatch events with Redis Streams. 103 4 4. 4 [](https://daily.dev/posts/create-a-portfolio-with-react-featuring-cool-animations-0dbq5x8ec "Create a Portfolio with React featuring Cool Animations") Article freeCodeCamp·4y Create a Portfolio with React featuring Cool Animations We just published a React tutorial that will teach you how to build a frontend portfolio with neat animations. Creating a portfolio website is a great way to improve your frontend development skills. Watch the full course below or on the freeCodeCamp.org YouTube channel (1.5 hour watch). 76 2 5. 5 [](https://daily.dev/posts/git-config-how-to-configure-git-settings-to-improve-your-development-workflow-qyrwtbzva "git config – How to Configure Git Settings to Improve Your Development Workflow") Article freeCodeCamp·4y git config – How to Configure Git Settings to Improve Your Development Workflow Git configuration is a powerful command in Git. You can use the Git configuration file to customize how Git works. The tips shared here are things that have worked for me, but there are a lot more you can try after reading. Here are some global Git configuration tips. 42 5 6. 6 [](https://daily.dev/posts/learn-vim-beginner-s-tutorial-4azdyzsik "Learn Vim – Beginner's Tutorial") Article freeCodeCamp·4y Learn Vim – Beginner's Tutorial Vim is a highly configurable text editor that you can use for software development or any kind of text editing. When someone masters Vim, they can often be more efficient with it than using other text editors. In this course you will learn how to use all the most common Vim commands and some common Vim extensions. 39 3 7. 7 [](https://daily.dev/posts/create-a-portfolio-website-using-html-css-javascript-35l6qshyq "Create a Portfolio Website Using HTML, CSS, & JavaScript") Article freeCodeCamp·4y Create a Portfolio Website Using HTML, CSS, & JavaScript In this course, you will improve your HTML, CSS and JavaScript skills by building a portfolio website. You can use what you learn in this course to show off your work history and design skills. Watch the full course below or on the freeCodeCamp.org YouTube channel (3-hour watch) 29 8. 8 [](https://daily.dev/posts/react-hooks-fundamentals-for-beginners-mm1p79odx "React Hooks Fundamentals for Beginners") Article freeCodeCamp·4y React Hooks Fundamentals for Beginners With React Hooks, we can use state, and other React features, in a functional component. Hooks are JavaScript functions that manage the state's behaviour and side effects by isolating them from a component. The motivation behind writing this piece is to encourage beginners to think that "React Hooks is easy to learn, create, and use" 20 9. 9 [](https://daily.dev/posts/shell-scripting-for-beginners-how-to-write-bash-scripts-in-linux-vuycc8rv4 "Shell Scripting for Beginners – How to Write Bash Scripts in Linux") Article freeCodeCamp·4y Shell Scripting for Beginners – How to Write Bash Scripts in Linux Shell scripting is an important part of process automation in Linux. Scripting helps you write a sequence of commands in a file and then execute them. This saves you time because you don't have to write certain commands again and again. You can perform daily tasks efficiently and even schedule them for automatic execution. 18 3 10. 10 [](https://daily.dev/posts/learn-webgpu-a-next-generation-graphics-api-for-the-web-ocaxhkpd8 "Learn WebGPU – A next-generation graphics API for the web") Article freeCodeCamp·4y Learn WebGPU – A next-generation graphics API for the web We just published a WebGPU course on the freeCodeCmap.org YouTube channel. Dr. Jack Xu developed this course. He has over 25 years of programming experience and has published multiple books about WebGPU. You will learn how to create each project from scratch and how to add 3D graphics to your web applications. 18 11. 11 [](https://daily.dev/posts/how-to-use-google-search-tips-for-better-results-bizuujrim "How to Use Google – Search Tips for Better Results") Article freeCodeCamp·4y How to Use Google – Search Tips for Better Results Google is the most powerful tool in the world if you know how to use it properly. Let me show you how to get better at Googling. Use quotes to force an exact-match search. Use the OR operator to get results related to one of the search terms. 15 3 12. 12 [](https://daily.dev/posts/react-js-basics-the-dom-components-and-declarative-views-explained-hodmvdfs9 "React.js Basics – The DOM, Components, and Declarative Views Explained") Article freeCodeCamp·4y React.js Basics – The DOM, Components, and Declarative Views Explained React is an open source JavaScript library for creating user interfaces. It was created by Facebook back in 2013\. Some of the popular websites built using ReactJS include Dropbox, Netflix, and Instacart – and the list goes on. Let's dive into the two main features of ReactJS that we're gonna discuss today. 15 13. 13 [](https://daily.dev/posts/how-to-remove-all-docker-images-a-docker-cleanup-guide-3xpocsi2u "How to Remove All Docker Images – A Docker Cleanup Guide") Article freeCodeCamp·4y How to Remove All Docker Images – A Docker Cleanup Guide The most popular technology for container management is Docker. Using containers can take a lot of disk space, and you will eventually end up with a full disk. This guide shows you how you analyze used disk space and clean up different Docker resources. All you need is a running Docker daemon and a terminal. 15 14. 14 [](https://daily.dev/posts/how-i-developed-my-first-adventure-game-fg7jsdkd8 "How I Developed My First Adventure Game") Article freeCodeCamp·4y How I Developed My First Adventure Game This article is about how I (Andrea) and Luigi developed Occulto , our first adventure game. It will cover some technical aspects of the project, as well as how we managed creating and developing it. I'll discuss both psychological and practical parts of the journey. And I'll also provide a shallow comparison between using web technologies (like WebGL) for development vs Unity 2D. 14 1 15. 15 [](https://daily.dev/posts/how-to-build-a-podcast-player-with-transcriptions-using-vue-and-supabase--fwah-crz "How to Build a Podcast Player with Transcriptions using Vue and Supabase") Article freeCodeCamp·5y How to Build a Podcast Player with Transcriptions using Vue and Supabase This is a continuation of my previous post on setting up Authentication using Supabase. You'll just need to set up Supabase and add your credentials/API key to a .env.local file to get up and running. You should be familiar with JavaScript, have had some experience with Vue 3, and you should have Node.js and NPM installed. 11 16. 16 [](https://daily.dev/posts/how-to-use-typescript-beginner-friendly-ts-tutorial-vywseq4ih "How to Use TypeScript – Beginner-Friendly TS Tutorial") Article freeCodeCamp·4y How to Use TypeScript – Beginner-Friendly TS Tutorial TypeScript is a superset of JavaScript. TypeScript takes all the functionalities and structures JavaScript provides as a language, and adds a few things to that. The main thing TypeScript provides is static typing. In a programming language, types refer to the kind or type of information a given program stores. 10 [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/2022/03#page","url":"https://daily.dev/sources/freecodecamp/best-of/2022/03","name":"Best freeCodeCamp Posts — March 2022","description":"The most upvoted freeCodeCamp posts from March 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/freecodecamp/best-of/2022/03#items","numberOfItems":16,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/music-for-programming-coding-music-playlists-radio-stations-videos-and-lives-uruakm53c","name":"Music for Programming – Coding Music Playlists, Radio Stations, Videos, and Lives"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/learn-go-programming-by-building-11-projects-i2bjfe-yg","name":"Learn Go Programming by Building 11 Projects"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-to-create-microservices-with-fastapi-hfv5ibpay","name":"How to Create Microservices with FastAPI"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/create-a-portfolio-with-react-featuring-cool-animations-0dbq5x8ec","name":"Create a Portfolio with React featuring Cool Animations"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/git-config-how-to-configure-git-settings-to-improve-your-development-workflow-qyrwtbzva","name":"git config – How to Configure Git Settings to Improve Your Development Workflow"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/learn-vim-beginner-s-tutorial-4azdyzsik","name":"Learn Vim – Beginner's Tutorial"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/create-a-portfolio-website-using-html-css-javascript-35l6qshyq","name":"Create a Portfolio Website Using HTML, CSS, & JavaScript"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/react-hooks-fundamentals-for-beginners-mm1p79odx","name":"React Hooks Fundamentals for Beginners"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/shell-scripting-for-beginners-how-to-write-bash-scripts-in-linux-vuycc8rv4","name":"Shell Scripting for Beginners – How to Write Bash Scripts in Linux"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/learn-webgpu-a-next-generation-graphics-api-for-the-web-ocaxhkpd8","name":"Learn WebGPU – A next-generation graphics API for the web"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/how-to-use-google-search-tips-for-better-results-bizuujrim","name":"How to Use Google – Search Tips for Better Results"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/react-js-basics-the-dom-components-and-declarative-views-explained-hodmvdfs9","name":"React.js Basics – The DOM, Components, and Declarative Views Explained"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/how-to-remove-all-docker-images-a-docker-cleanup-guide-3xpocsi2u","name":"How to Remove All Docker Images – A Docker Cleanup Guide"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/how-i-developed-my-first-adventure-game-fg7jsdkd8","name":"How I Developed My First Adventure Game"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/how-to-build-a-podcast-player-with-transcriptions-using-vue-and-supabase--fwah-crz","name":"How to Build a Podcast Player with Transcriptions using Vue and Supabase"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/how-to-use-typescript-beginner-friendly-ts-tutorial-vywseq4ih","name":"How to Use TypeScript – Beginner-Friendly TS Tutorial"}]},{"@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 2022"}]}]} ```