Best of freeCodeCampJune 2024

  1. 1
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    What's New in React 19

    React 19 introduces numerous features and enhancements, including improved data mutation handling, optimistic updates, and new APIs like `use()`. The update also offers innovative tools such as a new open-source compiler for performance optimization. Developers can learn about these enhancements via a comprehensive course provided by Bob Ziroll from Scrimba and freeCodeCamp.org on YouTube.

  2. 2
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Mastering Shadcn UI Components

    A comprehensive course on freeCodeCamp.org's YouTube channel teaches how to master Shadcn, a toolset providing highly customizable and accessible React components. It covers the main UI components, their integration with React or Next.js projects, and the ability to customize them via CSS variables or Tailwind CSS for consistent theming. This course is beneficial for both beginners and experienced developers looking to speed up their development process and maintain control over component styling and behavior.

  3. 3
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    JavaScript GameDev with Kaboom.js

    Learn to build a Metroidvania-style game using JavaScript and Kaboom.js with a new free course on the freeCodeCamp.org YouTube channel. The course covers setting up a development environment, loading assets, defining scenes, implementing enemy AI and a boss battle, and more. Suitable for both beginners and experienced developers, it offers comprehensive guidance from start to finish, including deployment tips.

  4. 4
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Create Notice Blocks in Markdown

    Learn how to create notice blocks in Markdown, including note, tip, warning, caution, and important blocks.

  5. 5
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    JavaScript Frameworks vs Laravel – Which Should You Choose for Web Development?

    Comparing JavaScript frameworks to Laravel for web development. Discusses the lack of a Laravel-like framework in the JavaScript ecosystem. Highlights the benefits of JavaScript frameworks and libraries, as well as the advantages of using Laravel. Provides a comparison between JavaScript frameworks and Laravel in terms of features, flexibility, salary, availability of tools, security, documentation, testing & debugging, learning curve, scalability, deployment & hosting, customization, performance, and future prospects.

  6. 6
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Become a Technical Writer – A Guide for Developers

    Combining technical knowledge with writing skills, developers can pursue a lucrative career in technical writing. The role involves simplifying complex tech concepts for various audiences through documentation, user manuals, guides, and more. To start, writing on open platforms, building a portfolio, and sharing work on social media are key steps. Engaging with publications, contributing to open-source projects, and finding paid projects can further bolster a technical writing career. Upskilling through relevant courses and paying attention to editorial feedback are also crucial for improvement.

  7. 7
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Media Queries vs Container Queries – Which Should You Use and When?

    As the web evolves, new tools like media queries and container queries emerge, offering web developers various ways to make responsive designs. Media queries adapt styles based on the overall viewport size, suitable for different devices. Container queries, however, base their styles on the size of individual containers, promoting modularity and flexibility. While media queries are less effective for complex layouts, container queries support more adaptive component-based designs. Understanding each tool's strengths and considering project requirements will guide their best use in web design.

  8. 8
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Mastering VIM: Your Guide to Efficient Text Editing

    VIM is a powerful text editor favored by developers for its extensive customization options. A new course on freeCodeCamp by Andrew Brown covers everything from basic commands to advanced features like plugins and VimScript. The course aims to make the steep learning curve of VIM manageable, providing a solid foundation for users to become proficient and integrate VIM into various development environments.

  9. 9
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Learn Python for Data Science – Hands-on Projects with EDA, AB Testing & Business Intelligence

    A comprehensive Python data science course covering data analytics, AB testing, and end-to-end case studies with hands-on projects.

  10. 10
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Practical Guide to Linear Algebra in Data Science and AI

    Linear algebra is a practical tool that can be used to solve real-world problems in data science and AI. It is applied across various industries, and understanding its core concepts is essential for working with machine learning, deep learning, computer vision, and generative AI. A linear algebra roadmap for 2024 is provided to guide your learning journey, and there are numerous resources available to help you master linear algebra.

  11. 11
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How Auto Scaling and Load Balancing Work in Software Architecture

    This post explains how auto scaling and load balancing work in software architecture, and highlights their importance for handling unpredictable changes in demand. It also provides examples of architectures using auto scaling and load balancing.

  12. 12
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Learn to Create a 3D RPG Game with Godot

    Godot is a versatile open-source game engine suitable for both 2D and 3D game development, known for its ease of use and robust features. A new comprehensive course on freeCodeCamp.org's YouTube channel teaches you how to create a 3D RPG game using Godot. The course covers key aspects such as setting up the project, player movement, AI monster creation, state machines, GUI setup, and adding various game elements like items, equipment, and visual effects.

  13. 13
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Build a Rating Component with the React Compound Component Pattern

    Learn how to build a movie-themed rating component using the Compound Component pattern in React. Understand the elements of a rating component, the advantages of using rating components, and the step-by-step process of building a rating component with regular React and the Compound Component pattern.

  14. 14
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Build a YouTube Clone with Flutter, Firebase, and Riverpod

    Learn how to build a YouTube clone app with Flutter, Firebase, and Riverpod. This course covers Firebase setup, user authentication, state management with Riverpod, Firestore database integration, user interface development, video upload and playback, and social features.