Best of freeCodeCampNovember 2022

  1. 1
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    TypeScript for React Developers – Why TypeScript is Useful and How it Works

    The idea behind this article is to go through the basics of TS and understand the benefits of TypeScript. In the second section of this article, I will cover the specifics of TS with React. This should help you decide if you want those benefits or not.

  2. 2
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Programming in TypeScript – Full Course

    TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. This is because TypeScript uses a static type system, which means that the type of a variable is checked before the code is executed. TypeScript can be used to develop large-scale JavaScript applications.

  3. 3
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Build a Modern Documentation Site with VitePress

    VitePress is a simple and performant static site generator built on top of Vite that lets you create docs in a matter of minutes. VitePress powers some popular documentation sites like Vuejs, Vitest, faker.js, and Vite itself.

  4. 4
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Tailwind CSS Landing Page Themes for Busy Developers

    Tailwind's library of free and paid resources makes it incredibly easy to build a professional-looking website. By default, it comes in light mode but it has a dark mode option that the website users/visitors can turn on and off as they please. Alternatively, you can purchase the entire TailwindUI toolkit that contains multiple themes and useful resources.

  5. 5
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Learn CSS – Responsive Web Design Study Guide

    Learn CSS - Responsive Web Design Study Guide Cascading Style Sheets (CSS) This study guide is filled with additional information, articles, and videos to help you understand the concepts better. The first part of the project reviews HTML elements and then moves onto CSS. This includes headings, paragraphs, images, links, and more. The body element contains all of the content for the web page. For more information, see the complete list of topics covered.

  6. 6
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Clear Code – How to Write Code That Is Easy to Read

    This article is a follow up to a tweet I made on how I deal with my poor ability to remember code. We will discuss why you may want to write more legible code as opposed to short, concise code.

  7. 7
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Manage State in React

    The only time a React app will re-render is when state changes. Jack Herrington created this course to teach you all about React State Management.

  8. 8
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Microservices and Software System Design Course

    A microservices architecture is a type of application architecture where the application is developed as a collection of services. The course will teach you about microservice architecture and distributed systems using a hands-on approach.

  9. 9
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Learn Full Stack Development – HTML, CSS, JavaScript, Node.js, MongoDB

    Full Stack Development - HTML, CSS, JavaScript, Node.js, MongoDB Full stack development is a term used to describe the process of developing a complete website or application from start to finish. Full stack developers must have a deep understanding of both front-end and back-end web development.

  10. 10
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    SOLID Principles for Programming and Software Design

    SOLID is a mnemonic acronym that stands for the five design principles of Object-Oriented class design. These principles are meant to make object-oriented designs more understandable, flexible, and maintainable. In very plain terms, you want the objects of your subclasses to behave the same way as your superclass. A very common example is the rectangle, square scenario.

  11. 11
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Learn the Linux Terminal as a Beginner – Tips and Examples

    In 2017, I bought a new laptop and switched to Linux. I started learning terminal commands and keyboard shortcuts. In this article, I'll walk you through the experiences I had learning to handle file and folder operations in Linux. Before starting to use terminal, you need to get familiar with two commands.

  12. 12
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    The Best Backend as a Service for your React App

    Firebase has dominated the backend-as-a-service space for many years, but Supabase has emerged as a great alternative. Supabase allows you to take your code and deploy it wherever you like. You can build your app, deploy it to Supabase's servers, or you can Deploy it to your own hosting service.

  13. 13
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Blockchain for Beginners Tutorial – Learn to Code Smart Contracts with JavaScript and Solidity

    The first time I tried to learn blockchain development, I felt overwhelmed. This tutorial you're reading is what I wish I could send back in time to myself. This will give you a strong foundation in blockchain development and set you up for success in coding your own smart contracts.

  14. 14
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Work with Strings in JavaScript – Tips for Efficient String Concatenation

    How to Work with Strings in JavaScript - Tips for Efficient String Concatenation is a string. This will dramatically increase the performance of your web applications, both on the frontend and backend. The default string concatenation algorithm is too inefficient and wastes a lot of memory.

  15. 15
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Hoisting in JavaScript with let and const – and How it Differs from var

    Hoisting in JavaScript with let and const - and how it works with variables declared with. The variable is hoisted to the top of the global scope. This makes it possible to access the variable before the line it was declared, without errors.

  16. 16
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Generate Images using React and the Dall-E 2 API – React and OpenAI API Tutorial

    How to Generate images using React and the Dall-E 2 API - React and OpenAI API Tutorial. OpenAI just released its DALL-E API where users can generate custom images by just typing in a query. Let’s learn how you can integrate this into your React application to create your own application const openai = new OpenAIApi(configuration). Here is the whole code until now.

  17. 17
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Validate URLs in JavaScript

    A Uniform Resource Locator (URL) is what leads you to a page or file on the internet. All valid URLs follow certain patterns. So if you know those patterns, you can determine whether a URL is valid or not in your program and give feedback, throw an error, and so on.

  18. 18
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Deploy Your React App Using Cloudflare Pages, Vercel, and Netlify

    How to Deploy a React App with Cloudflare Pages, Vercel, and Netlify are the best ways to deploy your React application. You can deploy unlimited sites with unlimited bandwidth for free for free. Vercel is optimized for projects that are built with Next.js, including Create React App and Gatsby.