Ionic 6: Crea aplicaciones móviles iOS y Android con React
Ionic, React, Formik, Yup, Realtime, Chat Online, Channels, Deploy APK y IPA.
(0 valoraciones)
Creado por Agustin Navarro Galdon
Última actualizacion: 02/2023
Comenzar ahoraContenido del curso
Introducción3 clases
Introducción
PROYECTO: ToDo Full
PROYECTO: Chat con canales
Entorno de desarrollo4 clases
Editor de código
Instalando Node
Instalando Yarn
Instalando Ionic CLI
Ionic con React20 clases
Documentación
Repositorio de la app
Ion Action Sheet
Ion Button
Ion Accordion
Ion Alert
Ion Badge
Ion Breadcrumbs
Ion Ripple Effect
Ion Card
Ion Checkbox
Ion Chip
Ion Datetime
Ion Picker
Ion Fab
Ion Toast
Ion Input
IonMenu
Ion Modal
Ion Loading
APP: ToDo Full (Ionic + React + TypeScript)35 clases
Resultado final de la app
Repositorio de la app
Creando la app
Fichero de variables
Limpiando app
Añadiendo SASS al proyecto
Añadir navegación y tab button
Estilos en el navigation
Creando el UserContext
Funcionalidades del UserContext
Creando el hook useUser
Avatar
Tasks info
Cambio de screen
Estructura de las acciones de settings
Abriendo camara
Modal para abrir formularios
Formulario para cambiar nombre y apellidos
Controlando, validando y enviado formulario
Contexto para las tareas
Creando useTasks y añadiendo las tareas a settings
Tasks Header
Modal para crear tareas
Formulario para crear tareas
Validando y controlando formulario
Creando tarea
Guardando mas de una tarea
Listando todas las tareas
Pintando tareas
Formateando fechas
Recargando tareas al crear una
Marcando tareas completadas
Ordenando tareas por fecha
Separar tareas completadas de incompletas
Contando tareas
APP: Chat con canales + Firebase38 clases
Resultado final de la app
Repositorio de la app
Creando la app
Ejecutando la app en un movil
Configurando Firebase
Manejador de rutas
Formulario de login
Controlando y validando formulario
AuthContext
Hook useAuth
Iniciando sesión
Definiendo rutas
Estructura de la pagina Channels
Formulario para crear canales
Creando el header
Validando y controlando formulario de creación de canales
Creando canales en firebase
Obteniendo canales creados
Listando canales
Pintando canales
Estructura del chat
Obteniendo la información del canal
InputChat
Moviendo InputChat al abrir el teclado
Controlando y validando formulario
Enviando mensaje al chat
Obteniendo mensajes del chat
Listando mensajes
Pintando mensaje
Diferenciando el mensaje propio
Ordenando mensajes
Realizando scroll automaticamente
Mostrando toast si el mensaje no es propio
Opción para editar y eliminar mensaje
Alerta para confirmar la eliminación del menajes
Eliminando mensaje
Alerta para editar mensaje
Editando mensaje
Deploy5 clases
Actualizar nombre de la app
Cambiando icono de la app
Compilando APK
Cambiando icono desde Android Studio
Compilando para iOS
Comentarios de los estudiantes
0.0
Valoración del curso
Este curso incluye:
105 recursos educativos
Certificado de finalizazión
Consultas al tutor gratuitas
Compatible con todos los dispositivos
Compartir
Instructor del curso
Agustin Navarro Galdon
Frontend Developer
Soy un desarrollador de aplicaciones multiplataforma, mobile y E-Commerce con más de 7 años en el mundo del desarrollo de aplicaciones de todo tipo.
Valoraciones
No se ha escrito ningún comentario para la calificación que has seleccionado.