Guía para Desarrolladores Frontend
Bienvenido al proyecto "Guía para Desarrolladores Frontend". Esta aplicación es una guía interactiva con pasos detallados para ayudarte a convertirte en un experto frontend. Utiliza herramientas modernas como HTML, CSS, JavaScript, Sass, y más. Requisitos
Asegúrate de tener instalados los siguientes programas:
Node.js (v14 o superior)
npm (v6 o superior)
Instalación
Clona este repositorio en tu máquina local:
git clone https://github.com/Kenkyoo/app-steps-frontend.git cd app-steps-frontend
Instala las dependencias:
npm install
Desarrollo
Para iniciar el servidor de desarrollo, ejecuta:
npm start
Esto iniciará la aplicación y abrirá automáticamente tu navegador en http://localhost:8080.
El proyecto usa Webpack para la gestión de dependencias y compilación. Si deseas construir la aplicación para producción, ejecuta:
npm run build
Esto generará los archivos optimizados en la carpeta dist/.
Librerías Utilizadas
Tailwind CSS: Framework de CSS para un diseño rápido y personalizable.
DaisyUI: Complemento para Tailwind que proporciona componentes listos para usar.
SmartWizard: Librería para crear un paso de navegación interactivo y progresivo.
Lodash: Utilidad para facilitar tareas comunes en JavaScript.
jQuery: Librería para manipulación del DOM.
Descripción del Proyecto
Esta aplicación está diseñada para mostrarte los pasos esenciales en el desarrollo frontend, desde HTML hasta Git, utilizando el componente SmartWizard para mostrar los pasos de manera interactiva. Pasos
HTML: La base de toda página web. Aprenderás a estructurar contenido con etiquetas.
CSS: Estilo visual y diseño. Te enseñará sobre el modelo de caja y diseño responsivo.
JavaScript: Hacer que las páginas sean interactivas, aprenderás sobre manipulación del DOM y eventos.
Sass: Un preprocesador CSS que te ayudará a escribir código más limpio y organizado.
Bibliotecas JS: Usarás bibliotecas como React para construir interfaces dinámicas.
Frameworks CSS: Bootstrap y Tailwind para acelerar el desarrollo con componentes predefinidos.
Git: Control de versiones, esencial para gestionar proyectos y colaborar con otros desarrolladores.
Despliegue
La aplicación está desplegada en Cloudflare Pages. Puedes acceder a la aplicación en línea y ver la guía interactiva directamente desde el navegador. Contribuciones
Si deseas contribuir a este proyecto, por favor haz un fork del repositorio y envía tus pull requests. Asegúrate de seguir las mejores prácticas y de documentar cualquier cambio realizado.