--- title: Best freeCodeCamp posts — June 2023 | daily.dev description: The most upvoted freeCodeCamp posts from June 2023, curated by the daily.dev community. canonical: https://daily.dev/sources/freecodecamp/best-of/2023/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/freecodecamp/best-of/2023/06 og:type: website og:site_name: daily.dev og:title: Best freeCodeCamp posts — June 2023 | daily.dev og:description: The most upvoted freeCodeCamp posts from June 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 — June 2023 1. 1 [](https://daily.dev/posts/how-to-use-github-copilot-to-become-a-happier-and-more-productive-developer-dhoth3aje "How to Use GitHub Copilot to Become a Happier and More Productive Developer") Article freeCodeCamp · 3y How to Use GitHub Copilot to Become a Happier and More Productive Developer GitHub Copilot offers a variety of AI tools that have radically streamlined my experience as a software developer. Copilot can be blatantly wrong, apologize (or not) when corrected, and then confidently produce the same error. Using Copilot's features can really streamline the development process. 133 8 2. 2 [](https://daily.dev/posts/front-end-javascript-development-handbook-react-angular-and-vue-compared-ixhkwdsar "Front End JavaScript Development Handbook – React, Angular, and Vue Compared") Article freeCodeCamp · 3y Front End JavaScript Development Handbook – React, Angular, and Vue Compared Frontend frameworks offer structured approaches and pre-built components to streamline the coding process. These tools can help boost productivity by offering reusable components and abstracting complex tasks like DOM manipulation and state management. Frameworks promote code maintainability through modular development, making it easier to modify or replace individual components. 76 3 3. 3 [](https://daily.dev/posts/how-promises-work-in-javascript-a-comprehensive-beginner-s-guide-qxg6m8m7h "How Promises Work in JavaScript – A Comprehensive Beginner's Guide") Article freeCodeCamp · 3y How Promises Work in JavaScript – A Comprehensive Beginner's Guide JavaScript has the ability to carry out asynchronous instructions. These instructions run in the background until they have finished processing. Asynchronous instructions do not stop the JavaScript engine from actively accepting and processing more instructions. To work with promises, you must adopt a special syntax that makes writing async instructions a lot more organized. 66 2 4. 4 [](https://daily.dev/posts/key-computer-science-concepts-every-software-engineer-should-know-and-how-to-learn-them-rnsf1cxqd "Key Computer Science Concepts Every Software Engineer Should Know – and How to Learn Them") Article freeCodeCamp · 3y Key Computer Science Concepts Every Software Engineer Should Know – and How to Learn Them The more fundamentals you know, the less you will struggle learning new things. There are 10 core subjects which, if you learn them, will give you a solid foundation. The book I recommend to learn programming is Structures and Interpretations of Computer Programs (SICP) The book is free and has a set of MIT lectures. 60 4 5. 5 [](https://daily.dev/posts/css-transform-handbook-complete-guide-to-css-transform-functions-and-properties-botd2lubp "CSS Transform Handbook – Complete Guide to CSS Transform Functions and Properties") Article freeCodeCamp · 3y CSS Transform Handbook – Complete Guide to CSS Transform Functions and Properties CSS Transform Handbook allows you to translate, rotate, skew, scale, or add perspective effects to HTML elements. This tutorial discusses everything you need to know to transform HTML elements like a pro. The CSS property specifies the transformational effect you wish to apply to an HTML element. 51 6. 6 [](https://daily.dev/posts/learn-advanced-c-concepts-z1zakyukf "Learn Advanced C# Concepts") Article freeCodeCamp · 3y Learn Advanced C# Concepts C# is a powerful language that has continued to evolve and transform the landscape of software development. We just published an advanced C# course on the freeCodeCamp.org YouTube channel (15-hour watch) The course curriculum is structured to ensure a seamless learning experience, as it covers an array of sophisticated C# topics. 48 7. 7 [](https://daily.dev/posts/how-to-upgrade-your-react-skills-with-three-helpful-tools-met7yj8pe "How to Upgrade Your React Skills with Three Helpful Tools") Article freeCodeCamp · 3y How to Upgrade Your React Skills with Three Helpful Tools React.js is an open-source state management library developed by Facebook. It offers distinct advantages over other state management libraries like Redux, MobX, Zustand, and others. Recoil is a shareable piece of state that React components can read from and write to. Selectors in Recoil provide a powerful mechanism to manipulate state. 32 8. 8 [](https://daily.dev/posts/what-is-infrastructure-as-code-explained-for-beginners-kbh92vbje "What is Infrastructure as Code? Explained for Beginners") Article freeCodeCamp · 3y What is Infrastructure as Code? Explained for Beginners Infrastructure as Code (IaC) is a way of managing your infrastructure like it was code. This gives you all the benefits of using code to create your infrastructure, like version control, faster and safer infrastructure deployments. The article will cover the different infrastructure as code tools available as well as declarative vs imperative code. 31 9. 9 [](https://daily.dev/posts/intro-to-generative-ai-10-free-courses-by-google-plcofyske "Intro to Generative AI – 10 Free Courses by Google") Article freeCodeCamp · 3y Intro to Generative AI – 10 Free Courses by Google Google has released a free set of training courses for generative AI. There are 10 courses aimed at beginners with no prerequisite knowledge. All of them deliver content through a combination of videos, articles, labs and quizzes. Some courses also have online labs to complete in a certain amount of time. 30 10. 10 [](https://daily.dev/posts/how-to-improve-your-technical-writing-skills-by-contributing-to-open-source-projects-ng12sg2me "How to Improve Your Technical Writing Skills by Contributing to Open Source Projects") Article freeCodeCamp · 3y How to Improve Your Technical Writing Skills by Contributing to Open Source Projects For one, you get to work on projects that are often displayed publicly. This can be a great way to showcase your skills to your professional network. You can use your writing skills to help maintainers improve their projects' documentation. In this guide, I will discuss how you can find open source projects that need tech writers. 29 7 11. 11 [](https://daily.dev/posts/unlock-the-mysteries-of-pointers-in-c-ibvnqiicx "Unlock the Mysteries of Pointers in C") Article freeCodeCamp · 3y Unlock the Mysteries of Pointers in C The course is tailored for absolute beginners, ensuring no prior knowledge of pointers is required. It systematically demystifies pointers, their use, and the significance they hold in C programming. We just posted a full course on the freeCodeCamp.org YouTube channel that will help you understand this important concept. 26 12. 12 [](https://daily.dev/posts/how-to-build-an-image-carousel-component-with-typescript-and-styled-components-fqw3u3snp "How to Build an Image Carousel Component with TypeScript and Styled-Components") Article freeCodeCamp · 3y How to Build an Image Carousel Component with TypeScript and Styled-Components In this tutorial, I’ll guide you through the process of creating an image carousel component that looks just like the ones you see on many OTT platforms. We'll start by creating atomic components, such as,, and so on that will display various information about each movie title. Then, we'll stitch these components together. 26 [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/06#page","url":"https://daily.dev/sources/freecodecamp/best-of/2023/06","name":"Best freeCodeCamp Posts — June 2023","description":"The most upvoted freeCodeCamp posts from June 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/06#items","numberOfItems":12,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/how-to-use-github-copilot-to-become-a-happier-and-more-productive-developer-dhoth3aje","name":"How to Use GitHub Copilot to Become a Happier and More Productive Developer"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/front-end-javascript-development-handbook-react-angular-and-vue-compared-ixhkwdsar","name":"Front End JavaScript Development Handbook – React, Angular, and Vue Compared"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-promises-work-in-javascript-a-comprehensive-beginner-s-guide-qxg6m8m7h","name":"How Promises Work in JavaScript – A Comprehensive Beginner's Guide"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/key-computer-science-concepts-every-software-engineer-should-know-and-how-to-learn-them-rnsf1cxqd","name":"Key Computer Science Concepts Every Software Engineer Should Know – and How to Learn Them"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/css-transform-handbook-complete-guide-to-css-transform-functions-and-properties-botd2lubp","name":"CSS Transform Handbook – Complete Guide to CSS Transform Functions and Properties"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/learn-advanced-c-concepts-z1zakyukf","name":"Learn Advanced C# Concepts"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/how-to-upgrade-your-react-skills-with-three-helpful-tools-met7yj8pe","name":"How to Upgrade Your React Skills with Three Helpful Tools"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/what-is-infrastructure-as-code-explained-for-beginners-kbh92vbje","name":"What is Infrastructure as Code? Explained for Beginners"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/intro-to-generative-ai-10-free-courses-by-google-plcofyske","name":"Intro to Generative AI – 10 Free Courses by Google"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/how-to-improve-your-technical-writing-skills-by-contributing-to-open-source-projects-ng12sg2me","name":"How to Improve Your Technical Writing Skills by Contributing to Open Source Projects"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/unlock-the-mysteries-of-pointers-in-c-ibvnqiicx","name":"Unlock the Mysteries of Pointers in C"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/how-to-build-an-image-carousel-component-with-typescript-and-styled-components-fqw3u3snp","name":"How to Build an Image Carousel Component with TypeScript and Styled-Components"}]},{"@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":"June 2023"}]}]} ```