Crear una vista para agregar records

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

Contenido del curso

Introducción

Aspectos Básicos

Navegación

Estilos (Theming)

CRUD en Ionic y Firebase

Deployment

Tomar examen

Comentarios

Juan C Felizzola

student•

En el select no había necesidad de agregar otra etiqueta con <ion-list>

<ion-content padding>
  <ion-list>

    <ion-item>
      <ion-label floating>Nombre</ion-label>
      <ion-input type="text"></ion-input>
    </ion-item>
  
    <ion-item>
      <ion-label floating>Direción</ion-label>
      <ion-input type="text"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label>Categoria</ion-label>
      <ion-select>
        <ion-option value="AireLibre">Aire libre</ion-option>
        <ion-option value="LugarCerrado">Lugar cerrado</ion-option>
      </ion-select>
    </ion-item>

    <ion-item>
      <ion-label floating>Descripción</ion-label>
      <ion-textarea></ion-textarea>
    </ion-item>
  
  </ion-list>

  <button ion-button full>Guardar nota</button>
</ion-content>

Mario Alejandro Cortez Salinas

student•

Gracias, tenía la duda de si debía ir o no porque se veía un poco confuso el código

Diego Diego Cruz

student•

no me funciona el click cuando trato de acceder a lugar por la lista solo por el boto, alguien me ayuda XD

Diego Diego Cruz

student•

Habia omitido esta linea

    <ion-item *ngFor="let lugar of lugares" (click)="irAVistaDeDetalleExistente()">```

Carlos Uriel de Jesus Sánchez González

student•

Muy entendible, ayudo . mucho aprender primero angular

Milciades Vargas Liz

student•

al momento de generar un proyecto con ionic 4 este no trae instanciado FormsModule se debe hacer esto para que se pueda llenar las variables al momento de dar clic en guardarlugar;

Juan Guillermo Perez Cardozo

student•

cada quien puede diseñar la interfaz segun quiera si va a la documentacion de ionic en components

Gabriel Pérez Moreno

student•

Si este vídeo no muestra en pantalla el código de lo que se esta realizando, pelase solucionar lo mas pronto posible, thanks

Ytzvan Mastino

student•

Correcto, pero es realizable si escuchas con mucha atención.

Diego Forero

Team Platzi•

Hola, gracias por el reporte, ya esta informado y pronto se subirá el video de la clase corregido.

<ion-content padding>
  <ion-list>

    <ion-item>
      <ion-label floating>Nombre</ion-label>
      <ion-input type="text"></ion-input>
    </ion-item>
  
    <ion-item>
      <ion-label floating>Direción</ion-label>
      <ion-input type="text"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label>Categoria</ion-label>
      <ion-select>
        <ion-option value="AireLibre">Aire libre</ion-option>
        <ion-option value="LugarCerrado">Lugar cerrado</ion-option>
      </ion-select>
    </ion-item>

    <ion-item>
      <ion-label floating>Descripción</ion-label>
      <ion-textarea></ion-textarea>
    </ion-item>
  
  </ion-list>

  <button ion-button full>Guardar nota</button>
</ion-content>

Crear una vista para agregar records

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