Danh mục
Duocmmo Tedu Tin học văn phòng Laravel Cyberlearn Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Mobile Development
Google Flutter
Flutter Web: Aplicaciones y páginas web profesionales

Flutter Web: Aplicaciones y páginas web profesionales

Loại khoá học: Mobile Development

Sound null-safety, responsive design, carga de archivos, listas páginadas, admin dashboard, landing pages y mucho más

image
50.000 VND
2.499.000 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

Flutter está siendo una revolución en la industria del desarrollo, con la misma base de código puedes crear aplicaciones nativas para IOS, Android y ahora también Web y Desktop. El curso esta construido totalmente con Null-Safety el cual es un estándar hoy en día para crear aplicaciones modernas con Flutter.

En este curso nos enfocamos en tomar tu conocimiento existente sobre Flutter y expandirlo a la creación de aplicaciones web, estos son algunos de los temas que aquí veremos:

  1. Responsive design

  2. Router

    1. Lectura de segmentos

    2. Parámetros opcionales (query parameters)

    3. Configuración de rutas

    4. Protección de rutas

  3. Manejo de formularios

  4. Carga de archivos

  5. Creación de landing pages

  6. Creación de un panel administrativo

  7. Páginas 404

  8. Tablas

    1. Paginadas

    2. Orden por columnas

    3. Edición en línea

  9. Modals

  10. Alertas

  11. Navegación

  12. Layouts

  13. Views

  14. Hover effects

  15. Animaciones

  16. Controladores

  17. Keys

  18. Despliegues a producción

  19. Peticiones HTTP

  20. Manejo de tokens

  21. Uso de interceptores

  22. LocalStorage

  23. Mucho más


Importante:

El curso no es para empezar con Flutter, es necesario tener ciertos conocimientos básicos de la tecnología porque dentro no nos dedicaremos a enseñar las bases de Dart o Flutter, rápidamente nos enfocamos en lo que es nuevo en la web creando aplicaciones básicas al inicio hasta crear un panel administrativo con cientos de widgets en un proyecto de mediana escala.

Si quieres empezar con flutter toma mi curso gratuito en esta misma plataforma para tener la base antes de empezar este curso.

No es necesario tener configurado ningún emulador, todo lo haremos utilizando Google Chrome y las DevTools que nos ofrece Flutter.

Bạn sẽ học được gì

Flutter Web

Rutas con segmentos y parámetros opcionales

Estructura de archivos funcionales para proyectos medianos y gran escala

Carga de archivos en Flutter Web

Crear landing pages

Diseño responsive

Crear paneles administrativos

Yêu cầu

  • Conocimiento de Flutter / Dart básico es necesario
  • Conocimiento de programación
  • Haber usado algún gestor de estados (opcional, pero recomendado)
  • Tener privilegios de administrador para realizar instalaciones

Nội dung khoá học

16 sections

Introducción

6 lectures
Introducción
02:48
Pre-requisitos del curso
03:14
¿Cómo funciona el curso?
04:55
¿Cómo hacer preguntas?
04:29
Instalaciones recomendadas y obligatorias
10:31
¡Únete a Nuestra Comunidad de DevTalles en Discord!
00:18

Flutter Web - Introducción

5 lectures
Introducción a la sección
03:52
Temas puntuales de la sección
00:13
Introducción a Flutter Web - Consideraciones importantes
16:20
Recursos adicionales de Flutter Web antes de comenzar
05:04
Materiales y enlaces
00:04

Primeros pasos en Flutter Web

19 lectures
Introducción a la sección
03:44
Temas puntuales de la sección
00:26
Inicio de proyecto - Bases de Flutter Web
09:03
Página de contador con Stateful Widget
10:03
Re-utilización de Widgets
09:30
Creando un menú de navegación
08:04
Navegación tradicional en Flutter
09:54
Router Generator
09:34
Transición entre páginas
12:13
Código específico para la web
05:34
CounterProviderPage - Implementar Provider
10:04
Layout Pages y Views
06:46
Nota de actualización
00:15
Layout Pages
05:50
GlobalKey - NavigatorState
08:46
Get_it
08:02
Menú Responsivo
09:24
Artículo sobre Flutter Navigation 2.0
00:45
Código fuente de la sección
00:06

Segmentos de URL y Query Parameters

13 lectures
Introducción a la sección
02:43
Temas puntuales de la sección
00:15
Demostración del objetivo final de la sección
03:03
Continuación de proyecto y explicación breve sobre Flutter Navigator 2.0
07:44
Fluro - Router
10:08
Rutas de mi aplicación y animaciones
05:45
404 Page
05:16
Obtener segmentos del URL
07:16
Leer la base por URL y aplicarlo al contador
08:22
Leer la base por un query parameter
09:36
Multiples segmentos de URL
04:32
Separar los handlers de las rutas
10:34
Código fuente de la sección
00:07

Scrollable Landing Page

18 lectures
Introducción a la sección
02:53
Temas puntuales de la sección
00:11
Demostración del objetivo final de la sección
01:33
Créditos al que me dio la inspiración
01:36
Inicio de proyecto - Scrollable Landing Page
04:54
Configurando las rutas
07:23
HomePage
09:56
Crear un gradiente de fondo
04:24
Menú superior - Botón y Texto
06:45
Animaciones del menú
09:33
Opciones del menú
10:15
Detalles estéticos del menú
06:47
Scroll hacia una página en específico
12:56
Cambiar el URL al hacer click en un enlace
09:54
Utilizar el segmento para definir la pantalla inicial
08:09
Añadir un listener de movimiento del PageController
07:55
Cambiar el titulo de la página web
05:47
Código fuente de la sección
00:06

Desplegando una aplicación de Flutter Web

6 lectures
Introducción a la sección
03:33
Temas puntuales de la sección
00:09
Generar el build web
03:30
Configuración básica de una PWA
08:32
Desplegar la aplicación de Flutter Web
03:46
Flutter Web App - Android
02:02

Admin Dashboard - UI Login

18 lectures
Introducción a la sección
02:40
Temas puntuales de la sección
00:11
Demostración del objetivo final de la sección
01:48
Inicio de proyecto - AdminDashboard
06:22
Definir rutas y AuthLayout
11:19
No Page Found - Route
05:06
Diseño del AuthLayout
09:13
BackgroundTwitter
07:10
Custom Title y espacio para la vista
10:57
Barra de enlaces inferior y enlaces
10:21
Anchor Tag
07:04
Diseño para teléfonos
06:43
Scrollbar
04:55
Formulario de Login
11:11
Botón personalizado de ingreso
08:53
Formulario de Registro
07:43
Centralizar estilos de los inputs
04:40
Código fuente de la sección
00:08

Formularios de ingreso, registro y navegación

17 lectures
Introducción a la sección
02:55
Temas puntuales de la sección
00:08
Demostración del objetivo final de la sección
02:00
Continuación de proyecto - Admin Dashboard
03:46
Formulario de ingreso
12:28
Obtener email y contraseña
07:01
Formulario de Registro
08:21
AuthProvider - Autenticación Global
09:43
Pequeña corrección de un expanded
03:43
Remover inyección de dependencias
03:25
LocalStorage
11:15
NavigationService
06:37
Dashboard Layout
13:16
Splash Layout
05:23
Dashboard Routes
07:46
Condicionalmente mostrar el DashboardView o el LoginView
10:51
Código fuente de la sección
00:08

Admin Dashboard Diseño

20 lectures
Introducción a la sección
02:23
Temas puntuales de la sección
00:12
Demostración del objetivo final de la sección
01:56
Continuación de proyecto - AdminDashboard
03:33
Sidebar
10:35
Items de menú y separadores
13:41
Llenar las opciones del menú
06:02
Navbar
12:31
Notificaciones y Avatar
07:44
Navbar y Sidebar responsive
10:29
Controlador del sidebar
09:23
Animar menú lateral
09:10
Cerrar el menú lateral
08:55
Dashboard View y Blank View
14:10
Icons View y Ruta
09:30
Navegación utilizando el sidebar
06:18
Activando opciones del menú
12:28
Tarea Blank View, ruta y menú
04:21
Detalles finales del panel administrativo
03:41
Código fuente de la sección
00:07

Backend para el panel administrativo

5 lectures
Inicio de sección
02:13
Temas puntuales de la sección
00:08
Configuración de proyecto
07:05
Conectar Backend con MongoAtlas
07:10
Probar inserciones y queries
05:45

Autenticación y protección de rutas

13 lectures
Introducción a la sección
01:56
Temas puntuales de la sección
00:07
Demostración del objetivo al final de la sección
01:28
Continuación de proyecto
03:02
Dio - Centralizar los llamados a nuestro backend
11:20
Crear usuario - Http post
13:27
Autenticando usuario en el registro
07:40
Mostrar snackbars - NotificationsService
08:05
Login de usuario
04:06
Validar JWT
09:10
Logout
05:13
Submit cuando se presiona ENTER
04:36
Código fuente de la sección
00:19

Mantenimiento de categorías

19 lectures
Introducción a la sección
01:54
Temas puntuales de la sección
00:04
Demostración de la sección
01:33
Continuación de proyecto
01:37
Crear ruta y vista para las categorías
05:33
PaginatedDataTable
11:18
Configuraciones adicionales del PaginatedDataTable
12:33
Cargar las categorías desde el backend
09:18
Mapear categorías
07:17
PaginatedDataTable con la información del Backend
09:18
Mensaje de confirmación de eliminación
08:07
Modal para editar y agregar categorías
09:20
Contenido del modal de categoría
12:22
Crear categorías
10:41
Actualizar categoría
03:27
Resolver tarea de actualización
08:00
Eliminar categoría
06:08
Snackbars de creación y actualización
07:51
Código fuente de la sección
00:08

Optimizaciones

3 lectures
Introducción a la sección
01:29
Optimizaciones en el manejo de rutas
10:22
Crear múltiples usuarios en nuestra base de datos
03:14

Mantenimiento de usuarios

22 lectures
Introducción a la sección
01:45
Temas puntuales de la sección
00:16
Demostración del objetivo final de la sección
02:08
Continuación de proyecto - Admin Dashboard
03:47
Ruta y vista de usuarios
06:33
UsersView temporal
06:14
UsersProvider
12:58
Llenar la tabla con los usuarios
06:01
Ordenar la lista de usuarios
11:12
Indicadores visuales de la columna ordenada
04:41
User View y Ruta para un usuario independiente
09:33
Validar UID contra el backend
11:10
Diseño de la pantalla de User View
06:43
Espacio para el avatar del usuario
09:31
Espacio para el formulario de actualización
08:52
Formulario de actualización de usuario
10:32
Validaciones y valores actualizados del usuario
12:42
Notificar Listeners cuando se cambia el usuario
06:55
Actualizar usuario en el Backend
09:05
Actualizar el listado de usuarios
09:29
Manejo de errores
11:42
Código fuente de la sección
00:09

Carga de archivos y versión de producción

15 lectures
Introducción a la sección
02:00
Temas puntuales de la sección
00:10
Demostración del objetivo final de la sección
01:20
Continuación de la sección
07:15
Seleccionar una imagen
08:05
Subir imagen al backend
15:14
Mensaje de carga de imagen
04:49
Mostrar imagen actualizada
03:21
Mostrar imagen del usuario en la lista de usuarios
08:14
Reduciendo la cantidad de importaciones
03:10
Generar build de producción
07:14
Desplegar aplicación de Flutter en la Web
09:15
Variables de entorno y logs de Heroku
08:02
Actualizar version de producción
05:23
Código fuente de la sección
00:10

Despedida del curso

1 lectures
Cierre del curso
02:31

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Khoá học liên quan

Master Network Automation with Python for Network Engineers

Master Network Automation with Python for Network Engineers

1.699.000 VND
50.000 VND
Unity Mobile Game Development - Exterminator

Unity Mobile Game Development - Exterminator

1.499.000 VND
50.000 VND
Mastering CSS Grid 2023 - With 3 cool projects

Mastering CSS Grid 2023 - With 3 cool projects

99 VND
50.000 VND
Django 3 - Full Stack Websites with Python Web Development

Django 3 - Full Stack Websites with Python Web Development

1.699.000 VND
50.000 VND
Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

95 VND
50.000 VND
Appium - Mobile Testing with Latest 2.0 and Live Projects

Appium - Mobile Testing with Latest 2.0 and Live Projects

70 VND
50.000 VND
Deep Learning for Object Detection with Python and PyTorch

Deep Learning for Object Detection with Python and PyTorch

899.000 VND
50.000 VND
Full Android Development Masterclass | 14 Real Apps-46 Hours

Full Android Development Masterclass | 14 Real Apps-46 Hours

1.699.000 VND
50.000 VND
Go Java Full Stack with Spring Boot and Angular

Go Java Full Stack with Spring Boot and Angular

90 VND
50.000 VND
Machine Learning Practical Workout | 8 Real-World Projects

Machine Learning Practical Workout | 8 Real-World Projects

79 VND
50.000 VND
WordPress 2024: The Complete WordPress Website Course

WordPress 2024: The Complete WordPress Website Course

90 VND
50.000 VND
Android App Development Master Course with Java | Android

Android App Development Master Course with Java | Android

99 VND
50.000 VND
Unreal Engine 5: Soulslike Melee Combat System

Unreal Engine 5: Soulslike Melee Combat System

1.399.000 VND
50.000 VND
ASP.NET Core Web Application Using Razor Pages

ASP.NET Core Web Application Using Razor Pages

1.699.000 VND
50.000 VND
Build Undetectable Malware Using C Language: Ethical Hacking

Build Undetectable Malware Using C Language: Ethical Hacking

75 VND
50.000 VND
Angular - The Complete Guide (2024 Edition)

Angular - The Complete Guide (2024 Edition)

120 VND
50.000 VND
image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi