
Build Mobile Apps with Ionic 4 and Firebase
Fu Cheng
- Editorial
- Apress
- Año
- 2018
- Páginas
- ~435
- Nivel
- Intermedio
De qué trata
Guía práctica y completa desarrollada por Fu Cheng que enseña a diseñar y construir aplicaciones móviles híbridas utilizando Ionic 4, Angular 6+ y TypeScript, integrando Firebase como plataforma Backend-as-a-Service (BaaS). Está dirigida a desarrolladores web e ingenieros frontend de nivel intermedio con bases firmes en JavaScript, TypeScript y conceptos generales de Angular que buscan crear aplicaciones móviles multiplataforma para iOS y Android sin tener que implementar ni administrar servidores propios.
El contenido profundiza en el cambio arquitectónico de Ionic 4, explicando su separación hacia Web Components estandarizados mediante la herramienta Stencil y la integración con Angular y su sistema de rutas (Angular Router). Enseña a diseñar interfaces fluidas con componentes como ion-list, ion-card, ion-grid, barras de pestañas (tabs), ventanas modales, hojas de acción (action sheets), popovers, menús laterales y controladores de gestos y teclado. En la capa de datos y reactividad, aborda el uso de RxJS y la integración de servicios de Firebase: autenticación de usuarios con Firebase Authentication (registro, inicio de sesión y gestión de credenciales), persistencia en la base de datos documental en tiempo real Cloud Firestore a través de la librería AngularFire2 (@angular/fire) y protección de navegación con Route Guards. También abarca el uso de plugins de Apache Cordova como InAppBrowser para abrir artículos web externos y Cordova Social Sharing para compartir contenidos en redes sociales, personalización visual con variables CSS, pruebas automatizadas de extremo a extremo con Protractor y preparación de empaquetado y despliegue con Ionic CLI y distribución a tiendas.
El eje pedagógico del libro es la construcción guiada de un cliente móvil completo para Hacker News, que consume su API en tiempo real para listar noticias destacadas, consultar hilos de comentarios anidados, abrir enlaces con el navegador interno, autenticar usuarios y sincronizar noticias favoritas en Cloud Firestore. Aporta un flujo de trabajo realista para entender la transición a Web Components y arquitecturas reactivas sin servidor. Conviene considerar que utiliza Apache Cordova como envoltorio nativo (el estándar dominante al momento de su publicación antes de la popularización masiva de Capacitor) y que se enfoca exclusivamente en el modelo NoSQL de Firebase.
- Ionic 4
- Angular
- TypeScript
- Firebase Authentication
- Cloud Firestore
- Web Components
- Stencil
- AngularFire
- RxJS
- Cordova
- InAppBrowser
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Cliente móvil de Hacker News con Firebase
Aplicación híbrida multiplataforma que consume la API de Hacker News para explorar historias y comentarios anidados, e implementa autenticación de usuarios y base de datos Cloud Firestore para guardar noticias favoritas y compartirlas en redes sociales.
