Arquitectura de Aplicaciones

1

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

2

Pasos para aprender Flutter Avanzado

3

驴Qu茅 es una Arquitectura de software?

4

Tipos de Arquitecturas para Flutter

5

Arquitectura BLoC en Flutter

6

BLoC + Clean Architecture en Flutter

7

Estructurando nuestro proyecto utilizando la Arquitectura BLoC

8

Haciendo BLoC Singleton en Flutter

9

Aplicando Providers al Proyecto

Firebase y Flutter

10

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

11

Integrando Firebase Authentication, Cloud Firestore y Firebase Storage al proyecto

12

Integrando Firebase a Flutter para iOS

13

Integrando Firebase a Flutter para Android

14

Creaci贸n de Pantalla de Login con Flutter

15

Creando botones reutilizables en Flutter

16

Autenticaci贸n de Firebase con Google

17

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

18

Implementando Firebase Authentication en BLoC Pattern

19

Streams en Flutter

20

Manejando una sesi贸n con Firebase Authentication y Flutter

21

Implementando Google SignOut en BLoC

22

Implementando Google SignOut en View

23

Monitoreando y validando la conexi贸n al Sign con Google

24

Mostrando los datos de usuario de Google en la interfaz en Flutter

Cloud Firestore de Firebase en Flutter

25

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

26

驴Qu茅 es Cloud Firestore de Firebase?

27

Analizando un modelo de datos no relacional

28

Creando un Modelo de datos en Cloud Firestore

29

Enviando datos a Cloud Firestore

30

Creando un Widget gradiente personalizado

31

Manejo de Desbordamiendo de Texto de Widget Text

32

Bot贸n de Back en un Appbar en Flutter

33

Navegaci贸n entre pantallas en Flutter

34

Widget Text Appbar personalizado en Flutter

35

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

36

Widget TextField personalizado en Flutter

37

Creando una Safe Area para una interfaz que tiene un AppBar

38

Widget TextField con iconos en Flutter

39

Retocando el CardView

40

Mostrando im谩genes en un CardView

41

Creando un bot贸n de Submit en Flutter

42

Env铆o de datos de un f贸rmulario en Flutter

43

Subiendo datos a Firestore de Firebase

44

Formularios en Flutter

Acceso al Hardware con Flutter

45

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

46

Acceso a la c谩mara en Flutter

47

Librer铆as de acceso a Hardware en Flutter

Firebase Storage en Flutter

48

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

49

Qu茅 es y c贸mo funciona Firebase Storage en Flutter

50

Subiendo una imagen a Firebase Storage desde Flutter

Querys avanzados en Cloud Firestore de Firebase en Flutter

51

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

52

Manejo de im谩genes en Cloud Firestore

53

Cloud Firestore insertando referencias y arrays en la base de datos

54

Descargar im谩genes de Firebase Storage y mostrarlas en Flutter

55

Procesando datos con BLoC Pattern

56

Trayendo datos de Cloud Firestore

57

Persistiendo datos de un usuario logueado

58

Aplicando Filtros en Cloud Firestore

59

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

60

Construyendo los Places en la pantalla de Home

61

Mostrando los Places en la pantalla de Home

62

Actualizando datos en tiempo real

63

Manejando la l贸gica de likes, como bot贸n toggle.

64

Insertando y obteniendo referencias en datos de Firestore.

65

Usando el cach茅 para cargar im谩genes m谩s r谩pido

66

StreamController, sink, add y StreamBuilder

Conclusiones

67

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

68

Conclusiones

No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Curso Avanzado de Flutter

Curso Avanzado de Flutter

Anah铆 Salgado D铆az de la Vega

Anah铆 Salgado D铆az de la Vega

BLoC + Clean Architecture en Flutter

6/68
Recursos

En la clase anterior vimos que es BLoC, BLoC Pattern y c贸mo aplicarlo. En esta clase te explicaremos como hacer que el proyecto hable por s铆 solo de c贸mo funciona usando BLoC + Clean Architecture.

Debemos recordar que nuestro proyecto debe ser legible para nuestros compa帽eros de trabajo y cualquier persona que lo lea; un plus a esto el proyecto debe ser entendible por s铆 solo.

Aportes 43

Preguntas 4

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Habr铆a que evaluar que tan conveniente es exponer tus entidades como lo dice Clean , cuando tu proyecto tenga 30 relaciones por ejemplo. Tendr铆as 30 carpetas donde cada una representa la entidad que quieres exponer. Sin embargo si usaras solamente bloc , tendr铆as las mismas carpetas de siempre , lo que en ese caso tendr铆as muchos archivos correspondientes a las entidades. Creo que es cuesti贸n de evaluar el proyecto , pero de manera general fue un gran video de parte de Ann

Hola a todos, hice un video sobre Flutter + Clean architecture usando GetX como gestor de estado, tambi茅n tengo otro usando Provider 馃槂 https://www.youtube.com/watch?v=Qffojk-vjKY

Project onboarding is the process of enrolling resources to the project. The goal is to make sure that everyone involved in the project understands its business objectives and requirements, knows their role and the expected outcome of the project itself.
This way team members can contribute fully to the project, spending less time on trying to figure it out and more actually completing their tasks.
-Fuente

Yo tenia ese sentir en el curso anterior de Flutter que muchos archivos est谩bamos creando y por como se nos ha venido ense帽ando sent铆a un solo desorden pero con este curso mejora sustancialmente. 隆Gracias!

Clean Arquitecture
El enfoque principal de la arquitectura es la separaci贸n de las preocupaciones y la escalabilidad. Se compone de cuatro m贸dulos principales: App, Domain, Data, y Device.
By: https://bit.ly/2yw2cui

隆Esta arquitectura es muy TOP! Gracias anncode.

Un concepto tan simple, pero que a largo plazo puede traer beneficios al proyecto y a los equipos. Excelente tener este tipo de conocimientos para aplicarlo en futuros proyectos.

Hay muchas maneras de aplicar una arquitectura limpia, esta es bastante interesante, es orientada a pruebas, lo que viene muy bien sabiendo que muchas empresas trabajan as铆.

Flutter TDD Clean Architecture - resocoder

Para los que trabajan en Visual Studio Code les recomiendo esta extensi贸n que te permite crear carpetas con Clean Architecture pattern de una.
Flutter Feature Scaffolding
Super recomendado para trabajar ese patr贸n de forma r谩pida

Quisiera saber si funciona alguien podr铆a decirme de que trata mi proyecto? 馃槈

Capas de Clean Architecture

Clean architecture es un conjunto de principios cuya finalidad principal es ocultar los detalles de implementaci贸n con respecto a la l贸gica de la aplicaci贸n.

En Clean Architecture, una aplicaci贸n se divide en responsabilidades representadas en forma de capas: App, Domain, Data, y Device.
.

Domain

Siendo el coraz贸n de una aplicaci贸n, es la capa que es totalmente aislada de cualquier dependencia ajena a la l贸gica o los datos de negocio.

Esta capa, generalmente es escrita puramente en el leguaje de programaci贸n core.
.
En ella, podemos encontrar elementos como:

  • Entities. Reglas de negocio que, siendo particulares de la aplicaci贸n, pueden ser compartidas entre otras dependencias de negocio de la aplicaci贸n.
  • Usecases. Procesos de la aplicaci贸n e inherentes seg煤n sea el caso, orquestando el flujo de informaci贸n a trav茅s de la aplicaci贸n, conocida como la l贸gica de la aplicaci贸n.
  • Repositories. Clases abstractas que definen funcionalidades y deber谩n ser implementadas seg煤n sea el contexto, permitiendo el concepto de inversi贸n de dependencias.

.

Principio de inversi贸n de dependencias. Son abstracciones de uso donde los adaptadores implementar谩n reglas de una capa quedando, esta 煤ltima, aislada para que los adaptadores con el tiempo sean reemplazados.

.

App

Son todos aquellos Frameworks y/o librer铆as que se suelen utilizar en una aplicaci贸n para mostrar o almacenar informaci贸n siendo, en conjunto, puentes de comunicaci贸n entre capas.
.
Emplean el concepto de polimorfismo, usando clases heredadas que implementan la representaci贸n de los repositorios, en la capa Domain.
.
Cada p谩gina, en la aplicaci贸n, define al menos 3 clases: View, Controller, Presenter.

  • View. Representada la UI de la p谩gina dependiente de un controlador que administra eventos.
  • Controller. Provee las necesidades inherentes a la vista, el cual implementa los eventos de los Widgets pero sin acceder a los mismos.
  • Presenter. Cada controlador tiene un presentador, el cual comunica los Usecases (mencionados en la capa Domain), el cual mandar谩 informaci贸n 茅xito / error.

De manera opcional se tiene:

  • Utilities
  • Constanst
  • Navigator

.

Data

Es la capa m谩s lejana de interactividad cuya responsabilidad es la responsable de retornar informaci贸n (proveniente de una API, DB local o ambas).

  • Repositories. Donde al igual que la capa Domain, posee abstracciones de casos de usos de transporte de la informaci贸n DTO.
  • Mappers. Son mapeadores de la informaci贸n o DAO.

De manera opcional se tiene:

  • Utilities
  • Constans

.

Device

Considerara como la capa m谩s lejana y profunda, cuya comunicaci贸n est谩 relacionada con la plataforma de uso y es la responsable de disparar funcionalidades nativas.

.

BLoC en Clean Architecture

Recordando que el objetivo de Clean Architecture es la dependencia donde todas se incorporan aun centro com煤n, llamada Domain, BLoC fungir谩 como una interfaz mediadora entre una vista - modelo, decidieron lo que ocurrir谩 entre ambas.
.

Clean Architecture expone las entidades.

Explicas muy bien muchas gracias y se que el producto quedar谩 con calidad.

No me gusto clean

Me gusta esta arquitectura, he usado arquitectura parecida antes!

Excxelente 馃槂

No se puede ver el episodio 6, se queda cargando o directamente dice que estan actualizando la web.

Excelente explicaci贸n, el curso va m谩s all谩 al explicar sobre arquitectura

Simplemente me encant贸 como lo explcaste. Esta clase y la anterior.
S煤per!

Arquitectura de flutter con BLoC + Clean Architecture

cada vez m谩s claro, manos a la obra.

BLoC+CLEAN

Bloc and clean architecture, una forma de organizar el c贸digo para que sea posible compartirlo y entendible dentro del grupo de trabajo

Muy interesante! 馃槂

Interesante la manera de organizar el c贸digo

Que son los places?

Pero que buena forma de organizar el proyecto , esto te da un mejor contexto de lo que hace la aplicaci贸n ademas de que aun se sigue separando modular mente.

Genial se nota el cambio encuentra a la organizacion cuando se implementa una arquitetura

Empieza la explicaci贸n de BLoC + Clean

Arquitectura BloC
Maneja la estructura de archivos con las entidades dentro de cada carpeta 鈥渟in ser expuestas鈥 ej.
`- ui
- user
- place

  • bloc
    -user
    -place
  • repository
    -user
    -place
  • model
    -user
    -place`

Mientras que la arquitectura BLoC + Clean expone las entidades as铆:
-Place -ui -bloc -repository -model -User -ui -bloc -repository -model

Excelente arquitectura!!

Excelente informaci贸n, y doy fe de que todos estos patrones de dise帽o s铆 se aplican en la vida real en las empresas.

B谩sicamente y, sintetizando conceptos, lo que hacemos con Clean Arquitechture es darle claridad a nuestro proyecto exponiendo las entidades que lo componen. De esta manera, por ejemplo, un integrante nuevo del equipo de desarrollo puede entender la l贸gica del negocio que posee nuestra aplicaci贸n. 馃槂 隆Genial!

Estas dos arquitecturas serian Bloc con superpoderes.

Definitivamente acabando este curso ir茅 al curso de Arquitectura de Software

Hola a todos, alguien tiene conocimientos a cerca de hacer nuestra app responsive?

Si quieren aprender mas acerca de BLoC les recomiendo demasiado este v铆deo de Diego Velasquez donde explica a detalle cada aspecto esencial para entender como todo un pro este patron y ademas explica Provider y State management https://youtu.be/QJngeHgHA50

Yo he tomado proyectos de una multinacional de out sourcing y utilizaban clean archiquecture para su proyecto (era un backend con node + express)

Ahora entiendo mucho mas la arquitectura de un proyecto BLoC + Clean Architecture lo mejor que he visto hasta ahora