Best of freeCodeCampSeptember 2023

  1. 1
    Article
    Avatar of freecodecampfreeCodeCamp·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.

  2. 2
    Article
    Avatar of freecodecampfreeCodeCamp·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.

  3. 3
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Use GraphQL

    GraphQL is a query language for your API, and a runtime for executing queries by using a type system that you define for your data. The Net Ninja created this course, designed especially for those new to GraphQL, you will learn the knowledge and skills to create robust and efficient data-driven applications.

  4. 4
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Build an SEO-Optimized Blog with Next.js

    The course leverages the power of several modern tools and frameworks to build the blog. This includes Next.js for the core application, Tailwind CSS for styling, Contentlayer to render Markdown blogs seamlessly. Lottie Animation for interactive animations, React hook form for form functionalities, Next Sitemap for creating a sitemap.

  5. 5
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    JavaScript Concepts to Know Before Learning Node.js

    Node.js enables JavaScript developers to write server side code and code for embedded systems. This opens up opportunities in backend development and hardware programming. In this article, a JavaScript developer has to learn and understand some JavaScript concepts. In the article, you are going to learn the concepts you need to understand before learning Node.

  6. 6
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Build and Deploy an AI SaaS with Paid Subscriptions

    Building and Deploy an AI SaaS with Paid Subscriptions is easier than ever to launch your own Software as a Service (SaaS) company! We just posted a course on the freeCodeCamp.org YouTube channel (4-hour watch) The course will guide you through every step of building and deploying a full-stack AI SAAS application.

  7. 7
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Learn the Astro Web Framework

    Astro is a go-to choice for developers looking to build fast, content-focused websites. It offers tools for file-based routing, managing content with Markdown and MDX, setting up dynamic routes, deployment on platforms like Netlify and Vercel, and transitioning to server-side rendering. James Q Quick presents a crash course on Astro on the freeCodeCamp.org YouTube channel.

  8. 8
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Use React Components – Props, Default Props, and PropTypes Explained

    React is an open-source JavaScript library used for building user interfaces (UIs) in web applications. In this tutorial, we'll explore what React components are, how to pass and render data to them using props, and how to enhance their reliability using props and propTypes.

  9. 9
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    New Mojo Programming Language for AI Developers

    New Mojo Programming Language for AI Developers Mojo combines the usability of Python with the performance of C. It's basically an enhanced version of Python specifically designed for Artificial Intelligence developers. You can program the multitude of low-level AI hardware and no C++ or CUDA is required.

  10. 10
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Build an Image Search App Using React – An In-Depth Tutorial

    Learn how to build an Image Search App using React. This tutorial covers topics such as making API calls, implementing pagination, handling form submit action, adding search input and quick search options, getting access to the Unsplash API, storing API data using state, displaying images on screen, finding bugs using ESLint, removing extra dependencies from useEffect, and displaying loading indication.

  11. 11
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    A Quick Look at Bun 1.0 – The Node.js Alternative

    JavaScript got way faster with a new JavaScript runtime called Bun, which is now production-ready with its version 1.0.0 release. Bun is a fast, all-in-one toolkit for running, building, testing, and debugging JavaScript and TypeScript, from a single file to a full-stack application.

  12. 12
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    The SQL Handbook – A Free Course for Web Developers

    The SQL Handbook is a free and open text-based handbook for Web Developers. Try the interactive version of this SQL course on Boot.dev, complete with coding challenges and projects. Watch the video walkthrough of this course on FreeCodeCamp's YouTube channel.

  13. 13
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Full Stack Project Tutorial – Create A Notes App Using React and Node.js

    Learn how to create a full stack notes app using React and Node.js. The tutorial covers building the UI, connecting it to the backend, and adding features like validation and error handling. By the end of the tutorial, readers will have a functional notes app that they can use as a starting point for their own projects.

  14. 14
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How To Create A Design System In Next.js With Tailwind CSS and Class Variance Authority

    A design system is a set of reusable UI components and design tokens. These tokens are like building blocks that include things like buttons, colors, and fonts. After designers make these parts, developers can use different tools to actually use them and build the website. This method keeps your codebase focused and efficient.

  15. 15
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Master the T3 Stack and Build a YouTube Clone

    The T3 Stack comprises Next.js, TypeScript, TRPC, Next Auth, Prisma, and Tailwind CSS. The course will teach you how to use the T3 stack to create a video steaming platform. You'll tackle everything from the home page and search functionality to individual video pages and user profiles.

  16. 16
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Create a no-code game with GDevelop

    GDevelop is an open-source, free, and user-friendly game engine that doesn't require any coding knowledge. A wave defense game, sometimes known as a "horde mode" or "tower defense" game, is a sub-genre of strategy video games. The course is aimed at beginners and leverages the power of GDevelop.