Awesome GitHub RepositoriesWeb Performance Optimizations

MDN Web Docs is the official source for comprehensive documentation about HTML, CSS, JavaScript, HTTP, and Web APIs for web developers. It serves as both a complete reference for web browser technologies and a structured learning platform that guides users from beginner to advanced levels through tutorials covering core web standards. The project distinguishes itself by providing a complete reference documentation for standard browser APIs alongside guidance for building accessible websites that work with assistive technologies. It offers documented security techniques and best practices for

This project is a technical interview preparation resource focused on JavaScript. It provides a collection of common technical questions, detailed answers, and conceptual quizzes designed to help users master core language fundamentals and browser APIs. The resource utilizes an interactive infrastructure that includes a coding workspace with in-browser runtime execution and an automated test suite to validate code correctness. It organizes content through curated learning paths and modular concept mapping to decompose complex language fundamentals into searchable study modules. The curriculu

This project is a comprehensive collection of frontend development best practices and standards. It provides guides for writing semantic HTML, efficient CSS, and functional JavaScript to improve overall web performance and accessibility. The repository establishes frameworks for modern CSS architecture, focusing on specificity management and the use of Flexbox and Grid for predictable layouts. It outlines patterns for functional JavaScript programming, emphasizing the use of pure functions and composition to reduce execution time and dependency bloat. The guidelines cover several core capabi

Este proyecto es una guía de ingeniería de crecimiento y plan de estudios de desarrollo full-stack. Sirve como un manual para aplicar ingeniería lean y flujos de trabajo basados en datos para acelerar el crecimiento del producto, mientras proporciona una ruta de aprendizaje estructurada para construir, escalar y mantener aplicaciones web. El recurso funciona como un framework de desarrollo de software lean y un manual de arquitectura escalable. Proporciona directrices para diseñar sistemas desacoplados utilizando microservicios y caché para garantizar la estabilidad, junto con una guía de optimización del rendimiento web para aumentar la velocidad del sitio y la visibilidad en motores de búsqueda. El plan de estudios cubre el desarrollo profesional en ingeniería de crecimiento y formación técnica full-stack. Incluye estrategias para el desarrollo de productos lean, garantía de calidad de software a través de desarrollo guiado por pruebas (TDD) y la implementación de pipelines de entrega continua.

This project is a front-end interview study guide and a collection of structured notes designed for technical job preparation. It serves as a comprehensive reference for web technologies, common technical interview questions, and JavaScript algorithm implementation. The notebook distinguishes itself by integrating specialized guides for web performance optimization, browser API documentation, and JavaScript algorithm references. It provides a structured approach to solving coding challenges involving data structures like binary trees, linked lists, and array manipulation. The content covers

This project is a comprehensive frontend interview preparation resource built around a question bank of over 1000 curated questions. It covers HTML, CSS, JavaScript, Vue, React, Node, TypeScript, Webpack, algorithms, and network security, with each question accompanied by a detailed answer explanation. The content is organized into a hierarchical category tree for browsable exploration, and a daily question rotation algorithm presents one question per day for systematic review. A client-side search index enables instant filtering of questions by title or tag, and the entire question bank is p

Daily-Question is a frontend interview preparation platform and technical knowledge base. It provides a structured engineering curriculum consisting of high-frequency interview questions and core technical topics organized by increasing difficulty. The platform includes an interview experience archive that collects real-world reports from technology companies to help users analyze hiring patterns and salary benchmarks. It also serves as a library for web engineering concepts and network protocols, utilizing interactive code examples and diagrams. The project covers broad capability areas inc

Spec es un conjunto integral de especificaciones de estándares de codificación frontend y guías de arquitectura de proyectos. Proporciona un framework para organizar estructuras de directorios, dependencias de módulos y diseños de paquetes para crear bases de código escalables y predecibles. El proyecto define estándares de gobernanza rigurosos para componentes de React, incluyendo convenciones de nomenclatura específicas y patrones estructurales para props. También establece una especificación de datos JSON API para garantizar una comunicación predecible entre los componentes del sistema a través de formatos de intercambio estandarizados y estructuras de respuesta HTTP. La especificación cubre una amplia gama de capacidades, incluyendo el cumplimiento de accesibilidad web mediante HTML semántico y controles de formulario accesibles, así como estrategias de optimización del rendimiento web para la manipulación del DOM y la carga de recursos. Detalla además estándares para estilos de codificación de JavaScript, HTML y CSS para mantener la consistencia en los equipos de desarrollo.

Este proyecto es un blog de desarrollo frontend y generador de sitios estáticos en Markdown. Funciona como una base de conocimientos técnicos y un recurso de rendimiento web, convirtiendo archivos Markdown en páginas HTML estáticas. El sitio sirve como un jardín digital personal para documentar el crecimiento profesional y el aprendizaje de frontend. Se centra en la curación de conocimientos técnicos, agregando específicamente artículos y presentaciones sobre optimización del rendimiento web y renderizado en navegadores. El sistema utiliza un proceso de construcción que involucra generación estática basada en Markdown, enrutamiento basado en el sistema de archivos y metadatos impulsados por frontmatter. Las capacidades técnicas incluyen regeneración estática incremental, hidratación del lado del cliente y estilos CSS-in-JS.

Este proyecto es una guía completa de ingeniería frontend y plan de estudios de desarrollo web. Sirve como referencia para los lenguajes, herramientas y patrones arquitectónicos utilizados para construir aplicaciones web, incluyendo un manual dedicado a la seguridad y el rendimiento web. El repositorio proporciona un catálogo de herramientas curado para la edición de código, control de versiones y flujos de trabajo de despliegue. También incluye rutas de aprendizaje estructuradas que cubren el diseño de interfaces de usuario, gestión de estado y optimización del rendimiento del navegador. El contenido cubre una amplia gama de dominios de ingeniería, incluyendo análisis de riesgos de seguridad, metodologías de prueba de aplicaciones web y principios de diseño de interfaces de usuario. Detalla además referencias de tecnologías web centrales y estrategias para la optimización de carga de páginas y sincronización de datos. El manual está redactado utilizando markdown y generado como un sitio estático.