Refactor ( buenas prácticas) en componentes

Clase 16 de 45 • Curso de desarrollo móvil con Ionic 2 2016

Andrés Felipe Chaparro Grimaldo

student•

Algo raro que me sucedió, era que a pesar de tener el código igual, me seguía diciendo que no encontraba …/about/about. Lo que tuve que hacer fue cambiar en tabs.ts para que identificara NotificationPage y ProfilePage, quedaría algo así, por si le pasa lo mismo a alguien más:

import { Component } from '@angular/core';

import { HomePage } from '../home/home';
import { NotificationPage } from '../notification/notification';
import { ProfilePage } from '../profile/profile';

@Component({
  templateUrl: 'tabs.html'
})
export class TabsPage {
  // this tells the tabs component which Pages
  // should be each tab's root Page
  tab1Root: any = HomePage;
  tab2Root: any = NotificationPage;
  tab3Root: any = ProfilePage;

  constructor() {

  }
}

Jose Chirinos

student•

muchas gracias, evidentemente, ese era el problema.

Fernando Gonzales

student•

min 4:24 estilo de los botones del login:…cuando cambiaron eso???

ALEXANDER VASQUEZ MENDOZA

student•

Es cuestión solo de prestar atención al error que sale en el browser bro

Refactor ( buenas prácticas) en componentes

Básicos de Ionic 2

¿Qué es Ionic 2?

Preparando el ambiente de desarrollo

¿ Qué es una app híbrida ?

Arquitectura de una app en Ionic 2

Ionic CLI

Repaso de typescript

Conceptos de angular 2 para ionic

Guía de TypeScript

Repositorio del curso

User Interface ( UI ) de la aplicación

Creando nuestro proyecto y UI List

UI de notificaciones ( eventos )

Cards UI

Themming SCSS

¿Qué es un Componente en Ionic?

UI de nuestro Login

Refactor ( buenas prácticas) en componentes

Interfaces - Commons ( Como crear interfaces personalizadas)

Rutas entre vistas de la aplicación

Navegación con parametros

Ciclo de vida de los componentes

Componentes Hijos @input

Componentes Hijos @output

Conexión a servicios web y SQlite

Conexión a un web service con promises

Conexión al backend y RxJS

Conexión con SQLite

Firebase

Real-Time database con Firebase

Botón de Like

Push Notifications

Ionic Native

Ionic Native - Geolocalización

Ionic native - Acceso a la cámara

Ionic native - Admob

Progressive web apps y servicios cloud de Ionic

Progressive Web Apps en Ionic 2

Terminando nuestro service worker

Login Común con Ionic Cloud

Ionic native - background services

Ionic Cloud, Login Facebook

Puesta en producción

Compilación en android e iOS

Contenidos complementarios

Ionic Creator

MarketPlace

Ionic Cloud

Cierre del curso

Cierre del curso

Desafíos del curso: Google Maps

Desafíos del curso: Retwit

Desafíos del curso: Hacer settings para theme