Desarrollo de aplicaciones móviles multiplataforma con tecnologías Web: Ionic and Cordova

Acerca de este curso de Ionic y Cordova

Este curso se centra en el desarrollo de aplicaciones móviles multiplataforma utilizando las tecnologías Web (HTML5, CSS y Javascript). En particular, utilizamos el marco de aplicación híbrido de Córdova para desarrollar y dirigirnos a múltiples plataformas móviles con una única base de códigos. Utilizamos el framework Ionic (Ionic Ver 3.x), uno de los frameworks de aplicaciones móviles más populares, que está construido con componentes basados en HTML5 y CSS optimizados para móviles y Angular. Aprenderá sobre el desarrollo de la interfaz de usuario con Ionic y luego utilizando los módulos de Cordova para acceder a las capacidades de la plataforma móvil nativa desde Javascript. Usted debe haber completado el Bootstrap 4 y los cursos angulares en esta especialización antes de proceder con este curso.

Al final de este curso usted podrá (a) Construir aplicaciones móviles dirigidas a múltiples plataformas con una sola base de código, (b) Aprovechar sus habilidades en HTML5, CSS, Javascript y Angular, y (c) Usar varias características de la estructura Ionic para construir aplicaciones móviles híbridas.

Framework híbrido de desarrollo de aplicaciones móviles

Este módulo le introduce al desarrollo de aplicaciones móviles híbridas. Usted aprenderá sobre el marco Ionic y explorará algunas de las características del marco Ionic para implementar una aplicación Ionic basada en la aplicación Angular que se implementó en el curso anterior sobre Angular.

Bienvenido a Multiplatforma Ionic y Córdova
Cómo utilizar los recursos de aprendizaje
¿Qué es el Desarrollo Web Full-Stack?
Ejercicio (Video): Configurando Git
Ejercicio (Video): Comandos básicos de Git
Ejercicio (Video): Repositorios en línea de Git
Node.js y NPM
Ejercicio (Video): Configuración de Node.js y NPM
Ejercicio (Video): Fundamentos de Node.js y NPM
Desarrollo de aplicaciones móviles híbridas
Introducción al Marco Jónico
Ejercicio (Video): Configuración del marco Ionic
Ejercicio (Video): Configurar un servidor usando json-server
Ionic y Angular
Ejercicio (Video): Introducción a la aplicación Ionic App
Ejercicio (Video): Ionic y Angular
Navegación Ionic
Ejercicio (Video): Navegación Ionic
Requisitos de la Asignación 1 (Video): Introducción al marco Ionic
28 conferencias
Bienvenido a Multiplatform Mobile App Development with Web Technologies: Ionic y Cordova: Recursos adicionales
Desarrollo Web Full Stack: El panorama general: Objetivos y resultados
Desarrollo Web Full Stack: Recursos adicionales
Establecimiento de su entorno de desarrollo: Git y Node: Objetivos y resultados
Establecimiento de su entorno de desarrollo
Ejercicio (Instrucciones): Configurando Git
Ejercicio (Instrucciones): Comandos básicos de Git
Ejercicio (Instrucciones): Repositorios en línea de Git
Ejercicio (Instrucciones): Configuración de Node.js y NPM
Ejercicio (Instrucciones): Fundamentos de Node.js y NPM
Establecimiento de su Entorno de Desarrollo: Git y Node: Recursos adicionales
Desarrollo de aplicaciones móviles híbridas: Una visión general: Objetivos y resultados
Ejercicio (Instrucciones): Configuración del marco Ionic
Desarrollo de aplicaciones móviles híbridas: Una visión general: Recursos adicionales
Configuración de un Servidor Simple: Objetivos y resultados
Ejercicio (Instrucciones): Configurar un servidor usando json-server
Configuración de un Servidor Simple: Recursos adicionales
Ionic y Angular: Objetivos y resultados
Ejercicio (Instrucciones): Introducción a la aplicación Ionic App
Ejercicio (Instrucciones): Ionic y Angular
Ionic y Angular: Recursos adicionales
Navegación Ionic : Objetivos y resultados
Ejercicio (Instrucciones): Navegación Ionic
Navegación Ionic: Recursos adicionales
Tarea 1: Introducción al marco Ionic: Recursos adicionales
Ideación: Objetivos y resultados
Plantilla de informe de ideas
Ideación: Recursos adicionales

Componentes Ionic


Este módulo explora el soporte ionic de los formularios. Se discuten las características avanzadas de las listas Ionic. Además, todos los diferentes métodos de superposición de información en la pantalla, como por ejemplo se examinan los modales, popups, popovers, hojas de acción y carga. También se considera brevemente el apoyo ionic a los gestos.

Botones de acción flotantes
Ejercicio (Video): Botón de acción flotante
Ejercicio (Video): FAB y Favoritos
Listas Ionic: Funciones avanzadas
Ejercicio (Video): Listas Ionic: Funciones avanzadas
Formas Ionic y modales
Ejercicio (Video): Modal
Ejercicio (Video): Formularios
Alertas, Tostadas, Popovers, ActionSheets y Loading
Ejercicio (Video): Alertas, brindis y carga
Asignación 2: Componentes Ionic
18 conferencias
Botones de acción flotantes: Objetivos y resultados
Ejercicio (Instrucciones): Botón de acción flotante
Ejercicio (Instrucciones): FAB y Favoritos
Botones de acción flotantes: Recursos adicionales
Listas Ionic: Funciones avanzadas: Objetivos y resultados
Ejercicio (Instrucciones): Listas Ionic: Funciones avanzadas
Listas Ionic: Funciones avanzadas: Recursos adicionales
Formas Ionic y Modales: Objetivos y resultados
Ejercicio (Instrucciones): Modal
Ejercicio (Instrucciones): Formularios
Formas Ionicy Modales: Recursos adicionales
Alertas, Popovers, ActionSheets, Carga y Gestos: Objetivos y resultados
Ejercicio (Instrucciones): Alertas, brindis y carga
Alertas, Popovers, ActionSheets, Carga y Gestos: Recursos adicionales
Asignación 2: Componentes Ionic: Recursos adicionales
Diseño de interfaz de usuario y prototipos: Objetivos y resultados
Plantilla de informe de diseño de interfaz de usuario y creación de prototipos
Diseño de interfaz de usuario y prototipos: Recursos adicionales

Panel dividido Ionic, cuadrícula y almacenamiento, e implementación de la aplicación.

En este módulo aprenderá a utilizar el almacenamiento local dentro de su aplicación. A continuación, aprenderá a configurar su máquina para construir su aplicación para varias plataformas, y desplegando su aplicación en emuladores y dispositivos.

Adaptación a pantallas grandes
Ejercicio (Video): Panel Ionic dividido
Ejercicio (Video): Cuadrícula Ionic
Almacenamiento Ionic
Ejercicio (Video): Almacenamiento Ionic
Instalación de Android Studio y Android SDK
Instalación de Xcode en Mac e iOS SDK
Introducción a Córdova
Ejercicio (Video): Construcción e implementación del emulador Android
Ejercicio (Video): Construcción e implementación en iOS Emulator
Asignación 3 Requisitos: Red y almacenamiento
16 conferencias
Adaptación a grandes pantallas: Objetivos y resultados
Ejercicio (Instrucciones): Panel Ionic dividido
Ejercicio (Instrucciones): Cuadrícula Ionic
Adaptación a grandes pantallas: Recursos adicionales
Almacenamiento Ionic: Objetivos y resultados
Ejercicio (Instrucciones): Almacenamiento Ionic
Almacenamiento Ionic: Recursos adicionales
Instalación de plataformas y SDK de Android e iOS: Objetivos y resultados
Instalación de Android Studio y Android SDK: Guías Jónicas y de Córdova
Instalación de Xcode en Mac e iOS SDK: Guías Jónicas y de Córdova
Instalación de plataformas y SDK de Android e iOS: Recursos adicionales
Adición Ionic de plataformas, creación e implementación de la aplicación: Objetivos y resultados
Ejercicio (Instrucciones): Creación e implementación del emulador Android y del dispositivo Android
Ejercicio (Instrucciones): Construcción e implementación en iOS Emulator
Adición Ionic de plataformas, creación e implementación de la aplicación: Recursos adicionales
Asignación 3: Red y almacenamiento: Recursos adicionales

Esta web utiliza cookies, puedes ver aquí la Política de Cookies. Si continúas navegando, estás aceptándola.