# Frontend Handbook

## Docs

- [Development](https://devtools.mintlify.app/development.md): Preview changes locally to update your docs
- [Frontend Handbook](https://devtools.mintlify.app/index.md): Your comprehensive guide to modern frontend development – from HTML basics to advanced JavaScript frameworks.
- [Playground](https://devtools.mintlify.app/playground.md)
- [Quickstart Guide](https://devtools.mintlify.app/quickstart.md): Get started with the Frontend Handbook and set up your development environment
- [Web Accessibility (a11y)](https://devtools.mintlify.app/src/best-practices/accessibility.md): Learn how to build inclusive web applications that work for everyone
- [Clean Code Principles](https://devtools.mintlify.app/src/best-practices/clean-code.md): Best practices for writing clean, readable, and maintainable frontend code
- [Collaboration Best Practices](https://devtools.mintlify.app/src/best-practices/collaboration.md): Best practices for effective collaboration in frontend development teams
- [Deployment and CI/CD](https://devtools.mintlify.app/src/best-practices/deployment.md): Best practices for deploying frontend applications and implementing continuous integration and delivery pipelines
- [Documentation Best Practices](https://devtools.mintlify.app/src/best-practices/documentation.md): Best practices for documenting frontend code, components, and projects
- [Frontend Security Best Practices](https://devtools.mintlify.app/src/best-practices/frontend-security.md): Learn essential security practices to protect your frontend applications from common vulnerabilities and attacks
- [Frontend Performance Optimization](https://devtools.mintlify.app/src/best-practices/performance.md): Learn how to optimize your frontend applications for better speed and user experience
- [Frontend Security Best Practices](https://devtools.mintlify.app/src/best-practices/security.md): Learn how to protect your web applications from common security vulnerabilities
- [State Management](https://devtools.mintlify.app/src/best-practices/state-management.md): Learn about different state management approaches and best practices for frontend applications
- [Frontend Testing Best Practices](https://devtools.mintlify.app/src/best-practices/testing.md): Learn how to implement effective testing strategies for your frontend applications
- [CSS Animations and Transitions](https://devtools.mintlify.app/src/css/animations.md): Learn how to create smooth, engaging animations and transitions using CSS
- [CSS Box Model](https://devtools.mintlify.app/src/css/box-model.md): Understanding the CSS Box Model and how it affects layout and spacing
- [CSS Flexbox](https://devtools.mintlify.app/src/css/flexbox.md): Learn how to create flexible and responsive layouts using CSS Flexbox
- [CSS Frameworks](https://devtools.mintlify.app/src/css/frameworks.md): Learn about popular CSS frameworks, their features, and how to choose the right one for your project
- [CSS Grid](https://devtools.mintlify.app/src/css/grid.md): Learn how to create complex two-dimensional layouts using CSS Grid
- [Introduction to CSS](https://devtools.mintlify.app/src/css/introduction.md): Learn the fundamentals of CSS, the styling language of the web
- [CSS Positioning](https://devtools.mintlify.app/src/css/positioning.md): Learn how to control the position of elements on a webpage using CSS positioning properties
- [CSS Preprocessors](https://devtools.mintlify.app/src/css/preprocessors.md): Learn about CSS preprocessors like Sass, Less, and PostCSS and how they enhance your styling workflow
- [Responsive Web Design](https://devtools.mintlify.app/src/css/responsive-design.md): Learn how to create websites that work well on all devices and screen sizes
- [CSS Animations and Transitions](https://devtools.mintlify.app/src/css/selectors.md): Learn how to create smooth, engaging animations and transitions using CSS
- [CSS Typography](https://devtools.mintlify.app/src/css/typography.md): Learn how to style text and fonts using CSS to create beautiful and readable typography
- [CSS Variables](https://devtools.mintlify.app/src/css/variables.md): Learn how to use CSS custom properties (variables) to create more maintainable and dynamic stylesheets
- [Angular](https://devtools.mintlify.app/src/frameworks/angular.md): Learn about Angular, a platform and framework for building single-page client applications
- [React.js](https://devtools.mintlify.app/src/frameworks/react.md): Learn about React, a popular JavaScript library for building user interfaces
- [Svelte](https://devtools.mintlify.app/src/frameworks/svelte.md): Learn about Svelte, a radical new approach to building user interfaces
- [Vue.js](https://devtools.mintlify.app/src/frameworks/vue.md): Learn about Vue.js, a progressive JavaScript framework for building user interfaces
- [HTML Accessibility](https://devtools.mintlify.app/src/html/accessibility.md): Best practices for creating accessible HTML content for all users
- [HTML Attributes](https://devtools.mintlify.app/src/html/attributes.md): Understanding HTML attributes and how they modify elements
- [HTML Best Practices](https://devtools.mintlify.app/src/html/best-practices.md): Guidelines and recommendations for writing clean, maintainable, and accessible HTML
- [HTML Elements](https://devtools.mintlify.app/src/html/elements.md): Understanding HTML elements and their usage in web development
- [HTML Forms](https://devtools.mintlify.app/src/html/forms.md): Creating and working with HTML forms for user input
- [Introduction to HTML](https://devtools.mintlify.app/src/html/introduction.md): Learn the fundamentals of HTML, the backbone of all web pages
- [Semantic HTML](https://devtools.mintlify.app/src/html/semantic.md): Understanding and implementing semantic HTML for better accessibility, SEO, and code structure
- [HTML Document Structure](https://devtools.mintlify.app/src/html/structure.md): Understanding the structure of HTML documents and how to organize them properly
- [DOM Manipulation with JavaScript](https://devtools.mintlify.app/src/javascript/dom-manipulation.md): Learn how to interact with and modify the Document Object Model (DOM) using JavaScript
- [JavaScript Events](https://devtools.mintlify.app/src/javascript/events.md): Master event handling in JavaScript to create interactive web applications
- [Introduction to JavaScript](https://devtools.mintlify.app/src/javascript/introduction.md): Learn the fundamentals of JavaScript, the programming language of the web
- [JavaScript Modules](https://devtools.mintlify.app/src/javascript/modules.md): Learn how to organize your JavaScript code using modules, imports, and exports
- [Git for Frontend Developers](https://devtools.mintlify.app/src/tools/git.md): Learn how to use Git for version control in your frontend projects

## OpenAPI Specs

- [openapi](https://devtools.mintlify.app/api-reference/openapi.json)

## Optional

- [Documentation](https://mintlify.com/docs)
- [Community](https://mintlify.com/community)
- [Blog](https://mintlify.com/blog)