Manual gratuito y de código abierto para preparar entrevistas de front end, con formatos, diseño de sistemas, preguntas de cultura general, ejercicios de código y temas específicos de empresas.
44 mil5,9 milJavaScriptMITActualizado hace 17 días
h5bp/html5-boilerplate
Una plantilla profesional de inicio para HTML, CSS y JavaScript con la que crear sitios web y aplicaciones web rápidos, robustos y adaptables.
- Estrellas
- 57,654
- Forks
- 12,243
- Issues abiertos
- 22
- Último commit
- hace 10 días
¿Qué es?
HTML5 Boilerplate es una plantilla de inicio para proyectos front-end. Proporciona una estructura HTML predefinida, estilos base de CSS y una configuración de JavaScript que cubren aspectos habituales como la compatibilidad entre navegadores, el rendimiento y la impresión, para que los desarrolladores puedan partir de una base probada en lugar de un archivo vacío.
La plantilla no impone ningún framework ni una filosofía de desarrollo. Los desarrolladores pueden usar los archivos tal como están, copiar solo las partes que necesitan o eliminar lo que no vayan a utilizar. Incluye etiquetas Open Graph de ejemplo, media queries de CSS, clases auxiliares y estilos de impresión predeterminados, además de un package.json de ejemplo con comandos de WebPack.
El proyecto se distribuye a través de npm, como descarga ZIP de la carpeta dist publicada, mediante el script de scaffolding create-html5-boilerplate y como repositorio de plantilla de GitHub. La documentación se incluye con el proyecto para poder consultarla sin conexión.
Funciones clave
- 01Estructura inicial de HTML, CSS y JavaScript diseñada teniendo en cuenta la mejora progresiva.
- 02Etiquetas Open Graph de ejemplo y media queries de CSS.
- 03Clases auxiliares de CSS útiles y estilos de impresión predeterminados orientados al rendimiento.
- 04package.json de ejemplo con comandos de compilación de WebPack.
- 05Es fácil eliminar las partes que no se necesitan.
- 06Documentación incluida para consultarla sin conexión.
Casos de uso
- Iniciar un sitio web estático o una landing page con una base sólida de HTML y CSS.
- Poner en marcha una aplicación web front-end que necesite una plantilla independiente de cualquier framework.
- Aprender buenas prácticas para configurar el head de HTML, las metaetiquetas y los estilos de impresión.
Inicio rápido
- 1
Crea la estructura de un sitio nuevo con create-html5-boilerplate
npx create-html5-boilerplate new-site - 2
Entra en la carpeta del sitio nuevo
cd new-site - 3
Instala las dependencias
npm install - 4
Inicia el proyecto
npm run start
Antes de usarlo
- El package.json de ejemplo de la plantilla usa comandos de WebPack, así que quizá tengas que ajustar la configuración de compilación.
Temas
Preguntas frecuentes
- ¿Qué es html5-boilerplate?
- Una plantilla profesional de inicio para HTML, CSS y JavaScript con la que crear sitios web y aplicaciones web rápidos, robustos y adaptables. HTML5 Boilerplate es una plantilla de inicio para proyectos front-end. Proporciona una estructura HTML predefinida, estilos base de CSS y una configuración de JavaScript que cubren aspectos habituales como la compatibilidad entre navegadores, el rendimiento y la impresión, para que los desarrolladores puedan partir de una base probada en lugar de un archivo vacío.
- ¿html5-boilerplate es gratuito? ¿Qué licencia tiene?
- html5-boilerplate es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿html5-boilerplate sigue mantenido?
- Mantenimiento activo. El último commit de html5-boilerplate fue el 12 oct 2026.
- ¿Para qué puedo usar html5-boilerplate?
- Iniciar un sitio web estático o una landing page con una base sólida de HTML y CSS. Poner en marcha una aplicación web front-end que necesite una plantilla independiente de cualquier framework. Aprender buenas prácticas para configurar el head de HTML, las metaetiquetas y los estilos de impresión.
- ¿Cómo se instala html5-boilerplate?
- Crea la estructura de un sitio nuevo con create-html5-boilerplate: npx create-html5-boilerplate new-site Entra en la carpeta del sitio nuevo: cd new-site Instala las dependencias: npm install Inicia el proyecto: npm run start
- ¿Dónde consigo html5-boilerplate?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/h5bp/html5-boilerplate
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Popular framework front-end de componentes HTML, CSS y Sass/JavaScript para crear sitios web responsivos y diseñados primero para móviles.
175 mil78,5 milMDXMITActualizado ayer
Plan de estudios de 12 semanas y 24 lecciones para principiantes, que enseña HTML, CSS y JavaScript con proyectos prácticos como un terrario y juegos.
97 mil16 milJavaScriptMITActualizado ayer
Una lista exhaustiva de verificación del rendimiento front-end que abarca HTML, CSS, fuentes, imágenes, JavaScript y reglas del servidor, con explicaciones, soluciones y herramientas enlazadas.
17,4 mil1,3 milMITActualizado hace 9 días
Framework modular y componible de código abierto para crear reproductores multimedia en la Web y React, del proyecto Video.js (v10).
40 mil7,5 milTypeScriptOtherActualizado hace 3 horas
Curso gratuito de JavaScript de 30 días, paso a paso, con lecciones diarias, ejercicios y miniproyectos para principiantes.
46,9 mil10,5 milJavaScriptSin licenciaActualizado hace 2 meses