4: Web Client Side

Resultado de imagen para ecmascript 6 logo

Contenidos

  • Comportamiento web del lado cliente.
  • Single Page Application - Mecanismos de routing.
  • Binding unidireccional y bidireccional.
  • Programación reactiva.
  • Separación de concerns client-side: controllers, services, objetos de dominio.
  • Llamadas a servicios REST.

Pre-requisitos

Instalación del entorno

Javascript 5

Material principal

Material complementario

Ejemplos

Todos los ejemplos de esta lista están "npm-izados". Se prueban con un framework de testing que necesita node llamado mocha (está como dependencia de desarrollo).

Pasos para ejecutar los tests

npm install
npm test

ES6 (ECMA Script 2015 o ECMA Script 6)

Material principal

Ejemplos

Se prueban con un framework de testing que se llama Jasmine, que para facilitar la introducción al lector ya están copiados en cada repositorio. Se abre el archivo SpecRunner.html en un navegador y eso permite correr los tests definidos en la carpeta spec.

Los ejemplos

Ejemplos

Tecnologías client - side

Una vez que nos amigamos con la tecnología base del navegador, ahora sí podemos profundizar frameworks que trabajan la UI desde el lado cliente:

Servicios REST

Para poder utilizar servicios de la parte server, recomendamos completar la visión con XTrest.