Taller #3 - Extendiendo la funcionalidad

En esta sección se resolverán dudas relacionadas con la creación de aplicaciones híbridas, haciendo énfasis en temas relacionados con Javascript y frameworks de Javascript como Angular y Jquery.

Moderator: julianmartinez16

User avatar
santiagouribe27
Posts: 35
Joined: Mon Jul 17, 2017 8:36 am

Re: Taller #3 - Extendiendo la funcionalidad

Post by santiagouribe27 » Mon Aug 14, 2017 4:39 pm

Learnyounode

Image
Santiago Uribe Velasquez
Gestion de la calidad de software

User avatar
octaviofeb21
Posts: 32
Joined: Mon Jul 17, 2017 8:38 am

Re: Taller #3 - Extendiendo la funcionalidad

Post by octaviofeb21 » Mon Aug 14, 2017 9:50 pm

Learnyounode
Image

Vanilla JS
Image

Image

localStorage
Image

Animate.
Image

MInificacion:
Image

Image
Last edited by octaviofeb21 on Fri Sep 22, 2017 6:38 am, edited 7 times in total.

User avatar
juandm
Posts: 32
Joined: Mon Jul 17, 2017 8:33 am

Re: Taller #3 - Extendiendo la funcionalidad

Post by juandm » Mon Aug 14, 2017 11:53 pm

Node.js y Learnyounode
Image

Vanilla JS
Image

Animate
Image

Localstorage
Image

Minificar
Image

https://clsaude.000webhostapp.com/

User avatar
Andres Morales
Posts: 41
Joined: Mon Jul 17, 2017 8:38 am

Re: Taller #3 - Extendiendo la funcionalidad

Post by Andres Morales » Mon Aug 21, 2017 10:29 pm

Instalación de Node.js

Image

Curso de Learnyournode terminado

Image
Image

Todo el código usando vanilla javascript
Todo el código realizado por mi, fue echo sin la implementación de algún framework de javaScript. Cabe resaltar que Bootstrap implementa JQuery, en mi caso para el menú responsive. (Decidí no cambiarlo, ya que hacer la implementación de este menú me llevaría mas tiempo de lo que podría dedicarle)
Image

Implementación de transiciones usando animate
Image

Manejo de estado y persistencia de datos usando Localstorage
El localStorage lo implemente para guardar la entrada del formulario de calcular la fecha de una fruta, y también la información de la sesión, para que no tenga que logearse cada ves que entre a la aplicación o pagina.
Image
Image

Minificar el código javascript y css

Para la minificación del codigo use tres tareas, para generar la carpeta build completamente con todo el codigo minificado, listo para ser subido al servidor, use: uglify, para minificar los archivos js, cssmin, para minificar los archivos css y copy para copiar los archivos no minificados.

Image
Image

Subir una nueva versión al servidor y actualizar repositorio
url: https://andresmoralesg.000webhostapp.com/

Image

User avatar
dayrondlr
Posts: 18
Joined: Mon Jul 24, 2017 10:48 pm

Re: Taller #3 - Extendiendo la funcionalidad

Post by dayrondlr » Mon Sep 18, 2017 9:54 am

Image

User avatar
Natalia Celis
Posts: 5
Joined: Mon Jul 17, 2017 8:34 am

Re: Taller #3 - Extendiendo la funcionalidad

Post by Natalia Celis » Tue Sep 19, 2017 10:08 am

Learnyounode
Image

Minificación con grunt
Image

Localstorage
Image

Vanilla
Image

Repositorio Actualizado
Image

URL
http://academicso.epizy.com/index.html

DWB
Posts: 12
Joined: Mon Jul 17, 2017 8:31 am

Re: Taller #3 - Extendiendo la funcionalidad

Post by DWB » Mon Sep 25, 2017 12:14 am

Image
Image
Image
Image
Image
Image
Image
Image
Image

User avatar
Carretero
Posts: 25
Joined: Mon Jul 17, 2017 8:36 am

Re: Taller #3 - Extendiendo la funcionalidad

Post by Carretero » Mon Sep 25, 2017 8:26 am

Image
Jose Luis Carretero - Gestion de la Calidad

Post Reply