Crear una lista con array estático

Clase 26 de 36 • Curso Básico de Ionic 2018

Clase anteriorSiguiente clase

Gregorio Garcia

student•

Me gustaba más la idea de crear un Empty Status para cuando no halla nada que mostrar.

¡Excelente vídeo! Está yendo muy bien n.n

Juan C Felizzola

student•

Se ve muy bien 👍

Jose Mira Barrientos

student•

¿Como lo hiciste?

Fabiola Dayana Acarapi Alvarez

student•

<ion-fab bottom right >
         <button ion-fab (click)="iraVistaDetalle()">
            <ion-icon ios="ios-add" md="md-add"></ion-icon>
         </button>
       </ion-fab>```

Eden Gomez Gress

student•

Hola companera me parecio muy bien tu ejemplo, solo para comentarte que se te olvido dar una separacion en tu codigo en la seccon del ‘ion-icon ios’

Saludos

<ion-fab bottom right>
  <button ion-fab (click)="goToDetailView()">
    <ion-icon ios="ios-add" md="md-add"></ion-icon>
  </button>
 
 
</ion-fab>

Teofilo Rosales Gama

student•

Reto icono mas

<ion-fab bottom right>
      <button ion-fab color="primary" (click)="irAVistadeDetalle()">
        <ion-icon name="add"></ion-icon>
      </button>
  </ion-fab>

Carlos Uriel de Jesus Sánchez González

student•

<ion-fab bottom right>
      <button ion-fab color="primary" (click)="irAVistadeDetalle()">
        <ion-icon name="add"></ion-icon>
      </button>
  </ion-fab>

Ricardo Chavarria

student•

 <ion-fab  bottom right>
    <button ion-fab mini (click)="goVistaDetalle()"><ion-icon name="add">		 </ion-icon></button>
  </ion-fab>

Juan Manuel Viveros Martinez

student•

Botón de agregar nuevo lugar:

<ion-fab bottom right>
    <button ion-fab (click)="irAVistaDeDetalle()">
      <ion-icon name="add"></ion-icon>
    </button>
  </ion-fab>

Juan Guillermo Perez Cardozo

student•

<ion-fab bottom right> <button ion-fab color="primary" (click)="goDetails()"> <ion-icon name="add"></ion-icon> </button> </ion-fab>

Ana Maria Cubides Acosta

student•

 <ion-fab bottom right >
      <button ion-fab (click)="iraVistaDetalle()"><ion-icon name="add"></ion-icon></button>      
    </ion-fab>```

Javier Córdova

student•

Los ítems de la lista con íconos:

<ion-fab right bottom>
          <button ion-fab color="primary" (click)="irVistaDetalle()"><ion-icon name="add"></ion-icon></button>
</ion-fab>

Nathaly Stefani Riaño Bejarano

student•

Va muy bien el curso!

Crear una lista con array estático

Introducción

Aprende sobre Ionic con los cursos actualizados

Introducción al Curso de Ionic

Pre-Requisitos para este curso de Ionic

Treasure Hunting GeoCatching

Instalación y overview de Ionic CLI

Preparación de entorno de desarrollo en Mac

Preparación de entorno de desarrollo en Windows

Preparación de entorno de desarrollo en Linux

Aspectos Básicos

Crear una Aplicación

Corriendo Aplicación en el Browser

Estructura de Archivos

Estructura de una vista de Ionic

Navegación

Creando un nuevo page

Navegar a un page

Navegación por Tabs

Parámetros de navegación

Navegación hacia atrás

Navegación raíz

Estilos (Theming)

Introducción a estilos

Colores Personalizados

Alineación y transformación de texto

Padding y Márgenes

CRUD en Ionic y Firebase

Generar proyecto e instalar dependencias

Agregar y configurar AngularFire

Agregar servicio de acceso a datos

Crear una lista con array estático

Crear una vista para agregar records

Agregar la habilidad de ver records

Crear lista dinámica y agregar la habilidad de editar records

Agregar la habilidad de eliminar records

Implementando Login con Facebook

Deployment

Correr aplicaciones en emulador

Correr aplicación en dispositivos Android

Correr aplicación en dispositivos iOS

Publicando nuestra aplicación en Android y iOS stores

Conclusiones del curso