Best of freeCodeCamp — 2023

1. 1
   Article

   freeCodeCamp·2y

   What's New in JavaScript in 2023 – Changes with Code Examples

   ECMAScript 2023 introduces changes to JavaScript that make programming easier. The changes include the Object.groupBy method for grouping objects based on a property value, the Array.toSliced(), Array.toSorted(), and Array.toReversed() methods for manipulating arrays without mutating the original array, and the findLast() and findLastIndex() methods for finding the last element or index in an array that satisfies a condition.

   565

   27
2. 2
   Article

   freeCodeCamp·3y

   8 React Projects to Build in 2023

   8 React Projects to Build in 2023 will show you what's possible to make with React. Check out the React Bootcamp to see how to make each of them step-by-step. Todo apps are a great project to begin with because you don't need any third-party libraries to build them.

   541

   34
3. 3
   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.

   464

   23
4. 4
   Article

   freeCodeCamp·2y

   Career Mistakes to Avoid as a Developer

   Learn about the career mistakes to avoid as a developer, including not setting realistic goals, failing to recognize your potential, and neglecting networking opportunities.

   456

   73
5. 5
   Article

   freeCodeCamp·3y

   JavaScript One-Liners to Use in Every Project

   Learn essential one-liners in JavaScript for tasks like capitalizing text, calculating percent, getting a random element, removing duplicates, sorting elements, checking equality, counting occurrences, waiting for a certain time, plucking property from an array of objects, and inserting an element at a certain position.

   407

   22
6. 6
   Article

   freeCodeCamp·2y

   How to Write Commit Messages that Project Maintainers Will Appreciate

   Learn how to write effective commit messages that project maintainers will appreciate. Avoid vague messages and instead mention the type of change and summarize the details. Consider adding a description for more clarity and understanding. Writing good commit messages is crucial for communicating contributions.

   371

   25
7. 7
   Article

   freeCodeCamp·3y

   How to Write Good Documentation with Docsify

   Documentation is critical to a successful product and can be challenging to create. Docsify is a powerful tool that helps write documentation without needing extensive technical knowledge.

   329

   15
8. 8
   Article

   freeCodeCamp·2y

   Create a Virtual World with JavaScript

   Learn how to create a virtual world using JavaScript, HTML, and CSS. The course covers building a spatial graph, user-friendly interfaces, generating road borders and buildings, loading real-world data, and more.

   291

   8
9. 9
   Article

   freeCodeCamp·3y

   Software System Design for Beginners

   Software System Design for Beginners is designed to provide a comprehensive understanding of the various concepts and techniques involved in designing and building software systems. You will learn about basic engineering design patterns that are used to build large-scale distributed systems. The course uses video streaming service as an example for demonstrating system design principles.

   279

   5
10. 10
    Article

    freeCodeCamp·3y

    How to Improve Your ReactJS Code – Tips for Code Readability and Performance

    ReactJS is one of the most popular JavaScript libraries for building scalable and performant applications. You'll need to focus on code quality, readability, maintainable, and scalability. I'll share my favorite tips along with code examples to show you how everything works.

    224

    11
11. 11
    Article

    freeCodeCamp·2y

    Learn JavaScript by Building 21 Projects – a Major freeCodeCamp Curriculum Update

    freeCodeCamp has launched a major update to the JavaScript Algorithms and Data Structures Certification. Readers can now learn JavaScript by building 21 projects, including certification projects. The projects cover a wide range of topics and concepts, such as form validation, string and array methods, recursion, functional programming, regular expressions, object-oriented programming, and more.

    218

    3
12. 12
    Article

    freeCodeCamp·3y

    Web Animation Techniques – CSS vs JavaScript

    Web animations using CSS and JavaScript play a vital role in enhancing user experience on web pages. CSS animations are easy to use, perform well, and are responsive. JavaScript animations offer more flexibility and interactivity, making them suitable for complex animations and data-driven content. A combination of both CSS and JavaScript animations can provide the best of both worlds.

    190

    4
13. 13
    Article

    freeCodeCamp·3y

    How to Learn React in 2023

    How to learn React in 2023? Get all the training you need to be a React pro with the React Bootcamp. Many JavaScript concepts can be learned at the same time you are learning React. You will encounter and learn more React concepts as you start building your own projects.

    190

    13
14. 14
    Article

    freeCodeCamp·3y

    Full Stack Engineer – Career Guide

    Full Stack engineering roles have been growing in popularity over the last decade. But what exactly are full-stack engineers? What do they do on a day-to-day basis? And how can you become a full- Stack engineer yourself? In this article, I will go over the definition of full- stack engineering.

    187

    2
15. 15
    Article

    freeCodeCamp·3y

    How to Get a Github Student Developer Pack

    GitHub Student Developer Pack provides students with access to a variety of top-notch developer tools. The pack is made up of a selection of benefits generously provided by GitHub's partners and collaborators. As a student, you will get access to six free months of 60+ courses covering in-demand topics.

    176

    14
16. 16
    Article

    freeCodeCamp·3y

    How Docker Containers Work – Explained for Beginners

    Containers provide a portable and efficient way to package applications and their dependencies, ensuring consistency across various environments. The benefits they bring to software development is similar to the benefits brought to the global economy by the humble shipping container.

    166

    4
17. 17
    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
18. 18
    Article

    freeCodeCamp·2y

    #100DaysOfCode Challenge for 2024 – Discord Edition

    Learn about the #100DaysOfCode challenge and how to commit to it on Discord. The challenge involves coding for at least 1 hour each day for 100 consecutive days and encouraging others to do the same.

    163

    2
19. 19
    Article

    freeCodeCamp·2y

    API Documentation Best Practices Course

    Learn how to write effective API documentation with this course. Understand the significance of API documentation, its impact on a business, and the best practices for creating high-quality documentation.

    162

    2
20. 20
    Article

    freeCodeCamp·3y

    Create an Animated Physics Game with JavaScript

    Learn how to create an animated physics game with JavaScript in this course. Gain skills in game development, implement collision detection and physics simulation, draw environments and characters, and create artificial intelligence for player interaction.

    160

    7
21. 21
    Article

    freeCodeCamp·2y

    Learn English for Developers – freeCodeCamp A2 English Curriculum

    freeCodeCamp is developing an English for Developers curriculum to help non-native English speakers improve their language skills and career potential in the tech industry. The curriculum follows the A2 level of the Common European Framework of Reference and focuses on vocabulary useful for developers. It includes interactive lessons and dialogues, with plans for future levels. The community can get involved by volunteering or becoming a monthly supporter of freeCodeCamp's charity.

    158

    5
22. 22
    Article

    freeCodeCamp·3y

    How to Write Helper Functions in React

    Helper functions in React.js simplify complex tasks, improve code organization, and enhance maintainability. They are small, reusable functions that assist React components in performing specific tasks. By following best practices, such as clear documentation, organized organization, and thoughtful testing, you can create efficient helper functions that enhance your development workflow and deliver robust and performant applications.

    158

    1
23. 23
    Article

    freeCodeCamp·3y

    Why are two similar objects not equal in JavaScript?

    In JavaScript, two objects cannot be equal even though they are similar in JavaSCript. In the case of objects, you are comparing the references (the addresses) and not the exact values.

    158

    11
24. 24
    Article

    freeCodeCamp·3y

    Learn Prompt Engineering – Full Course

    Learn Prompt Engineering - Full Course Large Language Models like ChatGPT can be used to increase your productivity on a ton of different types of tasks. We just published a crash course on the freeCodeCamp.org YouTube channel that will teach you how to increase the effectiveness of LLMs and super charge your productivity.

    141

    13
25. 25
    Article

    freeCodeCamp·2y

    How to Use Async/Await in JavaScript – Explained with Code Examples

    Learn how to use async/await in JavaScript to handle promises without using .then() and .catch() method chaining. The async/await syntax makes your code cleaner and clearer, reducing the need for nested callbacks.

    138

    1