# 30 Seconds of Code

## Docs

- [Best Practices](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/articles/best-practices.md): Industry-standard best practices for web development, programming, and professional growth.
- [Articles Overview](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/articles/overview.md): Explore our collection of articles covering web development, programming best practices, career advice, and technical insights.
- [Content guidelines](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/content-guidelines.md): Writing guidelines for 30 seconds of code articles
- [How to contribute](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/contributing.md): Guidelines for contributing to 30 seconds of code
- [CSS Hover Effects](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/css/animation/hover-effects.md): Interactive hover animations and effects using pure CSS.
- [CSS Animations](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/css/animation/overview.md): Create engaging animations and interactive effects using modern CSS techniques.
- [CSS Articles](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/css/introduction.md): Interactive CSS3 examples covering layouts, styling, animation and user interactions with modern techniques.
- [CSS Layout Examples](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/css/layout/examples.md): Practical examples of modern CSS layout techniques with complete code samples.
- [CSS Layouts](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/css/layout/overview.md): Learn how to create common layouts with CSS3, using modern techniques such as flexbox and grid.
- [CSS Visual Styling Examples](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/css/visual/examples.md): Real-world examples of visual styling techniques with complete code.
- [CSS Visual Styling](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/css/visual/overview.md): Creative styling techniques using modern CSS features to enhance visual design.
- [Git Branches](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/git/branches/overview.md): Master Git branch operations including creation, switching, merging, and deletion
- [Git Commits](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/git/commits/overview.md): Learn how to create, modify, and manage commits in Git
- [Git Aliases](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/git/configuration/aliases.md): Increase productivity with Git aliases for common operations
- [Git Configuration](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/git/configuration/overview.md): Learn how to configure Git settings for optimal workflow efficiency
- [Git Documentation](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/git/introduction.md): A comprehensive collection of Git commands, tips, and workflows for version control
- [Git Repository Operations](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/git/repository/overview.md): Learn how to create, clone, and manage Git repositories and remote operations
- [HTML Head Basics](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/html/head-basics.md): Essential metadata, SEO tags, and best practices for the HTML head element.
- [HTML & Web Development](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/html/introduction.md): Master HTML 5 with this collection of tips, tricks and code examples covering elements, tags, links, forms, tables and more.
- [Welcome to 30 seconds of code](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/introduction.md): Coding articles to level up your development skills
- [JavaScript Algorithms](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/javascript/advanced/algorithms.md): Learn common algorithms and their implementations in JavaScript
- [Data Structures in JavaScript](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/javascript/advanced/data-structures.md): Learn about common data structures and their implementations in JavaScript
- [JavaScript Generators](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/javascript/advanced/generators.md): Learn about generator functions, iterators, and lazy evaluation in JavaScript
- [Regular Expressions in JavaScript](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/javascript/advanced/regexp.md): Master regular expressions with practical examples and common patterns
- [Array Initialization in JavaScript](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/javascript/arrays/initialization.md): Learn the different ways to initialize JavaScript arrays and their performance implications
- [Essential JavaScript Array Methods](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/javascript/arrays/methods.md): Master the 4 must-know JavaScript array methods - map, filter, reduce, and find
- [JavaScript Arrays Overview](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/javascript/arrays/overview.md): Master JavaScript array operations, methods, and best practices
- [HTTP Requests in JavaScript](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/javascript/async/http-requests.md): Learn how to make HTTP requests using the Fetch API and handle responses
- [JavaScript Promises Guide](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/javascript/async/promises.md): Master asynchronous JavaScript with promises, async/await, and best practices
- [DOM Events in JavaScript](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/javascript/dom/events.md): Learn how to handle events, create custom events, and master event delegation
- [DOM Manipulation in JavaScript](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/javascript/dom/manipulation.md): Learn how to manipulate HTML elements using JavaScript
- [Querying the DOM in JavaScript](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/javascript/dom/querying.md): Learn how to find and select HTML elements using JavaScript
- [Arrow Functions in JavaScript](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/javascript/functions/arrow-functions.md): Complete guide to arrow functions - syntax, execution context, and best practices
- [JavaScript Functions Guide](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/javascript/functions/overview.md): Master JavaScript functions, from basic syntax to advanced patterns
- [JavaScript Guide](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/javascript/introduction.md): Comprehensive guide to JavaScript ES6+ features, helper functions, and best practices
- [JavaScript Objects Guide](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/javascript/objects/overview.md): Master JavaScript object manipulation, cloning, and property handling
- [Python Date Operations](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/python/dates/overview.md): Date arithmetic, formatting, and comparison utilities for Python datetime objects
- [Python Dictionary Operations](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/python/dictionaries/overview.md): Utilities for transforming, mapping, and converting Python dictionaries
- [Python Code Snippets](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/python/introduction.md): Explore a collection of Python helper functions and utilities for common programming tasks
- [Python List Operations](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/python/lists/overview.md): Utilities for working with Python lists including chunking, filtering, sorting, and transformations
- [Python Math Operations](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/python/math/overview.md): Mathematical utilities and algorithms for common calculations in Python
- [Python String Operations](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/python/strings/overview.md): String manipulation utilities including case conversion, formatting, and text transformations
- [React Component Examples](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/react/components/examples.md): Complete component implementations with styling and usage examples
- [React Components Overview](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/react/components/overview.md): Reusable function components for common UI patterns
- [React Hooks Examples](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/react/hooks/examples.md): Complete examples of custom React hooks with usage demos
- [React Hooks Overview](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/react/hooks/overview.md): A collection of reusable custom hooks for React 18
- [React Snippets and Components](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/react/introduction.md): Discover function components and reusable hooks for React 18
- [React Testing Overview](https://mintlify.wiki/Chalarangelo/30-seconds-of-code/react/testing/overview.md): Patterns and best practices for testing React components