Skip to content

Repository files navigation

Fullstack Bootcamp Base

Este repositorio contiene la estructura base y todos los recursos vistos en el bootcamp:

📁 Estructura del proyecto

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)

🚀 Plantillas HTML

  • base.html  Esqueleto mínimo con header, main y footer
  • navbar.html Barra de navegación responsive
  • tarjetas.html Tarjetas con hover y sombra
  • formularios.html Formularios con validación básica
  • modales.html Modales de Bootstrap
  • galeria.html Lightbox de imágenes
  • grid.html Grid responsive con Bootstrap
  • carousel.html Carrusel de imágenes
  • scrollspy.html Navegación activa con Scrollspy
  • footer.html Pie de página personalizado

🎨 Estilos CSS

  • Bootstrap 5: bootstrap.min.css
  • Animate.css: animate.min.css
  • Font Awesome: fontawesome.min.css
  • Personalizados: style.css + style.scss (SCSS básico)

⚙️ Scripts JS

  • 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)

📦 Plugins y Recursos Adicionales

  • 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.

🔧 Cómo usar

  1. 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

About

Pruebas y material Bootcamp Fullstack

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages