Ionic 5: Crear aplicaciones IOS, Android y PWAs con Angular
Información
Udemy
Online
Curso
Crear aplicaciones móviles para IOS, Android, tabletas y aplicaciones web con el mismo código Crear PWAs utilizando ionic Subir tu aplicación a Google Play Store y/o Apple App Store Dominar el framework de ionic Usar recursos nativos del dispositivo Comprender sobre el desarrollo web y desarrollo móvil Aprender a crear aplicaciones híbridas A quién va dirigido Una persona con conocimiento básico de Angular Una persona que desee crear aplicaciones móviles Una persona que quiera crear PWAs que tengan el aspecto nativo de una app móvil Personas que quieran saber cómo desplegar sus aplicaciones en Google Play Store y Apple App Store Requisitos Es necesario conocer las bases de Angular (Angular 2 o superior) Conocimiento básico de html, css y js es necesario No es necesario conocimiento previo de ionic No es necesario conocer Java, Objective-C, Swift u otro lenguaje de programación Es necesario poder realizar instalaciones en el equipo Para desplegar aplicaciones en la Apple App Store, es necesario una Mac Temario completo de este curso Contenido del curso Introducción ¿Cómo funcionará el curso? ¿Cómo hacer preguntas? Instalaciones necesarias para seguir el curso Introducción a la sección Temas puntuales de la sección ¿Qué son las aplicaciones híbridas? Híbrido vs Nativo ¿Qué es ionic framework? Nuestra primera aplicación de ionic Estructura de un proyecto de ionic - Parte 1 Estructura de un proyecto de ionic - Parte 2 ionic lab Depurar una aplicación de ionic - debugger Código fuente de la sección Introducción a la sección Temas puntuales de la sección del proyecto - AngularBases Componentes básicos Implementar las rutas de nuestra aplicación RouterLink y MenuComponent Módulo de páginas LazyLoad de PostsComponent Servicios y data externa Mostrar POSTS en el componente @Input - Enviar información hacia un componente hijo @Output - Emitir eventos desde el componente hijo Código fuente de la sección Introducción a la sección Temas puntuales de la sección del proyecto - Componentes Cambiando la pantalla principal de la aplicación Navegación entre páginas Back Button - Botón para regresar a la página anterior Módulo de componentes - Header ion-list: Listas en ionic - Parte 1 Código fuente de la sección Introducción a la sección Temas puntuales de la sección Objetivo final de esta sección - componentes Continuación del proyecto - Componentes Nota: ¿Cómo los siguientes videos de esta sección? ion-action-sheet ion-alert ion-avatar ion-button ion-card ion-checkbox ion-datetime ion-datetime - Parte 2 - Personalización ion-fab Creando variables de color - SCSS - ionic Generator ion-grid - ion-row - ion-col ion-grid - Control del ancho en diferentes pantallas ion-infinite-scroll ion-input ion-list Nota: De actualización ion-item-sliding ion-list-reorder ion-loading ion-menu ion-menu parte 2 - opciones ion-modal ion-popo ion-popo - Acciones y posicionamiento ion-progress-bar y ion-range ion-refresher ion-searchbar ion-searchbar - Aplicando el filtro en la lista ion-segment ion-skeleton-text ion-slides ion-split-pane ion-tabs ion-toast Código fuente de la sección Introducción a la sección Temas puntuales de la sección DevApp - Pre-requisitos DevApp - Corriendo nuestra aplicación Dispositivos físicos y emuladores - Configuración inicial Configuración de máquina virtual Android Correr nuestra app de ionic en el emulador de Android Segunda forma de correr una aplicación en el emulador de Android Correr aplicación en un Android Real Instalaciones necesarias para probar nuestra app en IOS Correr nuestra app en un emulador de IOS Emular la aplicación sin pasar por Xcode Desplegar la aplicación en un iPhone Introducción a la sección Temas puntuales de la sección Demostración de la aplicación - Noticias del proyecto - NoticiasApp Servicio para consumir las noticias de NewsApi.org Interfaces para el manejo de la información Mostrar los artículos de noticias Componente de noticias y componente de noticia Página de encabezados Cargar noticias por categoría - Servicio Mostrar encabezados dependiendo de la categoría Implementar infinite-scroll - TopHeadlines Infinite-scroll - Por categorias Abrir el sitio web de la noticia en el navegador del dispositivo Mostrar action-sheet en las noticias Compartir noticia en redes sociales y Whatsapp Guardar noticia en el dispositivo localmente Cargar las noticias del storage Mostrar un mensaje cuando no hay favoritos Configurar el componente de noticia para borrar favoritos Detalles estéticos de nuestra aplicación de noticias Código fuente de la sección Introducción a la sección Temas puntuales de la sección de proyecto - PWA Configuración de una PWA Preparar la aplicación para desplegarla en un hosting Firebase Hosting - Desplegar nuestra aplicación web en la nube Corriendo nuestra PWA en un dispositivo móvil PWA - Share API Código fuente de la sección Más información sobre las PWAs Introducción a la sección Temas puntuales de la sección Demostración de la aplicación - Peliculas de proyecto - PeliculasApp Creando un API Key en TheMovieDB Servicio para traer las películas de estreno Crear la interfaz de la respuesta y películas Mostrar películas - pipe.module y pipe imagen Variables globales de nuestra aplicación Componente SlideShow y componente SlideShow-Poster Mostrar películas populares Mostrar pares de películas Cargar más películas horizontalmente Modal con los detalles de la película Información de la película y actores Mostrar detalles de la película Mostrar detalles de la película - Parte 2 Diseño de la página de búsqueda de películas Servicio para buscar películas Diseño de la página de búsqueda de películas Guardar películas en el storage Prevenir duplicados en nuestro storage de películas Cargar favoritos del storage y ificar si existe una película por ID Mostrar pantalla de favoritos Tarea: Favoritos por género Pequeños arreglos estéticos en ios Código fuente de la sección Introducción a la sección Temas puntuales de la sección Demostración de la aplicación - QRScanner del proyecto - QRScanner Ciclo de vida de una página en ionic Plugin: Barcodescanner - Leer un código QR Leer código QR desde el dispositivo móvil Modelo para manejar la información del QR Servicio para almacenar los escaneos Mostrar registros en el historial Guardar la información de los registros en el storage Abrir URL en el navegador por defecto del dispositivo Preparar nuestra aplicación para escanear es geográficas Crear un API Key en Mapbox Preparar la página del Mostrar el con las coordenadas recibidas Edificios 3D y marcadores Botón para regresar al historial Preparar la información que deseamos enviar por correo Crear un archivo físico con extensión csv Enviar un correo electrónico con el archivo generado más
Otros cursos de esta academia
Cisco CCNA Fundamentos de Networking para Redes IP
(Udemy)
Entender el funcionamiento de la cli y los diferentes modos de usuario de un equipo cisco así como las diferentes memorias... 2 cómo instalar packettracer en windows...
Mainframe IBM en tu PC
(Udemy)
Arrancar el sistema operativo mvs de ibm en la pc... sabrás cuáles son las principales industrias en donde se utilizan los mainframes instalarás un entorno de tipo...
Implementación de Servidores LAMP con Centos Linux
(Udemy)
Instalación de apache... instalación de centos linux... introducción a la plataforma lamp... adicionalmente, es recomendable contar con conocimientos básicos en...
Ansiedad por separación en perros - La guía definitiva
(Udemy)
Y si eres profesional aquí encontraras recopilada y organizada toda la información que necesitas sobre esta patología y cómo trabajarla... terapia de jaula...
Cuentos En Francés Vol. I & II. (2 cursos en 1)
(Udemy)
Audio descargable (mp3)... niños y adultos que quieran leer y escuchar 16 cuentos clásicos en francés... a quién va dirigido estudiantes con nivel básico-intermedio...
POWER BI |Curso KPI y Business Intelligence para Call Center
(Udemy)
Entusiastas y usuarios de power bi... crearán visualizaciones analíticas de datos para entender el desempeño del call center y evaluarlo... power bi desktop...
Microservicios con Spring Boot y Spring Cloud Netflix Eureka
(Udemy)
Construye, implementa y escala microservicios con spring boot 2 y spring cloud aprende a crear y consumir servicios web restful con spring boot conecta y consume...
Aprende Dibujo Artístico fácilmente. Arte y creatividad.
(Udemy)
La copia como medio... podrás dibujar todo aquello que ves adquirirás soltura y seguridad en el trazo percibirás los objetos en 2d podrás encajar la forma correctamente...
RestFul Api con Python usando Django Rest FrameWork
(Udemy)
Py guardando el owner fuente guardando el owner probando acceso a api de productos resumen introducción documentando con swagger documentando con coreapi extra y...
ReactJS Avanzado - FullStack React GraphQL y Apollo
(Udemy)
Crear aplicaciones completas con react, apollo y graphql conocer más sobre mongodb y mongoose para integrarlo a sus aplicaciones react crear aplicaciones fullstack...