Este repositorio contiene la estructura base y todos los recursos vistos en el bootcamp:
repositorio/ ├── html/ ← Plantillas HTML completas ├── css/ ← Estilos (Bootstrap, plugins y personalizados) ├── js/ ← Scripts (jQuery, Bootstrap, plugins y custom) ├── fonts/ ← Fuentes (e.g. OpenSans) └── README.md ← Documentación (este archivo)
base.htmlEsqueleto mínimo con header, main y footernavbar.htmlBarra de navegación responsivetarjetas.htmlTarjetas con hover y sombraformularios.htmlFormularios con validación básicamodales.htmlModales de Bootstrapgaleria.htmlLightbox de imágenesgrid.htmlGrid responsive con Bootstrapcarousel.htmlCarrusel de imágenesscrollspy.htmlNavegación activa con Scrollspyfooter.htmlPie de página personalizado
- Bootstrap 5:
bootstrap.min.css - Animate.css:
animate.min.css - Font Awesome:
fontawesome.min.css - Personalizados:
style.css+style.scss(SCSS básico)
- jQuery 3.6:
jquery-3.6.0.min.js - Popper.js:
popper.min.js - Bootstrap Bundle:
bootstrap.bundle.min.js - WOW.js:
wow.min.js(animaciones al scroll) - Custom:
script.js(lightbox, carousel, scroll-top, smooth scroll)
- Tailwind CSS
- Bulma
- AOS (Animate On Scroll)
- Swiper.js (Slider)
- Axios (AJAX)
- Chart.js (Gráficos)
- Lodash (Utilidades)
- D3.js (Visualizaciones)
- GSAP (Animaciones avanzadas)
- date-fns (Manipulación de fechas)
- jQuery Validation (Validación de formularios)
Cada plugin incluye en este repositorio un snippet de integración en la sección Inclusión de Recursos.
- Clonar este repositorio:
git clone https://github.com/danielantonio-driod/fullstack.git cd fullstack
Instalar (descargar) dependencias locales si usas scripts de descarga o via npm.
Abrir cualquiera de las plantillas html/*.html en tu navegador.
Editar estilos en css/style.css y lógica en js/script.js.
git init git add . git commit -m "Estructura Bootcamp completa" git remote add origin https://github.com/danielantonio-driod/fullstack.git git push -u origin main
git add git commit -m "Descripción del cambio" git push