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

Subiendo una imagen a Firebase Storage desde Flutter

50/68
Recursos

Aqu铆 est谩 el repositorio de esta clase.

Aportes 12

Preguntas 0

Ordenar por:

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

o inicia sesi贸n.

{_ /}
( 鈥
鈥) No puedo dar m谩s galletas, pero, ten una estrellita viajero
/>鈽>

Este curso me parece mas un curso de Firebase que de Flutter.

En mi opini贸n se debi贸 de haber utilizado un m茅todo mas general de ejemplo como una rest api (Nodejs, Laravel, Django, RoR, etc鈥) sin adentrarse en el backend (un repo con instrucciones claras para clonar hubiera sido suficiente). Firebase tiene una manera muy particular y ofuscada de hacer las cosas, que en el caso de que ocupes tecnolog铆as diferentes, resulta practicamente inutil e irrelevante debido a que no proporciona noci贸n pr谩ctica para hacerlo de otra manera.

Este curso deber铆a ser correctamente catalogado como 鈥淐urso de Firebase con Flutter鈥. Queda debiendo para los que realmente quer铆amos aprender Flutter y no Firebase. Ojal谩 Platzi le ponga mas recursos a Flutter que se ve muy prometedor para el futuro.

Si alguno ha llegado hasta aqu铆 y tuvo problemas para implementar el firebase_storage_api, a mi me qued贸 as铆:

import 'dart:io';
import 'package:firebase_storage/firebase_storage.dart';

class FirebaseStorageAPI {
  final Reference _storageReference = FirebaseStorage.instance.ref();

  Future<UploadTask> uploadFile(String path, File image) async {
    // path, directory where to save
    // image, real file to store

    return Future.value(_storageReference.child(path).putFile(image));
  }
}

Las clases StorageReference y StorageUploadTask quedaron obsoletas.

para avanzar en archivo bloc_user.dart
el future me funciono asi

Future<User> currentUsuario() async {
    User user = auth.currentUser;
    return user;
  }

Y en add_place_screen.dart la funcion

userBloc.currentUsuario().then((User user) {
                        if(user != null){

                        }

es una lastima que se le dedique tanto tiempo a FireBase y compa帽ia, yo quiero aprender Fluttler.!!!

pues a dia de hoy se cambian unas cosas, aca dejo mi repositorio en el punto exacto del final de esta clase por si alguien lo necesita

Estuve buscando en la documentacion de FirebaseStorage para Flutter y el StorageReference lo termine haciendo asi:

import 'package:firebase_storage/firebase_storage.dart' as firebase_storage;

class FirebasStorageAPI {
  firebase_storage.Reference ref =
      firebase_storage.FirebaseStorage.instance.ref();
}```

Importante el "as firebase_storage" al final del import

Porque tanta redundancia en la creaci贸n de los blocs?

En realidad esta bien que hablemos mucho de Firebase por que esto nos ayudar谩 a proyectos futuros, lo de flutter se puede aprender en la documentaci贸n o v铆deos en youtube

Genial! esto me confunde un poco. :S

Recuerda que no realiza las funciones de guarda place como un bloc de place , por que es un caso de uso de un usuario, es por ello que lo coloca en el bloc_user.

Ser铆a mejor o adecuado usar el stream del firebaseUser del Bloc para consultar el uid, en vez de consultar el currentState? Tal vez ser铆a bueno por tener menos c贸digo, menos funciones鈥