Clases 2017

16

Última Clase BONUS.

Primero estudiaremos el desarrollo de aplicaciones móviles híbridas con Ionic 2.

Luego analizaremos el futuro de Angular con algunos ejemplos de Angular 5.

15

Clase BONUS.

Estaremos viendo cómo se trabaja la Programación Funcional Reactiva (FRP) con el framework ReactJS, que el año que viene reemplazará en el TP obligatorio a Android. Ya hay una página de ejemplos de ReactJS.

Y depende de la elección del auditorio, puede ser que conozcamos Grails. Los ejemplos de Grails los tenés en esta página.

14

Comenzaremos viendo el ejemplo que permite buscar películas en una arquitectura REST. Dividiremos

• la parte server
• y la cliente

Luego veremos como BONUS la aplicación Préstamos de libros, en particular

• El ejemplo se puede descargar en https://github.com/uqbar-project/eg-prestamos-android-studio
• Pantalla principal: lista de préstamos
• Mejorando el layout de la lista de préstamos
• Intents. Contactar un deudor
• Interacción con API ContentProvider para crear o visualizar contactos
• Persistencia a un medio local con SQL Lite
• Crear un nuevo préstamo

13

Primero estaremos instalando el entorno Android en el laboratorio.

Cuando terminemos (esperemos que a las 18:30) estudiaremos

• una aplicación Master/Detail Flow. Ejemplo: Películas.
  • Iniciamos con la Vista Master. Activity y Fragment. List View: layout default y custom.
  • Vista Detail. Pasaje de info entre actividades.
  • Activities y Fragments en diferentes dispositivos
• Si tenemos tiempo, estudiaremos el Acceso a servicios REST - Primer ejemplo: un "hola mundo"

12

Comenzaremos a ver cómo es la arquitectura de las aplicaciones móviles, para lo cual

• presentamos la Unidad 6: Aplicaciones móviles
  • Configuración del entorno de desarrollo Android
  • Herramientas de desarrollo Android
  • Nuestra recomendación es que desarrolles en Java. Si tenés ganas podés intentar Kotlin, siguiendo estas instrucciones
• Conceptos teóricos que vamos a ver
  • Introducción al desarrollo con Android.
  • Primera aplicación en Android: un Conversor
  • Ciclo de vida de las actividades
• Ejemplos para descargar
  • Conversor básico
  • Conversor básico en Kotlin
  • Conversor con Data Binding
  • Más ejemplos

11

Estudiaremos la Reutilización de componentes visuales en Angular.

10

Continuaremos con el Taller de Servicios REST con Angular y XTrest.

9

Comenzaremos introduciendo XTRest, un framework que permite publicar servicios REST para nuestros objetos.

Luego haremos el Taller de Servicios REST con Angular y XTrest (avanzaremos lo más que podamos)

8

El jueves 21/9 es asueto por el día del estudiante.

Volveremos el martes 26/9 (por única vez la clase teórica) repasando lo que aprendimos de Angular y viendo estos conceptos

• Filtros
  • Concepto. Filtros builtin.
  • Customs
  • Ejemplo base> Búsqueda de libros
• Componentes
  • Concepto. Componentes builtin.
  • Propios (customs)
  • Isolated scope en una directiva
  • Ejemplo base: Componentes reutilizables (ex-directivas)

Luego haremos el Taller de Routing - Lista de Tareas.

7

El jueves comenzaremos a aprender AngularJS, para lo cual haremos el Taller inicial de Angular.

Tenés una página con los ejemplos de Angular (descargate los de ES6).

También veremos algunos de estos conceptos:

• Introducción. Conceptos Principales.
• Binding. Ejemplo.
• Controllers
• Testing

6

El martes es el parcial, tratá de estar temprano (18:00) para que tengas suficiente tiempo de resolver el examen.

Comenzaremos a las 18:00 con un

Taller de SASS (BONUS) que es un lenguaje que nos permite generar css evitando duplicar ideas.

Luego, desde las 18:45 veremos Cómo modelar en ES6, el lenguaje sobre el que vamos a estar trabajando la parte web client side.

Te dejamos además

• Un instructivo para tener tu primer proyecto en ES6 con testeo unitario
• Resumen de las principales características
• Tutorial en github de ECMA Script 6
• La página de ejemplos en ES6

5

El martes es el cierre del TP de Arena.

El jueves primero haremos un

Taller de Maquetado Web, partiendo de una página que muestra una lista de amigos e iremos agregándole estilos. Acordate bajar los talleres en formato RTF o Word, no PDF porque te inserta caracteres raros cuando copiás código.

El material complementario al taller para leer es CSS, Bootstrap y Responsiveness.

Luego descargaremos material para trabajar en Web, por eso traigan un pen-drive con el software que se sugiere en las páginas de instalación de Javascript y Angular.

Podés bajarte ejemplos de diseño estático de páginas acá.

4

Terminaremos de cerrar los conceptos de Arena

• Validación y manejo de errores.
• Repasaremos los conceptos salientes: binding, arquitectura general de la solución en Arena, widgets, navegación, estado de la vista y pasaje de información entre vistas
• Si hay dudas las despejaremos en ese momento

Y comenzaremos a entender cómo construir una aplicación Web, en particular

• Introducción a la arquitectura web
• Formulario HTML básico
• CSS

3

En la parte teórica

• repasaremos el Binding avanzado de propiedades calculadas resolviendo dos requerimientos nuevos:
  • primero que inhabilite el botón "Sumar voto" si el candidato es del PRO
  • que se inhabilite el botón "Sumar voto" para la zona Capital Federal
• modelaremos un panel de búsqueda
• profundizaremos el concepto Application model. Extendiendo el MVC.
• navegación y manejo del estado hacia el panel de edición
• agregaremos validaciones en la ventana de edición. el uso de filtros
• un ejemplo donde se muestra cómo diseñar una búsqueda y edición de objetos polimórficos

Para ayudarte con el TP tenés dos guías

• Cómo crear un panel de edición
• Cómo crear un panel de búsqueda

Y también material de consulta sobre: Repositorios y Homes. Application Context. Manejo de la transacción.

2

El martes estarán haciendo un ejercicio simple que les servirá para el trabajo práctico.

El jueves vamos a repasar el testeo unitario de la aplicación, y a agregar validaciones simples al conversor. Veremos otros tipos de controllers:

• transformers para adaptar diferentes valores en los inputs
• filtros

Luego continuaremos el

taller con el segundo ejemplo: encuesta para votaciones en diferentes zonas.

BONUS: Vamos a generar una tabla con los resultados de la encuesta, y para mostrar el candidato más votado en otro color veremos cómo trabajar con transformers para columnas de una grilla.

Material para ayudarte con el TP: Guía de Componentes. Bindings. Layouts

1

El martes hablamos de Mi Cursada. Script Clase Introducción: Introducción a las interfaces de usuario. Configuración del entorno cliente pesado en Arena. Descarga de ejemplos. Intro a Arena. Disclaimer.

El jueves comenzamos con la Unidad 2 Desarrollo de interfaces con componentes.

Haremos este

taller para lo cual es importante tener el entorno configurado

(bajá el taller en formato RTF o Word, no lo bajes como PDF porque te va a insertar caracteres raros cuando quieras copiar código)

La clase se va a centrar en: Introducción a Arena. Cómo configurar un proyecto Arena (dominio + vista)

Primer ejemplo: un Conversor de medidas MVC. MVC en arena: eventos, binding.

Segundo ejemplo: apuestas de un casino. Para pensar: ¿qué pasa cuando diseñamos pantallas sin binding?