Ionic 7: aplicaciones móviles híbridas

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

2.1 Documentación componentes Ionic
2.2 Iconos Ionic
2.3 CSS Utilities Ionic
2.4 Plugins Capacitor Ionic

3.1 Extensión recomendada para Visual Studio Code
3.2 ionic info
3.3 A tener en cuenta

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

5.1 Creando proyecto modo standalone
5.2 Adaptando nuestra app a standalone

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

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

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

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

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

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