Best of freeCodeCamp — December 2024

1. 1
   Article

   freeCodeCamp·1y

   Learn Elasticsearch with a Comprehensive Beginner-Friendly Course

   Master search functionality in modern applications by learning Elasticsearch. This beginner-friendly course on freeCodeCamp.org's YouTube channel covers Elasticsearch fundamentals such as index management, document storage, text analysis, and search API. You'll also dive into advanced topics like semantic search and pipelines. Apply your skills in a real-world project by building a search engine for NASA's Astronomy Picture of the Day dataset. The 5-hour course is practical, accessible, and ideal for developers, data scientists, and tech enthusiasts.

   122
2. 2
   Article

   freeCodeCamp·1y

   How to Build a Reusable Keyboard Shortcut Listener Component in React

   Learn how to build a reusable keyboard shortcut listener component in React using Tailwind CSS and Framer Motion. This component can enhance the user experience by efficiently handling keyboard shortcuts, providing a cleaner codebase, and improving accessibility. The guide includes code snippets, setup instructions, and tips for adding animations and optimizing for accessibility.

   90
3. 3
   Article

   freeCodeCamp·1y

   Next.js vs React – Differences and How to Choose the Right One for Your Project

   This post compares Next.js and React by exploring their differences, strengths, and optimal use cases for web development projects. It explains key concepts such as server-side rendering (SSR) and client-side rendering (CSR), as well as the benefits and drawbacks of each approach. The post provides practical advice on when to use React or Next.js based on project requirements like SEO, performance, scalability, and interactivity.

   56
4. 4
   Article

   freeCodeCamp·1y

   How to Write Better Names for Your Variables, Functions, and Classes – With Examples

   Naming is a crucial aspect of writing clean, maintainable, and scalable code. Good names improve readability, maintainability, collaboration, and scalability. The post offers comprehensive guidelines for naming conventions across various programming languages like camelCase for variables and functions, PascalCase for classes, kebab-case for CSS elements, and snake_case for Python. It also provides universal naming principles like being descriptive and concise, avoiding cryptic abbreviations, and following consistent naming conventions. Practical examples are given for creating good class names, variable names, and function names.

   53

   1
5. 5
   Article

   freeCodeCamp·1y

   Building a Simple Web Application Security Scanner with Python: A Beginner's Guide

   Learn how to build a basic Python-based web application security scanner to detect common vulnerabilities like XSS, SQL injection, and sensitive information exposure. This guide covers setting up your development environment, writing the core scanning class, implementing a web crawler, and performing security checks. The tutorial also highlights how to extend the scanner with additional features.

   42

   1
6. 6
   Article

   freeCodeCamp·1y

   Learn Continuous Integration, Delivery, and Deployment with GitHub Actions, Docker, and Google Cloud Run

   Learn how to set up a Continuous Integration (CI), Continuous Delivery (CD), and Continuous Deployment pipeline using GitHub Actions, Docker, and Google Cloud Run. This guide covers the basics of each concept and provides hands-on steps to build and deploy a Node.js project, including setting up automated tests, creating workflows in GitHub Actions, building and pushing Docker images to Docker Hub, and deploying to both a staging and production environment on Google Cloud Run.

   35
7. 7
   Article

   freeCodeCamp·1y

   How to Write Code That's Easy to Read – Tips for Developers

   Programs are read more often than they are written, emphasizing the importance of writing code that is easy to read. The provided JavaScript function, `createOrUpdateUserOnLogin`, is complex with deep nesting and redundant operations. The post outlines how to refactor such code by handling failure cases first, rearranging the flow, using clear variable names, and avoiding nested code blocks. The aim is to make the code readable and maintainable, akin to a well-written story.

   30