Skip to content

README.md

Latest commit

 

History

History
74 lines (65 loc) · 3.45 KB

README.md

File metadata and controls

74 lines (65 loc) · 3.45 KB

Animaciones

Exploraremos las diferentes alternativas para animar contenido, explicando beneficios así y limitaciones de cada una de ellas.

Requerimientos

Sugeridos

  • SourceTree (Interface para interactuar con GIT)
  • cmder (Emulador de consola)
  • livereload (Extensión de Chrome usada para integrar livereload en nuestra aplicación, la cual permitirá refrescar el navegador cuando se realice algún cambio en ciertos archivos)

Instrucciones

  • Abrir una consola
  • Clonar el repositorio en alguna carpeta dentro de su computadora git clone https://github.com/Tequila-js/javascript_animations.git
  • Escribir en la consola cd javascript_animations
  • Escribir en la consola npm install
  • Escribir en la consola npm run watch

Nota: Puedes también visualizar el proyecto una vez que ejecutes npm run build:dev y abrir /dist/index.html

Comandos

Comando Acción
npm run watch Creará un servidor el cual permitirá visualizar nuestro proyecto
npm run build:dev Procesará nuestros archivos para un ambiente de desarrollo
npm run build:prod Procesará nuestros archivos para un ambiente de producción

Estructura

/
|__app/
|    |__assets/ (archivos usadas en la presentación)
|    |__html/ (contenido)
|    |__js/
|    |   |__animations/ (scripts con animaciones)
|    |   |__defaults/ (valores por detecto usandos usados en scripts)
|    |   |__utilities/ (funciones usadas en varios scripts)
|    |   |__ main.js (código principal)
|    |
|    |__scss/
|       |__characters/ (código para personajes)
|       |__components/ (código de los componentes)
|       |__general/ (código de proposito general)
|       |__settings/ (valores por defecto)
|       |__main.scss (archivo principal con el que se generá código de CSS)
|
|__config/ (configuración para generar JavaScript)
|__dist/ (carpeta auto generada, contiene contenido de la presentación)
|__node_modules/ (carpeta auto generada, contiene los diferentes modulos de la aplicación)
|__scripts/ (scripts usados para generar carpetas criticas dentro de la aplicación)
|__.eslint (reglas que refuerzan el uso de estandares de codificación)
|__gulpfile.js (conjunto de tareas usadas para generar contenido)
|__package.json (descripción del proyecto, dependecias y scripts para generación de contenido)

Acerca de las tecnologias