Crea una tarjeta de presentaci贸n- tu primera aplicaci贸n Flutter

micard

Crea una tarjeta de presentaci贸n- tu primera aplicaci贸n Flutter   Si has llegado a esta publicaci贸n es porque est谩s aprendiendo flutter, te felicito por ello, la mejor manera de aprender a programar es a trav茅s de casos reales. En este tutorial te ense帽ar茅 a crear una aplicaci贸n principal en flutter para todo programador. Tu aplicaci贸n de presentaci贸n.   Implementaremos聽 animaciones para los widgets tarjetas Card, usaremos otros tipos de fuentes y por 煤ltimo a帽adiremos un banner de publicidad admob. Para facilidad y rapidez usaremos las librerias animate_do (creada por Fernando…

Leer m谩s

Flutter y la creaci贸n de aplicaciones m贸vil y web

Flutter para crear apps

Flutter y la creaci贸n de aplicaciones 驴Qu茅 es Flutter? Es un SDK que cre贸 Google destinado al desarrollo de aplicaciones con una excelente calidad en las interfaces, para Android y para IOS. Aunque no lo creas s铆, tambi茅n est谩 destinada para IOS algo que a muchos nos sorprende que haya hecho Google. Flutter les ofrece a los desarrolladores un completo framework, herramientas y widgets lo que hace m谩s sencillo el trabajo a la hora de crear aplicaciones con una agradable interfaz. Puede estar destinado tambi茅n a dise帽adores que esperan que…

Leer m谩s

Flutter Arquitectura Limpia [14] 鈥 Interfaz del Usuario

flutter clean 14

Flutter Arquitectura Limpia [14] 鈥 Interfaz del Usuario 隆Finalmente ha llegado el momento de poner en pr谩ctica todo nuestro trabajo anterior! Esta parte se tratar谩 de construir la interfaz de usuario y dividirla en m煤ltiples widgets legibles y mantenibles. Debo aclarar que el contenido original es de Resocoder,聽 lo que he hecho聽 es una traducci贸n al espa帽ol del contenido. Al final de este art铆culo est谩 el video en ingl茅s para que vayan ilustr谩ndose mejor y ya tengan una claridad de lo expuesto Curso TDD Arquitectura Limpia Esta publicaci贸n es solo…

Leer m谩s

Flutter Arquitectura Limpia [13] 鈥 Inyecci贸n de dependencia

flutter clean 13

Flutter Arquitectura Limpia [13] 鈥 Inyecci贸n de dependencia   Tenemos todas las piezas individuales de la arquitectura de la aplicaci贸n en su lugar. Sin embargo, antes de poder utilizarlos creando una interfaz de usuario, debemos conectarlos. Dado que cada clase se desacopla de sus dependencias al aceptarlas a trav茅s del constructor, de alguna manera tenemos que pasarlas. Hemos estado haciendo esto todo el tiempo en pruebas con las clases simuladas con mock. Ahora, sin embargo, llega el momento de pasar en clases de producci贸n reales utilizando un localizador de servicios.…

Leer m谩s

Flutter Arquitectura Limpia [12] 鈥 Implementaci贸n de Bloc 2/2

flutter clean 12

Flutter Arquitectura Limpia [12] 鈥 Implementaci贸n de Bloc 2/2   Comenzamos a implementar NumberTriviaBloc en la parte anterior y aprendiste los conceptos b谩sicos para hacer TDD con Streams. En esta parte, terminemos la implementaci贸n de Bloc para que luego podamos pasar a la inyecci贸n de dependencia. Debo aclarar que el contenido original es de Resocoder,聽 lo que he hecho聽 es una traducci贸n al espa帽ol del contenido. Al final de este art铆culo est谩 el video en ingl茅s para que vayan ilustr谩ndose mejor y ya tengan una claridad de lo expuesto Curso…

Leer m谩s

Flutter Arquitectura Limpia [11] 鈥 Implementaci贸n de Bloc1/2

Flutter Clean 11

Flutter Arquitectura Limpia [11] 鈥 Implementaci贸n de Bloc 1/2   El titular de la l贸gica de presentaci贸n que vamos a utilizar en la aplicaci贸n Number Trivia es BLoC. Ya hemos configurado sus eventos y estados en la parte anterior. Ahora llega el momento de comenzar a armar todo haciendo un desarrollo basado en pruebas con Dart’s Streams. Debo aclarar que el contenido original es de Resocoder,聽 lo que he hecho聽 es una traducci贸n al espa帽ol del contenido. Al final de este art铆culo est谩 el video en ingl茅s para que vayan…

Leer m谩s

Flutter Arquitectura Limpia [10] 鈥 Bloc Scaffolding y Conversi贸n de Entrada

flutter clean 10

Flutter Arquitectura Limpia [10] 鈥 Bloc Scaffolding y Conversi贸n de Entrada La capa de presentaci贸n contiene la interfaz de usuario en forma de widgets y tambi茅n los titulares de l贸gica de presentaci贸n, que se pueden implementar como ChangeNotifier, Bloc, Reducer, ViewModel, MobX Store … 隆Lo que sea! Sin embargo, en el caso de nuestra aplicaci贸n Number Trivia, vamos a usar el paquete flutter_bloc para ayudarnos a implementar el patr贸n BLoC. Debo aclarar que el contenido original es de Resocoder,聽 lo que he hecho聽 es una traducci贸n al espa帽ol del contenido.…

Leer m谩s

Flutter Arquitectura Limpia [9] 鈥 Fuente de Datos Remota

flutter clean 9

Flutter Arquitectura Limpia [9] 鈥 Fuente de Datos Remota La 煤ltima parte restante de la capa de datos para la que actualmente solo tenemos un contrato es la Fuente de datos remota. Aqu铆 es donde se realizar谩 toda la comunicaci贸n con la API de Numbers, para lo cual vamos a utilizar el paquete http. Todo esto se har谩 haciendo un desarrollo basado en pruebas, por supuesto. Debo aclarar que el contenido original es de Resocoder,聽 lo que he hecho聽 es una traducci贸n al espa帽ol del contenido. Al final de este…

Leer m谩s

Flutter Arquitectura Limpia [8] 鈥 Fuente de Datos Local

flutterclean8

Flutter Arquitectura Limpia [8] 鈥 Fuente de Datos Local La siguiente dependencia del repositorio es la fuente de datos local utilizada para almacenar en cach茅 los datos obtenidos de la API remota. Vamos a implementarlo usando shared_preferences Debo aclarar que el contenido original es de Resocoder,聽 lo que he hecho聽 es una traducci贸n al espa帽ol del contenido. Al final de este art铆culo est谩 el video en ingl茅s para que vayan ilustr谩ndose mejor y ya tengan una claridad de lo expuesto Curso TDD Arquitectura Limpia Esta publicaci贸n es solo una parte…

Leer m谩s

Flutter Arquitectura Limpia [7] 鈥 Informaci贸n de Red

flutterclean7

Flutter Arquitectura Limpia [7] 鈥 Informaci贸n de Red   Ahora que tenemos implementada la implementaci贸n del Repositorio, vamos a implementar sus dependencias, comenzando con la clase NetworkInfo utilizada para averiguar si el dispositivo est谩 actualmente conectado a una red. Esta parte es donde finalmente haremos un desarrollo basado en pruebas con paquetes de terceros, lo que significa que vamos a burlarnos de las clases de terceros. Debo aclarar que el contenido original es de聽Resocoder,聽 lo que he hecho聽 es una traducci贸n al espa帽ol del contenido. Al final de este art铆culo…

Leer m谩s