Bienvenida e Introducción

1

¡Renovaremos este curso!

2

Desarrollando en Flutter

3

¿Qué es Flutter?

4

Dart y Flutter

5

Sintaxis de Dart

6

¡Renovaremos este curso!

7

Flutter para desarrolladores Android, iOS y Xamarin.forms

8

Flutter para desarrolladores React Native

9

¿Cómo luce una app construída en Flutter?

10

Primer reto

Creando mi entorno de desarrollo

11

¡Renovaremos este curso!

12

Requerimientos de Hardware y Software

13

Instalando Flutter en Android Studio y Visual Studio Code

14

Composición de un proyecto en Flutter

Interfaces en Flutter

15

¡Renovaremos este curso! Te quedan unos días para concluirlo.

16

Programación Declarativa en Flutter

17

Estructura de un programa en Flutter

18

Hola Mundo en Flutter

19

Widgets básicos

20

Widgets con estado y sin estado

21

Análisis de Interfaces de Usuario en Flutter

22

Definiendo los layouts de nuestra interfaz

23

Segundo reto

Widgets sin estado en Flutter

24

¡Renovaremos este curso! Te quedan unos días para concluirlo.

25

Flutter Widgets: Container, Text, Icon, Row

26

Flutter Widgets: Column

27

Recursos en Flutter: Tipografías y Google Fonts

28

Widget Image

29

Widget Apilando Textos

30

Widgets Decorados

31

Widget Imagen Decorada

32

Widget Listview

33

Widget Button, InkWell

34

Tercer reto

Widgets con estado en Flutter

35

¡Renovaremos este curso! Te quedan unos días para concluirlo.

36

Botones en Flutter

37

Clase StatefulWidget: Cómo se compone

38

Widget Floating Action Button

39

Widgets BottomNavigationBar

40

Generando Navegación en BottomNavigationBar

41

Personalizando nuestro BottomNavigation Bar a Cupertino iOS BottomBar

42

Cuarto reto

Fin del Curso

43

¡Renovaremos este curso!

44

Conclusiones

45

¡Terminamos!

Curso de Flutter

Curso de Flutter

Anahí Salgado Díaz de la Vega

Anahí Salgado Díaz de la Vega

Sintaxis de Dart

5/45

Lectura

Preparamos esta imagen para ti.
Puedes descargarla y llevarla contigo como un recordatorio para el curso.

...

Regístrate o inicia sesión para leer el resto del contenido.

Aportes 181

Preguntas 12

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Que bonito cheatsheet, veo por ahi cosas que se parecen a Python cosas que se parecen a JavaScript cosas que se parecen a C++.

📑 Excelente recurso, prácticamente tiene los puntos más esenciales e importantes del lenguaje de programación Dart.

Recuerdo cuando mis profesores al enseñar c decían que era la base de todo. Cuanta razón tenían!
Pd. si soy de la vieja escuela jajaja

No me quedó tan clara la diferencia entre declarar variables const y final

Vine aquí por el lanzamiento de Flutter 2.0

Sintaxis muy similar a lenguajes tradicionales con la novedad de la notación en cascada

Esto es uno de los mejores lenguajes de programación, apesar de que solo tengo 14 años, y solo en programado en pocos leguajes lo entiendo a la perfeccion

The Dart “side” of the language, bye, bye React/Java… :p

Me parece excelente por que con el curso de dar valio chorizo todo desde que el profesor se aloco programando en flutter sin explicar que pedo haha

Todo el tiempo que perdi escuchando el curso de Dart… con esto tengo suficiente

No me queda clara la diferencia entre:
var vs dynamic

y

const vs final

Curso intensivo de Dart, que bueno! xD

como puedo hacer una imagen asi ?

Cualquier persona puede acceder con un conocimiento básico de programación. lo importante es las ganas

Vengo de Swift y se me hace bastante familiar.

Curso de dart en una infografía!! wow


// TODO ES UN OBJETO Y TODOS HEREDAN DE LA CLASE OBJECT

// VARIABLES

// No es fuertemente tipado
var nombre = 'Daniela';

// Usamos esta palabra clave dynamic cuando pensamos que el tipo de dato cambiará en el futuro.
dynamic nombre = 'Daniela';

// Podemos especificar el tipo de dato
String nombre = 'Daniela';

// CONSTANTES
// const debe tener asignado el valor en tiempo de compilación y final en tiempo de ejecución.

final nombre = 'Daniela';
final String nickname = 'Dani';

const nombre = 'Daniela';
const String nickname = 'Dani';

// TIPOS DE DATOS

// numbers: int, double
int x = 10;
double y = 20.67;

// strings: '' y "" son equivalentes
String palabra = 'palabra';
var palabra = 'palabra';
// tanbién se puede usar var

String palabraDoble = "palabra";

String textoMultilinea = '''un texto
multilinea''';

String variable_name = """otro texto
multilinea""";


// booleans: true o false
bool teGustaDart = true;

// lists:
var lista = [11, 12, 13];

// maps: 
var dias = {
// Key: Value
  'Lu': 'Lunes',
  'Ma': 'Martes',
  'Mi': 'Miercoles'
};

// FUNCIONES
// A una función se le pueden asignar valores que pasan como parámetros y además puede devolver un dato
void myFunction(param1, param2, param3) {...}

// La FUNCIÓN main() Es el punto de entrada de una aplicación
void main() {
  querySelector('#smaple_tex_id')
    ..text = 'Click me!'
    ..onClick.listen(reverseText);
}

// CONTROL DE FLUJO
if and else
for loops
while and do-while loops
break and continue
switch and case
assert


// EXCEPCIONES

//Throw
throw FormatException('Expected at least 1 section');

// Catch
try {

} on OutOfLlamasException {

} on Exception catch (e) {

} catch (e) {

}

// CLASES Y CONSTRUCTORES

class Point {
  num x, y;

  // Syntaticsugar for setting x and y
  // before the constructor body runs.
  Point(this.x, this.y);
}

// HERENCIA
class Television {
  void turnOn() {
    super.turnOn();
    _illuminateDisplay();
    _activateIrSensor();
  }
  // ...
}

class SmartTelevision extends Television {
  void turnOn() {
    super.turnOn();
    _bootNetworkInterface();
    _initializeMemory();
    _upgradeApps();
  }
  // ...
}

// SOBREESCRITURA DE MÉTODOS
class SmartTelevision extends Television { 

  @override
  void turnOn() {...}
  // ...
}

// ENUM
enum Color { red, green, blue }

Para fondo de escritorio no estaria mal

Por lo visto si es bastante similar a Java, es un alivio JAJA, se ve interesante

El Curso de Dart, resumido en un post y mucho mejor explicado xd

Excelente resumen, si desean aprender más les recomiendo que tomen el curso de Dart, aqui les dejo el link: https://platzi.com/clases/dart/

Ojalá vim tuviera esos esquemas de colores :'v

Para heredar de una clase usándola como Interfaz en vez de como clase, lo que se hace es usar “implements” en vez de “extends”

Siempre evite los try and catch por lo que los entiendo muy poco, me gustaría saber como funcionan, por otro lado esta explicación sobre la sintaxis de dart muy entendible!

Es el hijo de Java y Js!

Excelente realmente parece JAVA.

¡Hola Chicos!
¿Alguien sabe si con el lanzamiento de Flutter 2.0 la sintaxis cambia mucho? (Soy nuevo en la tecnología).

Apenas estoy conociendo el mundo del software y me recomendaron este lenguaje en especial, siento nervios por falta de conocimientos previos pero vamos a lograrlo. Si me siento perdido aquí les estaré molestando.

Wow, excelente material.

Conociendo ya el Lenguaje Java, Flutter es una mezcla de Java y JavaScript y se ve sencillo de trabajar.

Vengo de programación estructurada (cascada) en RPG AS400, y tengo conocimientos básicos en Java. A darle con todo en las clases parad hacer mi primera app.

LISTA PARA APRENDER DART

Que bueno esta imagen en un pdf para imprimir

Está genial, me encantó la parte de:

bool teGustaDart = true;```

tiene un parecido con java y c#

Siento que estoy viendo código TypeScript

Creo que amo Dart, solo le quitaría el punto y coma como en el caso de kotlin

Se me hizo muy familiar

Muy parecido a los otros lenguajes orientados a objetos.

😃 gracias platzi

Gracias!

Que buen resumen!

super!! muy parecido a JAVA

Todo es un objeto, y todos heredan de la clase Object //

Está correcta la descripción de las funciones, pero el ejemplo es contradictorio (dado que los dos casos son iguales); Por que si tiene “void” es un método que no retorna nada.

Pero que buena guia del lenguaje seguro la estaré consultando. Esto lo vi como en 3 vídeos del curso de Dart

Aquí hay más sobre Dart: https://bit.ly/35JExkM

Muy parecido a Java

Un Resumen muy bueno

Hay comentarios multilinea del tipo /* */?.
Al igual que java existe algo parecido para generar documentación?.

Perfecto, tengo idea de como se ira trabajando, muy buen resumen de la sintaxis de dart

Super!

Super ya quiero empezar el curso con todo 😄

Muy bueno me gusta mucho cuando se resume el contenido de una forma clara y concisa.

Cuál es la diferencia principal entre el tiempo de compilación y el tiempo de ejecución…?

¡Excelente overview! =D

Que clase de java es flutter

De los aportes más valiosos al iniciar un curso para todos lo que no concemos este lenguaje

Vamos bien!!!!!!! Avancemos!!!

excelente para tenerlo siempre a mano.

DIOS es tan parecido a java, pero con detalles de python y tambien de c++, es increible ya lo amo

Con todo respeto, y lo digo sin aun conocer dart por dentro pero luce como si fuera una mezcla de todos los lenguajes de programacion reunidos, tiene cosas de Java, C ++, spread operators similar a Javascript… en fin, creo que entraré en caos hahahah

Revisando la sintaxis se me hace mucho a Java. ☕️📚

No pense que fue tannnn buena la sintaxis

NO esta buena la UX por que aparece cortada la imagen y tiene que ir hasta abajoooooooooooooooooooooooooo, deberían poner la opción de descargar o ver completo así es muy tedioso

Efectivamente muchas cosas se han visto en JavaScript o son muy parecidas, sin embargo hay algunos puntos que son nuevos para mí.

Dart es una mezcla de Java, JavaScript, C++ y Python

Es muy parecido a Javascript

Woow es muy similar a java y un poco a python

Veo que tiene muchas similitudes con uno u otro lenguaje de programación. Esta padre, pero a la larga ya uno se confunde en que lenguaje aplicaba y en cual no una cosa jaja

Excelente imagen!

Se mira sencillo, a ver que tal

Creo que con los conocimientos que ya tengo de java y javascript el curso sera mas fluido de lo que pense.

La sintaxis es realmente muy parecida a java

Se parece mucho a python,C++ y java …me encanta!!!

gracias, lo guardare!

Una pregunta, “num” es una forma de declarar variables de tipo numérico además de int y double?

Me encantó, muy buen material, recién estoy aprendiendo a programar y lo entendí. prefiero a esto a extensos minutos explicando cada sintaxis.

Interesante !!!

¿Existe alguna diferencia notable entre usar String o var?

Sencillo y claro de entender, incluso si se tiene poca experiencia con lenguajes como Java y Javascript. 🤟🏻

Super!

sin duda la dejara guardada para verla y analizarla mejor

Cada vez los lenguajes se vuelven mas sencillos!

Muy buen material

Es interesante la flexibilidad que ofrece Dart, tanto para iniciar con el lenguaje (Te ayuda a iniciar, dando una familiaridad con el lenguaje que más trabajas) como al momento de programar.

Me recuerda a Python :S

Excelente la sintaxis, veo que no será una curva de aprendizaje alta. A seguir aprendiendo pues.

MM creen que mejore como con TS que tenias más cosas a la hora de definir variables y demas para que no todo sea var?

nunca he sido fan del tipado débil pero es algo útil y más cuando se aprende 😄

Muy útil, muchas gracias Ann!

Muy claro todo

👏👍

muy sencillo de comprender, genial!

me motivé

Genial!!

nice!

Excelente.