DUOC UC

Ejercicios Modulo 1

1)Crear una app en blanco

 ionic start modulo1 blank --type=angular --cordova

 cd modulo1

Actualizar id y nombre de app en config.xml

<widget id="cl.laboratoriodiseno.aaravena.modulo1" ...>
    <name>modulo1</name>
    <description>Ejercicio primer modulo</description>

Agregar a un repositorio ya creado (pero vacío)

 git remote add origin https://github.com/alaravena/Modulo1.git #por ejemplo

2)Crear iconos y splash

Modificar icono.png y splash.png

 ionic cordova platform add android
 ionic cordova platform ios android

 ionic cordova resources

Es un buen momento para hacer un push del repositorio.

3)Agregar una página de detalle

 ionic generate page pages/detalle

Trasladar home a carpeta pages y actualizar routing

4)Transformar título de barra de navegación en variable

Segun Slide 23 y 24

5)Agregar una imagen en la barra de navegación

Segun Slides 24 Ajuste scss para correcta visualización

6)Crear una lista en home

https://ionicframework.com/docs/api/list

7)Utilizar un objeto json para el contenido

Segun Slide 25

8)Transformar el header en componente

Segun slide 19 y 20

ionic generate module components
ionic generate component components/encabezado --export

Trasladar el encabezado desde el home al componente. El titulo se transforma en directiva. Importar ComponentsModule a home.module.ts y a detalle.module.ts