Best of freeCodeCampApril 2024

  1. 1
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Create a Developer Portfolio as a 2D Game

    Learn how to create a unique developer portfolio using Kaboom.js, a JavaScript library for game development. The course covers setup, loading assets, creating game maps, displaying the map, creating the player, programming game boundaries and dialogue, player movement and spawning, camera scaling, animations, and dialogue text.

  2. 2
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Create an Interactive Terminal-Based Portfolio Website

    Learn how to create an interactive terminal-based portfolio and resume in JavaScript using the jQuery Terminal library. Improve your command line skills and showcase your projects.

  3. 3
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    What's the difference between React and Next.js?

    Learn the difference between React and Next.js, understand their use cases, and how they impact web application development.

  4. 4
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Mastering RAG from Scratch

    Learn how to implement Retrieval-Augmented Generation (RAG) from scratch with an in-depth course on the freeCodeCamp.org YouTube channel. RAG combines retrieval systems with advanced natural language generation and is valuable in chatbot development and other fields.

  5. 5
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Learn React Router v6 – Full Course

    Learn React Router v6 with a full course on the freeCodeCamp.org YouTube channel. Master the essential library for single-page applications and implement dynamic routing in your web application.

  6. 6
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How To Set Up TypeORM DataSource in Your NestJS Project

    Learn how to set up TypeORM DataSource in your NestJS project. TypeORM is an ORM tool for Node.js and TypeScript applications, while NestJS is a Node.js framework. The tutorial covers the prerequisites, project setup, and setting up the TypeORM DataSource for data persistency. It also includes extending the DataSource repository for custom methods.

  7. 7
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    React State vs Refs – Differences and Use Cases

    A thorough comparison of React state and refs, exploring their suitability for specific scenarios.

  8. 8
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How To Use CSS Variables – Explained with Code Examples

    Learn how to use CSS variables to reduce code repetition and improve styling. This guide covers basic examples in plain HTML and CSS to more advanced examples in React and Next.js.

  9. 9
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Learn WebSockets with Socket.IO

    Learn the fundamentals of WebSockets and how to implement real-time, bidirectional communication in web applications using Socket.io.

  10. 10
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Learn Backend Development by Building Three Projects [Full Course]

    Learn backend development by building three projects with Python, Django, JavaScript, and PostgreSQL. Projects include an AI Blog Article Generator, Netflix Clone, and Spotify Clone.

  11. 11
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Use Git and GitHub – a Guide for Beginners and Experienced Developers

    This post is a comprehensive guide on how to use Git and GitHub for beginners and experienced developers. It covers various topics such as installing Git, configuring Git, creating a repository, creating branches, making changes to files, staging changes, committing changes, pushing changes to a remote repository, pulling changes from a remote repository, working with Git commands, creating pull requests, and merging pull requests. The guide aims to help readers excel in their coding workflow, collaborate effectively, and contribute to open-source projects.

  12. 12
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Learn AI Engineering with OpenAI and JavaScript

    Learn how to build and deploy AI-powered applications using the OpenAI API and JavaScript. The course covers AI engineering basics, API mechanics, prompt engineering, few shot approach, fine-tuning, and deploying secure applications using Cloudflare.

  13. 13
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Build a Marquee Component with React

    Learn how to build an engaging marquee component in React with this step-by-step guide. Discover the benefits of marquee components, how to plan and design them, and best practices for development

  14. 14
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Flutter Tutorial – How to Develop an App with Flutter From Scratch

    Learn how to develop a Flutter app from scratch, including installation, coding UI elements, testing, and app publication.

  15. 15
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    The Difference Between <b> and <Strong> in HTML – Explained with Examples

    Learn the difference between <b> and <strong> tags in HTML and how they are used for bold formatting. Discover the semantic meaning of the <strong> tag and the stylistic purpose of the <b> tag. Understand how browser styles can override the default rendering of these tags. Explore the potential issues with using the <b> tag and how the <strong> tag can indirectly impact SEO.