--- title: Best freeCodeCamp posts — August 2022 | daily.dev description: The most upvoted freeCodeCamp posts from August 2022, curated by the daily.dev community. canonical: https://daily.dev/sources/freecodecamp/best-of/2022/08 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/freecodecamp/best-of/2022/08 og:type: website og:site_name: daily.dev og:title: Best freeCodeCamp posts — August 2022 | daily.dev og:description: The most upvoted freeCodeCamp posts from August 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 — August 2022 1. 1 [](https://daily.dev/posts/5-linux-utilities-to-improve-your-programming-workflow-in-2022-oek2u20kd "5 Linux Utilities to Improve Your Programming Workflow in 2022") Article freeCodeCamp · 4y 5 Linux Utilities to Improve Your Programming Workflow in 2022 This article contains some Linux utilities that have recently replaced my overused and under-productive daily programming workflow. You will learn about those utilities and how they are a better alternative to their counterparts. Do you use any of the ones mentioned in this article? 180 14 2. 2 [](https://daily.dev/posts/useful-html5-tags-you-might-not-know-wzxp0tcaa "Useful HTML5 Tags You Might Not Know") Article freeCodeCamp · 4y Useful HTML5 Tags You Might Not Know Semantic tags add real meaning to the webpage and make it easy for humans, and search engines, to differentiate between different parts of the website. To reap the benefits, you should know the HTML5 tags you can use to enhance your website. There are some very useful but little-known HTML 5 tags that can come in handy for Cars. 153 12 3. 3 [](https://daily.dev/posts/frontend-web-developer-21-hour-bootcamp-e-luessk8 "Frontend Web Developer 21-Hour Bootcamp") Article freeCodeCamp · 4y Frontend Web Developer 21-Hour Bootcamp Frontend Web Developer 21-Hour Bootcamp will teach you the core skills you need to know to become a frontend web developer. You will learn various web development technologies and create a few projects. 80 4. 4 [](https://daily.dev/posts/implement-event-driven-architecture-with-react-and-fastapi-jl9ph8anm "Implement Event-Driven Architecture with React and FastAPI") Article freeCodeCamp · 4y Implement Event-Driven Architecture with React and FastAPI A course on the freeCodeCamp.org YouTube channel will teach you how to code an event-driven system with React, FastAPI, and Redis. You will learn to use the Finite State Machine pattern. The program will change the state every time there is a new event. 69 5. 5 [](https://daily.dev/posts/learn-react-from-three-all-star-instructors-9cz6yjzgy "Learn React from Three All-Star Instructors") Article freeCodeCamp · 4y Learn React from Three All-Star Instructors Learn React from Three All-Star Instructors React is one of the most popular frontend JavaScript frameworks. We just published a full React course for beginners on the freeCodeCamp.org YouTube channel. This course is a project-based course and focuses on teaching you everything you need to know to start creating your own React applications. 58 1 6. 6 [](https://daily.dev/posts/git-best-practices-how-to-write-meaningful-commits-effective-pull-requests-and-code-reviews-kx17ukdbx "Git Best Practices – How to Write Meaningful Commits, Effective Pull Requests, and Code Reviews") Article freeCodeCamp · 4y Git Best Practices – How to Write Meaningful Commits, Effective Pull Requests, and Code Reviews This article, we will explore how to write meaningful Git commit messages. How to get really good at the code review process and some best practices to follow. Use Imperative Commands Prefix your commit messages with imperative commands. 58 3 7. 7 [](https://daily.dev/posts/learn-css-in-11-hours-bbywl0ool "Learn CSS in 11 Hours") Article freeCodeCamp · 4y Learn CSS in 11 Hours Learn CSS in 11 Hours is essential for frontend web developers to understand how to use CSS. Watch the full course below or on the freeCodeCamp.org YouTube channel (11-hour watch) We've already published a popular HTML course from Dave Gray. 57 3 8. 8 [](https://daily.dev/posts/command-line-commands-cli-tutorial-yehxyurbf "Command Line Commands – CLI Tutorial") Article freeCodeCamp · 4y Command Line Commands – CLI Tutorial Windows command line is one of the most powerful utilities on a Windows PC. With it, you can interact with the OS directly and do a lot of things not available in the graphical user interface (GUI) In this article, I’ll show you 40 commands you can use on the Windows command line that can boost your confidence taskkill – Terminates a Running Task To kill a task. 55 3 9. 9 [](https://daily.dev/posts/how-to-learn-serverless-aws-by-building-7-projects-qyym5vg1g "How to Learn Serverless AWS by Building 7 Projects") Article freeCodeCamp · 4y How to Learn Serverless AWS by Building 7 Projects The Time-To-Live (TTL) tells dynamo that once the time reaches this date, delete the record from Dynamo. For the front end you can write a simple web app with two sections: create new reminder, and list my reminders. This can be in React, Vue, Angular, or even raw HTML, CSS and JavaScript. 52 10. 10 [](https://daily.dev/posts/how-to-read-a-json-file-in-javascript-reading-json-in-js-jq3-bwlo7 "How to Read a JSON File in JavaScript – Reading JSON in JS") Article freeCodeCamp · 4y How to Read a JSON File in JavaScript – Reading JSON in JS The Fetch API is the preferable method to use when we want to read a JSON file. It uses the same syntax for both. 52 2 11. 11 [](https://daily.dev/posts/how-to-code-20-beginner-python-projects-to3d3qneu "How to Code 20 Beginner Python Projects") Article freeCodeCamp · 4y How to Code 20 Beginner Python Projects Tomi Tokko created a video course on the freeCodeCamp.org YouTube channel that will teach you how to create 20 fun Python projects. Tomi has created a bunch of really popular tutorials both on his own channel and on thefreeCode camp.org channel. 47 1 12. 12 [](https://daily.dev/posts/javascript-date-format-how-to-format-a-date-in-js-duhophs-p "JavaScript Date Format – How to Format a Date in JS") Article freeCodeCamp · 4y JavaScript Date Format – How to Format a Date in JS JavaScript Date Format is one of the three fundamental web technologies you'll use when developing websites or web applications. In JavaScript, you use either the new Date() or Date() constructor to get your dates (either current date or a specific date) These full format dates comprise the day, month, you would need to add a condition to handle this. 43 3 13. 13 [](https://daily.dev/posts/in-javascript-the-three-dots-operator-in-js--ithszk5k "... in JavaScript – the Three Dots Operator in JS") Article freeCodeCamp · 4y ... in JavaScript – the Three Dots Operator in JS The three dots operator in JavaScript is one of the significant updates that was shipped with ES6\. It helps you achieve many things that previously required many lines of code, unfamiliar syntax, and more. We will go through some examples to show possible use cases. We can also concatenate objects similarly to how we did arrays with the spread operator. The rest operator allows you to combine any number of arguments into an array and then do whatever you like. It uses an array to represent an infinite number of options. It is a good representation. 41 5 14. 14 [](https://daily.dev/posts/javascript-coding-interview-practice-sample-interview-questions-and-solutions-6ehsobgqt "JavaScript Coding Interview Practice – Sample Interview Questions and Solutions") Article freeCodeCamp · 4y JavaScript Coding Interview Practice – Sample Interview Questions and Solutions David Goggins is an ultramarathon runner, a public speaker, a retired navy SEAL, and author of the book 'Can't Hurt Me: Master Your Mind and Defy the Odds' If you're ready, let's explore this together. 36 1 15. 15 [](https://daily.dev/posts/how-to-use-recursion-in-react-viweap-th "How to Use Recursion in React") Article freeCodeCamp · 4y How to Use Recursion in React Recursion simply means calling the same function inside itself. To represent our family tree effectively we will use something called Recursion. We can map each array inside an array to get the whole family tree in the list. The entire code can look ugly and the process can become hectic. It is so confusing that I was stuck here too. So, let's do the same thing. The code would be much cleaner now. So let's use Recursion. Now, let’s use Recursions. 33 3 16. 16 [](https://daily.dev/posts/http-vs-https-what-s-the-difference--rwj9bfdrd "HTTP vs HTTPS – What's the Difference?") Article freeCodeCamp · 4y HTTP vs HTTPS – What's the Difference? HTTPS makes a secure connection by using a secure protocol that encrypts your data. For most websites, the best way to have HTTPS is by getting an SSL (Secure Sockets Layer) Certificate or a TLS (Transport Layer Security) certificate. When encrpytion and decryption happens in HTTPS, it becomes heavier. 32 17. 17 [](https://daily.dev/posts/how-to-create-a-real-time-chat-application-with-nuxt-kopq0anum "How to Create a Real-time Chat Application with Nuxt") Article freeCodeCamp · 4y How to Create a Real-time Chat Application with Nuxt For this application, we will be using Nuxt, the intuitive Vue framework. We'll be using the chat API we’ll be using to create a Robin account before we can use it. In this list, what we currently don’t have is our user token and the tokens of the users on our app. We can go ahead and create the tokens for 5 users. 31 2 18. 18 [](https://daily.dev/posts/javascript-random-number-how-to-generate-a-random-number-in-js-mhahmvo7j "JavaScript Random Number – How to Generate a Random Number in JS") Article freeCodeCamp · 4y JavaScript Random Number – How to Generate a Random Number in JS JavaScript has many built-in methods for working with numbers and performing mathematical calculations. In this article, you will learn how to use the Math.random() method to retrieve random numbers. For example, you may want to generate a random number when developing a JavaScript game, such as a number guessing game. 27 19. 19 [](https://daily.dev/posts/learn-html-and-css-by-building-an-order-summary-component-j9yt4mxu8 "Learn HTML and CSS by Building an Order Summary Component") Article freeCodeCamp · 4y Learn HTML and CSS by Building an Order Summary Component The freeCodeCamp.org YouTube course will help you learn HTML and CSS through building an order summary component. Madison Kanna created the course and will show you how to solve a challenge from Frontend Mentor. 22 1 20. 20 [](https://daily.dev/posts/markdown-cheat-sheet-how-to-write-articles-in-markdown-language-wwhph9hji "Markdown Cheat Sheet – How to Write Articles in Markdown Language") Article freeCodeCamp · 4y Markdown Cheat Sheet – How to Write Articles in Markdown Language Markdown Cheat Sheet includes six markdown headers, H1 thorough to H6\. The ways you commonly add emphasis with text are bold, italics and strikethroughs. You can use regular HTML in Markdown documents (depending on the parser that's being used) So feel free to just input any valid HTML you like. If you want to add a horizontal line to divide up sections of a document, you can make one like this. 20 2 21. 21 [](https://daily.dev/posts/how-to-use-github-super-linter-in-your-projects-04y6caw-1 "How to Use GitHub Super Linter in Your Projects") Article freeCodeCamp · 4y How to Use GitHub Super Linter in Your Projects Linting is essentially a form of static code analysis. It analyzes the code you wrote against some rules for stylistic or programmatic errors. There is also a ton of customization capabilities with environment variables that can help you. 19 22. 22 [](https://daily.dev/posts/create-stardew-valley-using-python-and-pygame-7q361mehf "Create Stardew Valley Using Python and Pygame") Article freeCodeCamp · 4y Create Stardew Valley Using Python and Pygame The freeCodeCamp.org YouTube course will teach you how to create a Stardew Valley game clone using Python and Pygame. The game you will create has features such as farming, foraging, a day and night cycle, weather effects, a merchant, and more. 18 [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/08#page","url":"https://daily.dev/sources/freecodecamp/best-of/2022/08","name":"Best freeCodeCamp Posts — August 2022","description":"The most upvoted freeCodeCamp posts from August 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/08#items","numberOfItems":22,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/5-linux-utilities-to-improve-your-programming-workflow-in-2022-oek2u20kd","name":"5 Linux Utilities to Improve Your Programming Workflow in 2022"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/useful-html5-tags-you-might-not-know-wzxp0tcaa","name":"Useful HTML5 Tags You Might Not Know"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/frontend-web-developer-21-hour-bootcamp-e-luessk8","name":"Frontend Web Developer 21-Hour Bootcamp"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/implement-event-driven-architecture-with-react-and-fastapi-jl9ph8anm","name":"Implement Event-Driven Architecture with React and FastAPI"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/learn-react-from-three-all-star-instructors-9cz6yjzgy","name":"Learn React from Three All-Star Instructors"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/git-best-practices-how-to-write-meaningful-commits-effective-pull-requests-and-code-reviews-kx17ukdbx","name":"Git Best Practices – How to Write Meaningful Commits, Effective Pull Requests, and Code Reviews"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/learn-css-in-11-hours-bbywl0ool","name":"Learn CSS in 11 Hours"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/command-line-commands-cli-tutorial-yehxyurbf","name":"Command Line Commands – CLI Tutorial"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/how-to-learn-serverless-aws-by-building-7-projects-qyym5vg1g","name":"How to Learn Serverless AWS by Building 7 Projects"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/how-to-read-a-json-file-in-javascript-reading-json-in-js-jq3-bwlo7","name":"How to Read a JSON File in JavaScript – Reading JSON in JS"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/how-to-code-20-beginner-python-projects-to3d3qneu","name":"How to Code 20 Beginner Python Projects"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/javascript-date-format-how-to-format-a-date-in-js-duhophs-p","name":"JavaScript Date Format – How to Format a Date in JS"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/in-javascript-the-three-dots-operator-in-js--ithszk5k","name":"... in JavaScript – the Three Dots Operator in JS"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/javascript-coding-interview-practice-sample-interview-questions-and-solutions-6ehsobgqt","name":"JavaScript Coding Interview Practice – Sample Interview Questions and Solutions"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/how-to-use-recursion-in-react-viweap-th","name":"How to Use Recursion in React"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/http-vs-https-what-s-the-difference--rwj9bfdrd","name":"HTTP vs HTTPS – What's the Difference?"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/how-to-create-a-real-time-chat-application-with-nuxt-kopq0anum","name":"How to Create a Real-time Chat Application with Nuxt"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/javascript-random-number-how-to-generate-a-random-number-in-js-mhahmvo7j","name":"JavaScript Random Number – How to Generate a Random Number in JS"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/learn-html-and-css-by-building-an-order-summary-component-j9yt4mxu8","name":"Learn HTML and CSS by Building an Order Summary Component"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/markdown-cheat-sheet-how-to-write-articles-in-markdown-language-wwhph9hji","name":"Markdown Cheat Sheet – How to Write Articles in Markdown Language"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/how-to-use-github-super-linter-in-your-projects-04y6caw-1","name":"How to Use GitHub Super Linter in Your Projects"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/create-stardew-valley-using-python-and-pygame-7q361mehf","name":"Create Stardew Valley Using Python and Pygame"}]},{"@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":"August 2022"}]}]} ```