Este curso te lleva a incursionar en el desarrollo de aplicaciones móviles híbridas con el poderoso SDK de Ionic. Vas a aprender a crear apps que funcionan en Android e iOS desde una sola base de código, optimizando tiempo y recursos. Dominarás la instalación de plugins, compilación de aplicaciones y pruebas en dispositivos reales, pasando de proyectos sencillos a aplicaciones complejas de gestión de eventos.
Esta formación se ha destinado a programadores principiantes que estén interesados en incursionar en el desarrollo móvil y a profesionales del mundo web que quieren dar el salto al entorno móvil.
1.Preparación del entorno
Windows
1.1 Instalar Visual Studio
1.2 Instalar NodeJS
1.3 Instalar Ionic 7
1.4 Instalar Java (JDK)
1.5 Instalar Android Studio
1.6 Instalando versiones de Android
1.7 Gradle
1.8 Configurar gradle en Android Studio
IOS
1.9 Instalar Visual Studio
1.10 Instalar NodeJS
1.11 Instalar Ionic 7
1.12 Instalar Xcode
2. Documentación IONIC
2.1 Documentación componentes Ionic
2.2 Iconos Ionic
2.3 CSS Utilities Ionic
2.4 Plugins Capacitor Ionic
3.Antes de empezar con las Apps
3.1 Extensión recomendada para Visual Studio Code
3.2 ionic info
Antes de empezar con las apps
4. Counter App
4.0 Resultado esperado
4.1 Creación del proyecto
4.2 Cómo arrancar nuestro proyecto
4.3 Generar iconos con @capacitor/assets
4.4 Cambiar nombre app
4.5 ion-header
4.6 ion-footer
4.7 ion-content
4.8 Estilos e iconos en nuestros botones
4.9 Dando funcionalidad a nuestros botones
4.10 Estilos landscape y portrait
Descarga de la aplicación
5.Counter App standalone
5.1 Creando proyecto modo standalone
5.2 Adaptando nuestra app a standalone
6. Testear en un dispositivo real
Android
6.1 Compilar para Android
6.2 Activar modo desarrollador en android
6.3 Arrancar en un dispositivo real
6.4 Arrancar en un dispositivo emulado
iOS
6.5 Compilar para iOS
6.6 Simulador
6.7 Testear dispositivo real
7.Shopping list App
7.0 Resultado esperado
7.1 Creación del proyecto
7.2 Modificando nuestros tabs
7.3 Creando nuestro servicio de Items
7.4 Funciones para nuestro servicio de items
7.5 Formulario para añadir items
7.6 Añadiendo nuevos items
7.7 Mostrando alertas
7.8 Mostrando nuestros items con ion-list
7.9 Opciones de items con ion-item-sliding
7.10 Eliminar item
7.11 Reordenar elementos con ion-reorder-group
7.12 Menu
7.13 Eliminar todos los items
Descarga de la aplicación
8.Flashlight
8.0 Resultado esperado
8.1 Creación del proyecto
8.2 Contenido de nuestra app
8.3 Estilos para nuestra app
8.4 Instalando el plugin Flashlight
8.5 Encendiendo y apagando el flash
Descarga de la aplicación
9.Pokedex App
9.1 Resultado esperado
9.2 Creación del proyecto
9.3 Pokeapi
9.4 Modelo pokemon
9.5 Preparando nuestro servicio
9.6 CapacitorHttp
9.7 Obteniendo pokemons con CapacitorHttp
9.8 Creando Pokemons que nos vienen de la PokeApi
9.9 Creando nuestras páginas
9.10 Recuperando pokemons
9.11 Mostrando pokemons
9.12 Mejorando estilos
9.13 Modificando la cabecera
9.14 Scroll infinito
9.15 ion-loading
9.16 Pasando el pokemon al detalle
9.17 Volviendo a la lista de pokemon
9.18 Detalle pokemon
9.19 Habilidades y habilidad oculta del pokemon
9.20 Peso y altura del pokemon
9.21 Pipe getStat
9.22 Estadísticas del pokemon
9.23 Bloqueando la orientación de la pantalla
9.24 Solucionando problema en iOS
Descarga de la aplicación
10.Gestor de clases
10.0 Resultado esperado
10.1 Creación del proyecto
10.2 Instalar plugin @capacitor/device
10.3 Instalar plugin @capacitor/preferences
10.4 Instalar @ngx_translate
10.5 Seteando las traducciones
10.6 Instalar plugin SQLite
10.7 Script copiar fichero sql-wasm.wasm (opcional)
10.8 Servicio SQLite
10.9 Estructura de nuestra base de datos
10.10 Descargar base de datos
10.11 Recuperar base de datos
10.12 Indicar que la base de datos esta lista
10.13 Resetear base de datos
10.14 Estructura de páginas
10.15 Iconos tabs
10.16 AlertService
10.17 List Data (Parte TS)
10.18 List Data (Parte HTML)
10.19 Modelo Student
10.20 Lista de estudiantes
10.21 Obtener estudiantes
10.22 Filtrando con ion-searchbar
10.23 Template estudiantes
10.24 Creando un formulario para estudiantes
10.25 HTML de nuestro formulario de estudiantes
10.26 Añadir estudiantes
10.27 Opciones estudiante
10.28 Actualizar estudiantes
10.29 Eliminar estudiante con confirmación
10.30 Modelo clase
10.31 Lista de clases
10.32 Obtener clases
10.33 Template clases
10.34 Creando el formulario de clases
10.35 HTML de nuestro formulario de clases
10.36 Instalar moment
10.37 Añadir clase
10.38 Opciones para clases
10.39 Actualizar clases
10.40 Eliminar clase con confirmación
10.41 Modelo Filter
10.42 Componente Filter
10.43 Mostrar/ocultar filtro
10.44 Pasándole propiedades a nuestro popover
10.45 HTML de nuestro formulario del filtro
10.46 Devolviendo el filtro
10.47 Filtrando clases
10.48 Resetear filtro
10.49 Modelo Payment
10.50 Lista pagos
10.51 Obtener pagos
10.52 Asociar clases y estudiantes con los pagos
10.53 Calculando el total
10.54 Template pagos
10.55 Estilo clase pagada y no pagada
10.56 Modificando el componente filter
10.57 Filtrando pagos
10.58 Adaptando el formulario de clases para los pagos
10.59 Creando payment
10.60 Obteniendo un pago concreto
10.61 Modificando un payment
10.62 Arreglo de filtros y actualizacion de pagos
10.63 Saber si una clase debe ser pagada
10.64 Opción pagar clase
10.65 Pagar clase
10.66 Solucionando problema en Android
10.67 Solucionando problema en iOS
Descarga de la aplicación
11. Publicar en Google play
11.1 Compilar aplicación para producción
11.2 Editar capacitor.config.json
11.3 Generar APK firmado
11.4 Firmar APK (parte 1)
11.5 Firmar APK (parte 2)
11.6 Pago cuota desarrollador android
11.7 Subiendo app (parte 1)
11.8 Subiendo app (parte 2)
11.9 Actualizar app ionic
11.10 Actualizar app google play
Test final de curso
Una vez la formación haya finalizado se hará entrega de un certificado de aprovechamiento.
Para la realización del curso es necesario que los estudiantes cuenten con conocimientos Básicos de Angular:
Información Adicional
Precio: 335,00 €.
Si vienes de Empresa, puedes bonificar hasta el 100% del curso con el crédito FUNDAE.
