Guardando en local y validaciones del Login

Objetivos de la clase

  • Guardar en local
  • Crear paginas y navegación
  • Consumir Servicios
  • Enviar datos a los servicios

Agenda de la clase

  • Repaso a la funcionalidad de nuestra app (Contextualización)
  • Manual corporativo y Prototipos de la App
  • Guardar en local y validar si esta guardado
  • Interfaz para consumir API de crear usuarios
  • Pagina de perfil y cambio de contraseña
  • Importancia de los Tokens y Middlewares
  • Consumir API de eventos y listar
  • Retos :) 

Repaso a la funcionalidad de nuestra app

Conceptos y temas que trabajáremos hoy 

Middleware

LocalStorage

Tokens

API

Two Way Databinding

Providers

Protocolo HTTP

Promesas y Suscribes

Navegación entre paginas

Ionic CLI

¿Cual es la importancia de los colores corporativos?

¿Cual es la importancia de los colores corporativos?

El color corporativo es el que representa la empresa o institución (en nuestro caso), éste está presente en el logotipo, los rótulos y carteles, la papelería o la señalización corporativa, tanto exterior como interior.

 

Los colores son la forma de comunicación no verbal más poderosa de la que disponemos. Respondemos al color según nuestra experiencia y según los valores culturales aprendidos. Nos lanzan mensajes subliminales que dan forma a nuestros pensamientos. 

Cuales son los colores del SENA

Prototipos de la App

Login

Pagina inicial que recibe el usuario y la contraseña para validar el ingreso a la app. Si el usuario no posee una cuenta puede crear una mediante el link de "CREAR NUEVA CUENTA"

Registrarse

Pagina en la cual los usuarios nuevos podrán crear una cuenta para iniciar sesión en nuestra app.

Inicio - Eventos

Pagina en la cual se listaran todos los eventos de la institución.

 

En esta se mostrara el una imagen principal, nombre del evento, descripción, lugar y la fecha del evento.

Perfil - Contraseña

Pagina en la cual el usuario podrá realizar la actualización de su información personal y contraseña.

Guardar en local

¿Porque debemos realizar esta funcionalidad?

LocalStorage

Hagamos ejercicios

Interfaz para consumir API de crear usuarios

Crear la pagina con los comando del cli de ionic

Crear interfaz basados en los prototipos

Propiedades del formulario e inputs para que Angular y TypeScript interactuen

Crear método en el provider para comunicarse con el API

Importar provider, capturar los datos y enviarlos al API

Pagina de Cambiar perfil

Realizar el mismo proceso de la pagina de registro

Consultar el LocalStorage para sacar los datos del usuario

Importancia de los Tokens y los Middlewares

Modificar el API para que no cualquier usuario pueda cambiar la contraseña de otro

Consumir API para mostrar eventos

Creación de Cards y DataBind de información con Angular

Retos

Ionic

By Yhoan Andres Galeano Urrea