Flutter Avanzado: Lleva tu conocimiento al siguiente nivel

Este es un curso cargado de información importante que nos ayudará a crear mejores aplicaciones con este increíble SDK de Google.

Adquirir Ahora Vista previa gratis

Contenido del curso

1. Introducción
  PRUEBA GRATIS
2. ¿Cómo funcionará el curso?
  PRUEBA GRATIS
3. ¿Cómo hacer preguntas?
  PRUEBA GRATIS
4. Instalaciones necesarias
  PRUEBA GRATIS
5. ¡Únete a Nuestra Comunidad de DevTalles en Discord!
1. Introducción a la sección
2. Temas puntuales de la sección
3. Continuación de proyecto - BandNames
4. Socket Service - Conectar nuestra App con el Socket Server
5. Mostrar el Status del Servidor de Sockets
6. Escuchar eventos del servidor de sockets
7. Emitir evento de sockets desde Flutter
8. Indicador visual si hay conexión con el Socket Server
9. Backend: Lógica para el manejo de las votaciones
10. Socket: Emitir bandas registradas
11. Flutter: Escuchar evento 'active-bands'
12. Socket: Votar por una Banda
13. Socket: Agregar una nueva Banda
14. Socket: Borrar Banda
15. Pequeñas optimizaciones
16. Gráfica en tiempo real
17. Respaldo de nuestra aplicación a Github
18. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Desplegar SocketServer en la nube
4. Correr la aplicación en múltiples dispositivos
1. Introducción a la sección
2. Temas puntuales de la sección
3. Demostración del objetivo final de la sección
4. Inicio de la aplicación - RealTime Chat
5. Diseño del LoginPage
6. CustomInputField
7. Argumentos a nuestro CustomInput
8. Botón Azul
9. SingleChildScrollView
10. Registro y Navegar entre las pantallas
11. Respaldo de nuestra aplicación a Github
12. Código de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Continuación de nuestra aplicación
4. Pull to refresh
5. ChatPage - Inicio
6. Caja de texto de nuestro chat
7. Detalles de nuestro ChatPage
8. Mensajes de burbujas
9. Animaciones de los mensajes
10. Limpieza al cerrar el ChatPage
11. Respaldo de la sección a GitHub
12. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Inicio de sección - ChatApp Backend
4. MongoAtlas - Base de datos en la nube
5. Conectar Node con Mongo Atlas
6. Crear nuestro primer Rest endpoint - Crear Usuario
7. Express Validator
8. Middleware personalizado - ValidarCampos
9. Crear usuario en base de datos
10. Validar que no exista el email
11. Encriptar la contraseña
12. Generar JWT
13. Login de Usuario
14. Renovar el JWT
15. Generar un nuevo JWT y retornar información del usuario
16. Respaldo de nuestra aplicación a Github
17. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Nota de actualización
4. Continuación de proyectos - Backend y FrontEnd - Autenticación
5. Petición HTTP.POST al login
6. Mapear respuesta de un login
7. Bloquear botón mientras se realiza la autenticación
8. Mostrar alerta si las credenciales no son correctas
9. Guardar JWT en el Storage (Keychain IOS, KeyStore Android)
10. Pantalla de Registro
11. Mantener la pantalla de usuarios si tenemos un token válido
12. Logout de nuestra aplicación
13. Respaldo de nuestra aplicación a Github
14. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Nota importante
4. Continuación de proyectos
5. Conectar al Socket Server después de un inicio de sesión
6. Tarea - Cambiar ícono cuando hay conexión con el Socket Server
7. Autenticando el cliente conectado por sockets
8. Actualizar base de datos cuando un usuario se conecta
9. Servicio para retornar los usuarios
10. Mostrar lista de usuarios en nuestra App
11. Usuario seleccionado para el chat
12. Teoría sobre el envío de mensajes privados
13. Emitir un mensaje del chat al servidor
14. Escuchar mensajes del servidor en Flutter
15. Backend - Modelo de Mensajes
16. Guardar Mensaje en Base de Datos
17. Backend - Servicio para obtener los mensajes de chat
18. Cargar historial de chat en Flutter
19. Respaldo del código a GitHub
20. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Inicio de proyecto - Manejar Estado
4. Diseño de ambas pantallas
5. Preparar repositorio y ramas
6. Singleton
7. Singleton - Establecer el usuario
8. Singleton - Re-dibujar Widgets cuando hay cambios en el servicio
9. Singleton - Varios listeners
10. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Nota de actualización
4. Continuación de proyecto - EstadosApp
5. Provider - Configuración inicial
6. Provider - Establecer información del usuario
7. Provider - Cambiar edad mediante un método
8. Provider - Manejo de las profesiones
9. Guardar cambios en Git y cambiar ramas
10. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Nota de actualización
4. Introducción al Cubit
5. Continuación de proyecto - Cubit
6. Creando nuestro primer Cubit
7. Cambiando el UI en base al estado del cubit
8. Nota de actualización
9. Cambiar a un nuevo estado
10. Mostrar información del usuario
11. Cambiar la edad del usuario dentro del Cubit
12. Añadir profesión
13. Código fuente de la sección
1. Inicio de la sección
2. Temas puntuales de la sección
3. Nota de actualización
4. Continuación del proyecto - BLoC
5. Configurando el BLoC
6. Configurando el BLoC - Segunda Parte
7. Mostrar Widgets condicionalmente basados en el estado del BLoC
8. Disparar eventos - Asignar un usuario al estado
9. Mostrar información del usuario
10. Copiar el estado anterior
11. Añadir una nueva profesión al State
12. Borrar el usuario
13. Código fuente de la sección
1. Enlaces y materiales de esta sección
2. Continuación de proyecto
3. Navegación con GetX
4. Gestor de estado - GetxController
5. Utilizar el usuario y cambiar la edad
6. Manejo de las profesiones del usuario
7. Otras funcionalidades de GetX
8. Código fuente de la sección
1. Nota antes de empezar
2. Bonus: Calculadora utilizando GetX
3. Código fuente de la calculadora
1. Introducción a la sección
2. Temas puntuales de la sección
3. Demostración de la sección
4. Inicio proyecto mapas_app
5. Pantallas y estructura de directorios
6. Pantalla de permiso de GPS
7. GPS Bloc
8. GPS Bloc - Eventos, Bloc y Estado
9. GPS Bloc Eventos y nuevo estado
10. Geolocator - Android
11. Permisos en IOS
12. Cambiar el estado basado en el estado del servicio
13. Permission_handler - Android e IOS
14. Solicitar acceso al GPS
15. Revisar privilegios previamente otorgados
16. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Continuación del proyecto - Location Bloc
4. Android Emulator - Simular recorrido
5. Seguir la ubicación del usuario
6. Limpiar subscripciones
7. Cambiar estado del bloc
8. Mostrar las coordenadas
9. Configurar Api Key de Google
10. Configurar GoogleMaps - Android
11. Configurar GoogleMaps - IOS
12. Diseño de la pantalla del mapa
13. Bloc para controlar el mapa
14. Obtener el controlador del mapa
15. Cambiar estilo del mapa
16. Mover el mapa a la ubicación central del usuario
17. Snackbar personalizado
18. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Continuación del proyecto
4. Seguir al usuario con el mapa
5. Botón para seguir al usuario
6. Resolución de la tarea - Eventos del mapa
7. Polylines - Trazando el camino recorrido
8. Mostrar la polyline en el mapa
9. Mostrar/Ocultar Polylines
10. Cierre de la sección
11. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Continuación del proyecto e introducción al API
4. Diseño de la barra de búsqueda
5. SearchDelegate - Buscador de lugares
6. Terminar de construir nuestro SearchDelegate
7. Modelo SearchResult - Retorno del SearchDelegate
8. Diseño: Marcador central y opciones
9. Finalizar diseño del marcador manual
10. SearchBloc - Bloc para controlar las búsquedas
11. Mostrar y ocultar elementos del UI basado en la búsqueda manual
12. Ocultar marcador manual
13. Animación adicional
14. Direcciones de navegación - Mapbox API
15. TrafficService con Dio - Servicio para disparar peticiones HTTP
16. Saber el punto central del mapa
17. Dio Interceptors
18. Mapear la respuesta de Mapbox
19. Decodificar geometry
20. Dibujar la ruta en el mapa
21. Mostrar mensaje de espera
22. Código fuente de la sección
1. Inicio de sección
2. Temas puntuales de la sección
3. Continuación de la sección - RutasApp
4. Consumir el servicio de GeoCoding de Mapbox
5. Modelos y serializar respuesta
6. Obtener los resultados del MapboxPlaces
7. Almacenar los resultados en el SearchState
8. Mostrar los resultados en el SearchDelegate
9. Trazar ruta destino
10. Historial de búsquedas
11. Resolución de la tarea
12. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Continuación del proyecto - RutasApp
4. Colocar marcadores en el inicio de la ruta
5. Tarea: Marcador de fin de la ruta
6. InfoWindow de marcadores
7. Mostrar duración del viaje y distancia
8. Reverse Geocoding - Información de coordenadas
9. Imagen del marcador desde Assets y desde Network
10. Marcador basado en una imagen por URL
11. Custom Marker basado en un Widget - Diseño
12. Sombra y rectángulo del custom marker
13. Textos en el CustomPainter
14. Información del destino
15. Marcador del destino
16. CustomPainter hacia imagen y BitmapDescriptor
17. Tarea - Colocar el marcador del destino
18. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Demostración de la sección
4. Inicio de proyecto - StripeApp
5. Diseño de la pantalla Home
6. Monto a pagar y botón de pago
7. Pantalla de tarjeta seleccionada
8. Pantalla de pago completo y alertas
9. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Continuación del proyecto - Configuración del BLoC
4. Tarea: Activar y desactivar tarjeta
5. Resolución: Activar y desactivar tarjeta
6. Explicación de la lógica de cobros a seguir
7. Paquetes adicionales para usar Stripe
8. StripeService - Métodos globales que necesitaremos
9. Crear método de pago con una nueva tarjeta
10. Crear un intento de pago - PaymentIntent
11. Realizar cobro/pago - Confirmar intento
12. Pagar con una tarjeta existente
13. ApplePay y GooglePay
14. GooglePay retoques finales
15. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Demostración de la sección
4. Inicio de proyecto - CustomTransitionPackage
5. Diseño básico de mi aplicación de transiciones
6. Route Transitions
7. FadeIn Transition
8. Replacement o Push
9. Crear nuestro primer paquete para Pub.dev
10. Subir el paquete a Pub.dev
11. Utilizar nuestro paquete en nuestra app de Flutter
12. Actualizando el paquete
13. Crear un ejemplo en Pub.dev
14. Marcar como obsoleto o deprecared alguna característica
15. Nota final
16. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Inicio de proyecto - AuthApp
4. Diseño básico de la aplicación
5. Configuración de Google SignIn
6. Agregar y configurar la aplicación de Android
7. SignIn y SignOut de Google - Android
8. Agregar y configurar la aplicación de IOS
9. Obtener el ID Token de la sesión
10. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Continuación y nuevo proyecto - Auth Backend Server
4. Ruta y controlador de la autenticación de Google
5. Validar ID Token en nuestro backend
6. Desplegar backend server en Heroku
7. Obtener respuesta de autenticación de nuestro backend
8. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Continuación de proyecto y recursos
4. Implementar botón de Apple Sign-in y Servicio de autenticación
5. Configuraciones en el portal de developers de Apple
6. Identificadores necesarios para nuestro backend
7. Configurar nuestro backend para aceptar las peticiones de Apple Sign-in
8. Desplegar y configurar URLs de retorno
9. Iniciar sesión en nuestro servidor
10. Apple Sign-in en Android
1. Más información sobre nuestros otros cursos
2. Despedida del curso

Acerca de este curso

346 lecciones
34.5 horas de contenido en video
USD 50.00

Cursos que podrían intesarte

+DevTalles

Este segmento es exclusivo para sesiones en vivo con Fernando Herrera. Durante estas podrás realizar preguntas relacionadas al contenido de sus cursos y participar de forma interactiva con los panelistas. Se incluyen grabaciones de sesiones pasadas.

Pago único

Adquiere el curso con un único pago de forma vitalicia, con acceso a la comunidad y posibles actualizaciones futuras.

$50.00

Promociones y descuentos pueden aplicar.

Comprar ahora

Suscripción
Devtalles PRO Mensual

^USD16

Suscribirme ahora

Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante el mes de vigencia.

Suscripción
DevTalles PRO Trimestral

^USD48

Suscribirme ahora

Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante 3 meses de vigencia.

Suscripción
DevTalles PRO Semestral

^USD96

Suscribirme ahora

Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante los 6 meses de vigencia.

Suscripción
DevTalles PRO Anual

^USD176

El mejor precio disponible

Suscribirme ahora

Adquiere 1 año entero de suscripción al precio de 11 meses. Obtienes acceso ilimitado a toda la plataforma, comunidades, cursos, clases en vivo, acceso anticipado a una comunidad exclusiva y cursos en construcción.

¿Cuál es el siguiente paso?

Si quieres profundizar tu conocimiento en Flutter, te invitamos a seguir el Programa Flutter Expert diseñado para que sigas aprendiendo.

Ver programas

Sección 1: Introducción

Sección 2: BandNameApp - Socket.io - Aplicación en tiempo real

Sección 3: BandNames - Socket Server - Express - Backend

Sección 4: BandNames Flutter + Socket Backend

Sección 5: Desplegar Socket Server en la nube

Sección 6: RealTime Chat - Socket.io - Mongo - Express - JWT - Login y Registro

Sección 7: Continuación de RealTime Chat - Usuarios y Mensajes

Sección 8: ChatApp - Backend

Sección 9: ChatApp - Autenticando contra nuestro backend

Sección 10: Socket.io en nuestra aplicación de Chat

Sección 11: Manejadores de Estado - Singleton

Sección 12: Provider - Como manejador de estado

Sección 13: Cubit - Manejador de estado

Sección 14: Patrón BLoC

Sección 15: GetX

Sección 16: Bonus: Calculadora con GetX

Sección 17: RutasApp - GoogleMaps + Mapbox Places

Sección 18: Mi ubicación y mapas

Sección 19: Trazar ruta dentro del mapa

Sección 20: Direcciones hasta un punto específico

Sección 21: Direcciones en el mapa

Sección 22: Marcadores en el Mapa

Sección 23: Pagos con Stripe, tarjetas de crédito, GooglePay y ApplePay

Sección 24: StripeApi y Estado de nuestra aplicación - BLoC

Sección 25: Pub.dev - Crear tu propio paquete

Sección 26: Autenticación con Google - Backend y Frontend

Sección 27: Google Sign-in - Backend para validar el ID Token

Sección 28: Apple Sign-in

Sección 29: Cierre del curso

Acerca de este curso

+DevTalles

Dart: De cero hasta los detalles

Flutter Intermedio: Diseños profesionales y animaciones

Flutter Web: Aplicaciones y páginas web profesionales

$50.00

Suscripción Devtalles PRO Mensual

Suscripción DevTalles PRO Trimestral

Suscripción DevTalles PRO Semestral

Suscripción DevTalles PRO Anual

Suscripción
Devtalles PRO Mensual

Suscripción
DevTalles PRO Trimestral

Suscripción
DevTalles PRO Semestral

Suscripción
DevTalles PRO Anual