https://github.com/kenkyoo/app-steps-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.
https://github.com/kenkyoo/app-steps-frontend

guide-front html-css-javascript jquery smartwizard steps tailwindcss webpack

Last synced: 4 months ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/kenkyoo/app-steps-frontend
• Owner: Kenkyoo
• Created: 2024-12-08T07:07:53.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-12-08T08:04:23.000Z (6 months ago)
• Last Synced: 2024-12-29T17:36:22.763Z (5 months ago)
• Topics: guide-front, html-css-javascript, jquery, smartwizard, steps, tailwindcss, webpack
• Language: CSS
• Homepage: https://app-steps-frontend.pages.dev
• Size: 67.4 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
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.