Estructura de una vista de Ionic

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

Resumen

La parte principal que compone una aplicación son las vistas o páginas porque nos permiten mostrar e ingresar información.

Los componentes principales de estas páginas son:

<ion-header> </ios-header>

<ion-navbar> </ios-navbar>

<ion-content></ion-content>

Isaí Ramírez

student•

<ion-header> </ios-header>
Encabezado
El encabezado es un componente principal que contiene la barra de navegación y el componente de la barra de herramientas. Es importante tener en cuenta que ion-header debe ser uno de los tres elementos raíz de una página

<ion-navbar> </ios-navbar>
Navegación
Es la clase base para componentes de controlador de navegación como Nav

<ion-content></ion-content>
Contenido de la pagina
El componente Contenido proporciona un área de contenido fácil de usar con algunos métodos útiles para controlar el área desplazable.

Opcional
<ion-footer></ion-footer>
Pie de página
Footer es un componente raíz de una página que se encuentra en la parte inferior de la página.

Juan C Pablo

student•

Las etiquetas de cierre están mal escritas

Así deben ser:

<ion-header> </ion-header>
<ion-navbar> </ion-navbar>

En la descripción del video también está mal escrito 😮

Hector Josue Macias Gomez

student•

buen aporte

Carlos Uriel de Jesus Sánchez González

student•

<ion-header> </ion-header>
Encabezado
El encabezado es un componente principal que contiene la barra de navegación y el componente de la barra de herramientas. Es importante tener en cuenta que ion-header debe ser uno de los tres elementos raíz de una página

<ion-navbar> </ion-navbar>
Navegación
	Es la clase base para componentes de controlador de navegación como Nav

<ion-content></ion-content>
Contenido de la pagina
	El componente Contenido proporciona un área de contenido fácil de usar con algunos métodos útiles para controlar el área desplazable.

Opcional
<ion-footer></ion-footer>
Pie de página
	Footer es un componente raíz de una página que se encuentra en la parte inferior de la página.

Adilene Abigail Alvear Jiménez

student•

<ion-toolbar> </ion-toolbar> para que sirve?? el lo mismo que <ion-navbar> </ios-navbar> ??

Rafael Eldanoy Ensuncho Bechara

student•

Gracias

Estructura de una vista de Ionic

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