Best of freeCodeCampMarch 2023

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

  2. 2
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Write Simpler JavaScript Code

    Learn ten tips for simplifying your JavaScript code, including using arrow functions, descriptive variable names, functional programming, avoiding code nesting, using default parameters, destructuring, promises, array methods, object methods, and libraries/frameworks.

  3. 3
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Learn Web Development from Harvard University (CS50 Web)

    Learn web programming with Python and JavaScript from Harvard University's CS50's Web Programming course. Topics include HTML, CSS, Git, Python, Django, SQL, JavaScript, user interfaces, testing, scalability, and security. Watch the full course on the freeCodeCamp YouTube channel.

  4. 4
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Public APIs Developers Can Use in Their Projects

    Public APIs provide developers with access to existing functionality and data, improving integration, efficiency, and functionality. However, challenges such as data privacy, incomplete documentation, compatibility, and rate limits exist. When choosing a public API, consider availability, reliability, documentation, support, security, privacy, project requirements, and reviews. Popular public APIs include JSONPlaceholder, Weather Underground, New York Times, Open Library, The Movie Database, Spoonacular, YouTube, Google Search, Shopify, Dog CEO, The Cat API, Oxford Dictionary, Sportradar, Quotes Free, JokeAPI, NPS, Giphy, Rest Countries, Unsplash, Flickr, Getty Images, Pexels, and Covid-19 API.

  5. 5
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Learn React 18 with Redux Toolkit

    Learn React 18 with Redux Toolkit through a comprehensive video course on the freeCodeCamp.org YouTube channel. The course covers React development, folder structure, components, props, events, forms, hooks, context API, performance, and Redux Toolkit.

  6. 6
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    CSS Grid Handbook – Complete Guide to Grid Containers and Grid Items

    This tutorial discusses everything you need to know to use CSS Grid like a pro.

  7. 7
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Build Forms in React

    Learn how to build forms in React using controlled and uncontrolled components. Understand the difference between the two approaches and explore form validation using libraries like React Hook Form.

  8. 8
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Advanced SQL Techniques for Complex Queries

    Learn about advanced SQL techniques such as window functions, Common Table Expressions (CTEs), and recursive queries. These techniques can help you perform complex data analyses and manipulations with greater precision and efficiency.

  9. 9
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Make a Clickable SVG Map With HTML and CSS

    Learn how to make a clickable SVG map with HTML and CSS. Discover the benefits of SVG maps, add interactivity with CSS, and link areas of the map to external webpages.

  10. 10
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Generate Colors in JavaScript

    Learn how computers understand colors and how to generate colors using hexadecimals in JavaScript.

  11. 11
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    JavaScript Basics – How to Work with Strings, Arrays, and Objects in JS

    Learn about JavaScript arrays, strings, and objects, and their respective methods, in this tutorial.

  12. 12
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Alternatives to Prettier – Popular Code Linting and Formatting Tools

    This post discusses alternatives to the Prettier code formatter, including JsFmt, StandardJS, ESLint + EditorConfig, and JS Beautifier. It highlights their features, pros, and cons, helping readers choose the right linter/formatter for their coding projects.

  13. 13
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Create a Serverless ChatGPT App in 10 Minutes

    Learn how to create a serverless GitHub bot in Rust that allows users to chat with ChatGPT and each other in GitHub Issues without the need for a web server, webhook, or cache/database server.

  14. 14
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How To Write Quick Sort Algorithm With JavaScript

    Learn how to write a quick sort algorithm using JavaScript. Understand the key concepts and steps involved in implementing the algorithm. Test the algorithm by sorting an array of random numbers.

  15. 15
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Tips for Learning to Code – How to Stay Consistent and Enjoy Yourself

    Learn how to stay consistent and enjoy yourself while learning to code with these actionable tips, including helping others, talking about your work, building real projects, networking, setting realistic goals, learning one thing at a time, and listening to podcasts.

  16. 16
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Build a Simple Login App with Flutter

    Learn how to build a simple login app using Flutter. The article covers prerequisites, project creation, running the app, removing comments, changing the app name, building the app, and navigating on login. Additional features that can be added to the login app are suggested.

  17. 17
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Next.js SEO for Developers – How to Build Highly Performant Apps with Next

    Next.js is a powerful React-based web framework for building fast and SEO-friendly web applications. It provides built-in support for server-side rendering, static site generation, and React server components. Next.js helps improve search engine optimization, image optimization, and cumulative layout shift. With version 13, Next.js introduces features like React server components, streaming UI chunks, an updated Image component, and a new Font component. It also changes the way metadata and structured data are handled.

  18. 18
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Build React Forms with Formik

    Learn how to build React forms with Formik, a popular open-source library that simplifies form building, state management, validation, and error handling in React applications.