Iniciar y estructurar un proyecto en Flutter

Clase 23 de 29 • Curso de Dart

Clase anteriorSiguiente clase

Felipe Concha Almeida

student•

Este curso no esta a la altura de platzi, esperaba mucho mas :/

Anthony Will Solsol Soplin

student•

Entiendo que quieran enseñar más cosas, pero este video fue intento demasiado apresurado de saltar a Flutter, no enseñan ni cómo instalarle y sólo hacen referencia al otro curso de Flutter, pero se perdería la hilacion del curso actual. Pienso que se pudo haber tomado ejercicios más avanzados y mejor aplicables en lugar de enseñar algo que ya existe un curso especial para tal finalidad.

Usuario anónimo

user•

Inmensamente de acuerdo contigo, ademas deje el examen porque te preguntas cosas de flutter, y yo esa parte solo la vi porque fue obligacion y no tome ni nota de nada de flutter.

Lo bueno es que Anahí es la maestra de flutter, esa chica vale oro.

Elias Ojeda Medina

student•

Está mejor el de Flutter, Anahí explica muy bien

Usuario anónimo

user•

🗑️ Eliminar la sección de Utilizar Flutter en Dart que comienza aquí, sería la mejor alternativa para no tener vacíos de aprendizaje.

Ricardo Montoro

student•

Siento que este curso estubo muy malito, el profesor se fue en chinga sin explicar nada bien, afortunadamente siguiendo la ruta de android se que aprendi lo necesario antes y flutter lo aprendere en los cursos con anahi, pero este curso individualmente dejo mucho a deber

Bruno Martínez González

student•

Completamente de acuerdo, tengo más dudas ahora que antes.

Alberto Chávez

student•

A mi me daba suenio. Tube que conectar la television para poder estar atento.

Alonso Castellanos

student•

Hola, creo que a los estudiantes de platzi nos gustaría que añadieran unas clases mas sobre como instalar flutter o sobre como poner nuestros archivos dart en eso, bueno, iré a ver el curso de flutter para después regresar a este

Angel Mambel

student•

Hola, si es un poco complicado

Para la parte anterior del curso hice esto.

Estube buscando por internet encontre como programar en dart con intellij idea, me descargue la SDK de dart ademas en intellij instale los plugins para dart.

Para la parte del emulador y de flutter.

Creo q puede hacerse en intellij pero no me complique mucho la vida, tenia descargado android studio e instale los plugins de flutter ademas del SDK y listo.

Espero que sirva de ayuda.

Felipe Jacquin

student•

Hola, lleva un poco de tiempo pero en el curso de Flutter te dejan una guia de como hacer el proceso y es sencillo, te comparto la url

https://platzi.com/clases/1386-flutter/16316-instalando-flutter-en-android-studio-y-visual-stud/

De lo contrario puedes seguir el siguiente enlace: https://flutter.dev/docs/get-started/install/windows

LUIS CALDERON

student•

¿¿¿??? No explicas como instalar chocolate, no explicas como instalar Dart, en ningun momendo dices que IDE estás utilizando a la hora de llevar acabo, y justo en la parte del nuevo protecto me das un montón de codigo que no nos dices de donde salió, que ahora tenemos que usar flutter de la sección avanzada de android, muy basico el lenguaje y está muy bien, pero lo has hecho con desganas, a la carrera, no has explicado los conceptos básicos que son clave a la hora de iniciar un proyecto etc, y en vez de comenzar desde cero como lo hace anahi salgado lo que haces es mostrarme una maraña de codigo en vez de empezar a construirlo tu ¿¿¿??? pésimo el curso, de no ser porque ya yo sé programar en java yo no hubiese entendido absolutamente nada de este curso, sigo igual, el 70% de la clase ya yo lo sabía hacer por java, el resto ni lo supiste explicar ¿Para este tipo de cosas esta plataforma cobra una cantidad de plata inmensa? ¿Para cosas incompletas? fatal el curso, y lo digo con todo respeto amigo.

David Galicia

student•

En mi caso que utilizo Windows + VS Code el proceso que realice para poder iniciar y estructurar mi proyecto fue el siguiente:

Obtener el SDK de Flutter.
Una vez instalado desde VS Code ejecute Flutter doctor desde el menu View> Command palette, ahi te dice que es lo que te hace falta instalar y/o configurar para poder iniciar un proyecto Flutter. -En mi caso Flutter doctor me indico que me fataba el SDK de Android así que instale Android Studio que ya lo trae (esto lo recomienda en los enlaces que dejo al final). -Desde Android Studio configure un nuevo dispositivo Android Virtual -Una vez que has realizado todo lo anterior vas a VS Code y compruebas de nuevo con el comando Flutter doctor si ya todo esta instalado. -Si ya esta todo instalado para poder crear un proyecto Flutter solo vas al menú View> Command Palette de nuevo y buscas Flutter: New Proyect esto te crea un proyecto básico con la plantilla del Hola mundo que se muestra en este vídeo.

Aquí describo muy superficialmente lo que hice recomiendo revisar para mas detalles en estas paginas:

https://flutter.dev/docs/get-started/install/windows https://flutter.dev/docs/get-started/codelab

Para finalizar estoy de acuerdo con los comentarios de abajo, creo que no estaba de mas tener un video donde se explicara una instalación y configuración básica para Windows, Linux y Mac del entorno para desarrollar en Flutter por ejemplo en el caso del curso de Git resulto muy util que hubiera 1 o 2 videos dedicados a esto aun que estaba un poco como "extra" del tema

ALEXIS ARTETA

student•

gente que le pone el alma

Facundo Nicolás García Martoni

teacher•

++RESUMEN DE LA CLASE++

Flutter es el nuevo SDK (Software Development Kit) provisto por Google para el desarrollo de aplicaciones a nivel nativo para IOS y Android. Utiliza Dart como lenguaje de programación, y se planea que sea el SDK del nuevo sistema operativo Fucshia.

Estructura recomendada para un proyecto en Flutter:

Luis Guillermo Galindo Sánchez

student•

La imagen de la estructura ya no está disponible :(

Helard Flores

student•

volé .... no se supone que este es el primer curso de desarrollo de aplicaciones android?? https://platzi.com/clases/learning-path/desarrollo-android/

que paso aqui??...me mandan a otro curso a la mitad de este .. really?!!!!!!!! de los peores docentes ....

Ervic Perez Mendoza

student•

Aconsejo que en este punto del curso se detengan y vayan y terminen el curso básico de Flutter una vez hecho eso prosigan con este.

Helard Flores

student•

se suponia que estaba siguiendo la ruta que recomiendan para el desarrollo de aplicaciones de android.... https://platzi.com/clases/learning-path/desarrollo-android/

ahora dices que debo hacer otro curso antes de seguir?? pero si este es el primero que esta en la ruta ....?? la ruta esta mal?

Nicolás Danilo Peña Fuentes

student•

Como opinión personal, ésta sección de Flutter me parece que no tiene cabida dentro del curso, hay cosas que no se explican muy bien. Un salto muy repentino a Flutter.

Encima el exámen final se trae preguntas relacionado con ésto, desde mi punto de vista, no debería ser así

André Escobar

student•

Es decir, antes de ver este video debo ver las clases de Flutter?. No entendí ni como llego a que aparezca todo ese código.

Diego Alfonso Najera Ortiz

student•

Seria bueno que veas cuando menos la primera sección del curso de Flutter para que entiendas como crear el proyecto

https://platzi.com/clases/flutter/

Alexis Jiménez Calzadilla

student•

Si esto es intermedio ¿Por qué tengo que ir a la parte avanzada del curso para saber como hacer un proyecto con Flutter? De verdad que es frustrante la continuidad y calidad de este curso.

JOSE ADRIAN TEZOYOTL MORALES

student•

Porque el salto de algo tan básico a algo de mayor nivel como desarrollo en android :/

Facundo Nicolás García Martoni

teacher•

Es que este curso debería estar después de el de Flutter en la carrera de Desarrollo de Aplicaciones Android, ya que sirve para comprender un poco más a profundidad el lenguaje

Te recomiendo la siguiente ruta para avanzar sin preocupaciones:

-Curso de programación básica -Curso de Fundamentos de Ingeniería del Software -Curso de Bases técnicas de Android -Curso de Flutter -Curso de Dart (este mismo)

Saludos ;)

Sebastián Pineda Duque

student•

¿Para qué el curso de Bases Técnicas en una ruta de Flutter?

ALEXIS ARTETA

student•

curso básico y no enseñan a instalar las cosas, que sufrimiento con este curso, no me imagino el avanzado

OBED GERMAN SANCHEZ COBOS

student•

si no usas android studio o quieres iniciar por consola el proyecto puedes crear el proyecto desde la consola con

flutter create platzi_trips_app

cd platzi_trips_app si estas corriendo en un dispotivo físico asegurate que este conectado con

flutter devices y

flutter run para correr el codigo

Javier Alejandro Alamar Martínez

student•

Excelente aporte

Usuario anónimo

user•

También podemos usar flutter doctor para verificar que instalamos y configuramos correctamente las herramientas necesarias para trabajar con Flutter.

Sergio Armando Medina Chaparro

student•

No se preocupen si no saben como se creo el proyecto que usa el Profe en la clase. Pienso que esta parte del curso es para que vean de forma muy general como funciona Flutter (Consideren esto como un extra bonus). Para ya usarlo recomiendo ver el curso de Flutter :)

José Enrique Pérez Aquino

student•

Realmente creo que es un poco abrumador tanta informacion, pero creo que tienes razon, esta parte ya es mas como la aplicacion de dart, en este caso, en flutter.

Carlos Alberto Cruz Jimenez

student•

El curso debe reestructurar su continuidad.

Joshua Daniel Rios Cervantes

student•

la verdad es que, es bastante desordenado pues ponen algo fe flutter pero dicen que el curso de flutter es mas avanzado entonces no entiendo, el curso esta malito

Mariano Cordoba

student•

Gente linda, dejo aca unos pasos por si estan en este curso y de repente no saben como instalar Flutter en windows.

https://flutter.dev/docs/get-started/install/windows

Sigiendo paso a paso la documentacion pueden hacer andar tanquilamente un ejemplo.

Estos pasos van mas alla del IDE que elijamos. Es para hacer funcionar androird y poder programar ya sea en intelJE , VS Code o Android Studio.

Saludos.

Iniciar y estructurar un proyecto en Flutter

Bienvenida e Introducción

Introducción y Bienvenida

Dart vs. Go vs. JavaScript vs. Kotlin

DartPad y qué editores utlizar

Básicos 1: Variables y Operadores

Variables: Números (int,double), String y booleanos

Colecciones

Diccionarios

Constantes (final y const)

Operadores aritméticos, de asignacion y lógicos

Básicos 2: Funciones y Parámetros

Declaración de funciones y la función Main()

Funciones de sintaxis corta (Arrow) y Anónimas (Lambda)

Parámetros requeridos, opcionales, posicionados, nombrados y por defecto

Básicos 3: Flujos de Control

If-Else y Expresiones Condicionales

Switch y Case

For

While y do-while

Break y Continue

Clases

Definición de clases y miembros

Constructores por defecto, por parámetro o nombrados

Métodos Getter y Setter y variables privadas

Herencia

Clases Abstractas

Interfaces implícitas

Utilizar Flutter en Dart

Iniciar y estructurar un proyecto en Flutter

Contenedores

Creando un botón personalizado con el Widget Container

Modelos de datos y peticiones http

Trabajando datos http y Widget Future Builder

Ejecutando el mismo código en Android y iOS

Conclusiones

Dart en el futuro