--- title: Best freeCodeCamp posts — August 2023 | daily.dev description: The most upvoted freeCodeCamp posts from August 2023, curated by the daily.dev community. canonical: https://daily.dev/sources/freecodecamp/best-of/2023/08 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/freecodecamp/best-of/2023/08 og:type: website og:site_name: daily.dev og:title: Best freeCodeCamp posts — August 2023 | daily.dev og:description: The most upvoted freeCodeCamp posts from August 2023, 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 2023 1. 1 [](https://daily.dev/posts/introducing-freecodecamp-press-free-books-for-developers-m42onyqxg "Introducing freeCodeCamp Press – Free Books for Developers") Article freeCodeCamp · 3y Introducing freeCodeCamp Press – Free Books for Developers FreeCodeCamp has published more than 10,000 tutorials over the years. Now we're publishing more comprehensive books and handbooks that will teach you everything you need to know to get started with a certain programming language or tool. The freeCodeCamp community publishes shorter, more focused guides that aim to answer a specific question. 463 23 2. 2 [](https://daily.dev/posts/javascript-tips-to-help-you-build-better-web-development-projects-4fwllnqij "JavaScript Tips to Help You Build Better Web Development Projects") Article freeCodeCamp · 3y JavaScript Tips to Help You Build Better Web Development Projects JavaScript is a widely used web among programming language. I recently had a 30 Days of JavaScript Tips challenge on Twitter (now, X) where I shared 30 different JavaScript tips with my followers daily for 30 days. I decided to compile those tips into one giant tutorial for campers and everyone else on the internet. 166 10 3. 3 [](https://daily.dev/posts/how-to-build-a-real-time-notification-system-with-go-and-kafka-xrp4jdwgv "How to Build a Real-Time Notification System with Go and Kafka") Article freeCodeCamp · 3y How to Build a Real-Time Notification System with Go and Kafka In this tutorial, you’ll delve into the mechanics of Kafka and then integrate it with Go to develop a real-time notification system. In order to understand this article fully, you should have prior knowledge of Goroutines, the Gin framework, and containerization tools like Docker. 128 2 4. 4 [](https://daily.dev/posts/how-to-create-a-meteor-effect-with-react-and-tailwindcss-71pj6sfpu "How to Create a Meteor Effect with React and TailwindCSS") Article freeCodeCamp · 3y How to Create a Meteor Effect with React and TailwindCSS A Meteor is basically a UI element with a head and a tail that has a gradient. In the image, the background lines are what I call meteors. We are going to animate these lines to go from the left side of the card container to the right side, giving an illusion of a meteor shower. 103 14 5. 5 [](https://daily.dev/posts/mern-stack-crash-course-build-a-book-store-app-fnyhf1ihg "MERN Stack Crash Course – Build a Book Store App") Article freeCodeCamp · 3y MERN Stack Crash Course – Build a Book Store App MERN stack is a set of technologies often used to build full stack web apps. You'll start from scratch and build a complete CRUD application, exploring both backend and frontend development. The course covers an array of topics, including but not limited to: Backend CRUD operations. 79 6. 6 [](https://daily.dev/posts/react-server-components-how-and-why-you-should-use-them-in-your-code-vcp0wfjej "React Server Components – How and Why You Should Use Them in Your Code") Article freeCodeCamp · 3y React Server Components – How and Why You Should Use Them in Your Code React has changed how we think about building user interfaces. We must adapt to this new mental model to fully leverage its power in building applications. In this tutorial, you'll learn about React Server Components (RSC) You'll learn exactly what they are and how they work, and more importantly, what problem they solve. 79 5 7. 7 [](https://daily.dev/posts/mastering-javascript-functions-for-beginners-je12fvza0 "Mastering JavaScript Functions for Beginners") Article freeCodeCamp · 3y Mastering JavaScript Functions for Beginners A crash course on the freeCodeCamp.org YouTube channel will teach you everything you need to know about functions in JavaScript. Tapas Adhikary has over 18 years of coding experience and has a passion for teaching and creating open source communities. The crash course will provide you a comprehensive overview of functions and JavaScript. 64 8. 8 [](https://daily.dev/posts/how-to-make-ai-art-with-stable-diffusion-koh0ndkjy "How to Make AI Art with Stable Diffusion") Article freeCodeCamp · 3y How to Make AI Art with Stable Diffusion Stable Diffusion makes it simple for people to create AI art with just text inputs. I just released a video course on the freeCodeCamp.org YouTube channel. The course focuses on teaching you how to use stable diffusion as a tool instead of going into the technical details. 61 4 9. 9 [](https://daily.dev/posts/stateful-vs-stateless-architecture-explained-for-beginners-6fsx3rv1a "Stateful vs Stateless Architecture – Explained for Beginners") Article freeCodeCamp · 3y Stateful vs Stateless Architecture – Explained for Beginners "State" refers to the condition of a system, component, or application at a particular point in time. State represents the data that is stored and used to keep track of the current status of the application. This article will explain stateful and stateless architectures with some analogies and the benefits and tradeoffs of both. 59 1 10. 10 [](https://daily.dev/posts/how-to-build-a-javascript-utility-library-like-lodash-ipswqxwgc "How to Build a JavaScript Utility Library like Lodash") Article freeCodeCamp · 3y How to Build a JavaScript Utility Library like Lodash Lodash uses a functional programming approach in implementing common tasks in JavaScript. With a package size of over 1.4MB, having Lodash on your front-end can hinder the performance of your website. In this article, I'll be showing you how to implement some of the key functionalities provided by Lodash. 54 6 11. 11 [](https://daily.dev/posts/build-a-google-drive-clone-with-laravel-php-and-vue-js-eazymhmlf "Build a Google Drive Clone with Laravel, PHP, and Vue.js") Article freeCodeCamp · 3y Build a Google Drive Clone with Laravel, PHP, and Vue.js A 14-hour course on the freeCodeCamp.org YouTube channel will teach you how to build and deploy a feature-rich file manager application using Laravel, Inertia, and Vue.js. The course was created by the experienced developer Zura Sekhniashvili, also known as The Codeholic. 52 1 12. 12 [](https://daily.dev/posts/how-to-build-a-task-manager-cli-tool-with-node-js-y7shdieot "How to Build a Task Manager CLI Tool with Node.js") Article freeCodeCamp · 3y How to Build a Task Manager CLI Tool with Node.js How to build a Task Manager CLI tool with Node.js is a simple task manager tool. You can use commands to Create, View, Update, or Delete your todos. We'll also use MongoDB as the database to store all our todos. You can find the complete code for this project on GitHub. 48 4 13. 13 [](https://daily.dev/posts/how-to-build-a-large-language-model-from-scratch-using-python-jcvdtxpyo "How to Build a Large Language Model from Scratch Using Python") Article freeCodeCamp · 3y How to Build a Large Language Model from Scratch Using Python Learn how to create your own large language model from scratch using Python. Elliot Arledge created this course to teach you about the data handling, mathematical concepts, and transformer architectures that power these linguistic juggernauts. You will learn about train and validation splits, the bigram model, and the critical concept of inputs and targets. 46 14. 14 [](https://daily.dev/posts/earn-a-free-c-certification-from-microsoft-and-freecodecamp-0mmfnuntz "Earn a Free C# Certification from Microsoft and freeCodeCamp") Article freeCodeCamp · 3y Earn a Free C# Certification from Microsoft and freeCodeCamp Microsoft and freeCodeCamp have teamed up to bring you a new free professional certification: the Foundational C# Certification. This professional certification includes 35 hours of training from Microsoft and an online certification exam. By the end of this process, you'll have earned your own verified certification that you can add to your Résumé, LinkedIn, or CV. 42 1 15. 15 [](https://daily.dev/posts/how-to-use-javascript-promises-callbacks-async-await-and-promise-methods-explained-q0lrszniq "How to Use JavaScript Promises – Callbacks, Async/Await, and Promise Methods Explained") Article freeCodeCamp · 3y How to Use JavaScript Promises – Callbacks, Async/Await, and Promise Methods Explained ES6 introduced promises as a native implementation of promises in JavaScript. Promises are one of the most important parts of JavaScript – but they can be confusing and difficult to understand. To create a promise we need to use the constructor function like this: The constructor takes a function as an argument and that function internally receives and as parameters. 40 [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/2023/08#page","url":"https://daily.dev/sources/freecodecamp/best-of/2023/08","name":"Best freeCodeCamp Posts — August 2023","description":"The most upvoted freeCodeCamp posts from August 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/freecodecamp/best-of/2023/08#items","numberOfItems":15,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/introducing-freecodecamp-press-free-books-for-developers-m42onyqxg","name":"Introducing freeCodeCamp Press – Free Books for Developers"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/javascript-tips-to-help-you-build-better-web-development-projects-4fwllnqij","name":"JavaScript Tips to Help You Build Better Web Development Projects"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-to-build-a-real-time-notification-system-with-go-and-kafka-xrp4jdwgv","name":"How to Build a Real-Time Notification System with Go and Kafka"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/how-to-create-a-meteor-effect-with-react-and-tailwindcss-71pj6sfpu","name":"How to Create a Meteor Effect with React and TailwindCSS"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/mern-stack-crash-course-build-a-book-store-app-fnyhf1ihg","name":"MERN Stack Crash Course – Build a Book Store App"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/react-server-components-how-and-why-you-should-use-them-in-your-code-vcp0wfjej","name":"React Server Components – How and Why You Should Use Them in Your Code"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/mastering-javascript-functions-for-beginners-je12fvza0","name":"Mastering JavaScript Functions for Beginners"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-to-make-ai-art-with-stable-diffusion-koh0ndkjy","name":"How to Make AI Art with Stable Diffusion"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/stateful-vs-stateless-architecture-explained-for-beginners-6fsx3rv1a","name":"Stateful vs Stateless Architecture – Explained for Beginners"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/how-to-build-a-javascript-utility-library-like-lodash-ipswqxwgc","name":"How to Build a JavaScript Utility Library like Lodash"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/build-a-google-drive-clone-with-laravel-php-and-vue-js-eazymhmlf","name":"Build a Google Drive Clone with Laravel, PHP, and Vue.js"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/how-to-build-a-task-manager-cli-tool-with-node-js-y7shdieot","name":"How to Build a Task Manager CLI Tool with Node.js"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/how-to-build-a-large-language-model-from-scratch-using-python-jcvdtxpyo","name":"How to Build a Large Language Model from Scratch Using Python"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/earn-a-free-c-certification-from-microsoft-and-freecodecamp-0mmfnuntz","name":"Earn a Free C# Certification from Microsoft and freeCodeCamp"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/how-to-use-javascript-promises-callbacks-async-await-and-promise-methods-explained-q0lrszniq","name":"How to Use JavaScript Promises – Callbacks, Async/Await, and Promise Methods Explained"}]},{"@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 2023"}]}]} ```