Contenido del curso

Bienvenida e Introducción

Creando mi entorno de desarrollo

Interfaces en Flutter

Widgets sin estado en Flutter

Widgets con estado en Flutter

Fin del Curso

Tomar examen

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

Sintaxis de Dart

Comentarios

Alvaro Ruben Hurtado Maldonado

student•

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

Jose Barboza

student•

este cheatsheet esta bueno

Jonathan Gonzalez Botero

student•

y cosas que se parecen a Java!! Creo que de tantos lenguajes de programación, algún día entraremos en colapso y mezclando todo con todo

Usuario anónimo

user•

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

Henry Espinoza

student•

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

Gibran Assaterim Iglesias Ochoa

student•

Yo igual aprendí con C++ en la Uni, y la verdad no me gustaba, pero hoy día agradezco tanto haberlo aprendido

Mariano Alvez

student•

Tal cual, como valoro ahora esas clases de c++

Andrés Enrique Sanabria Flores

student•

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

Ann Code

teacher•

Recuerda que tenemos dos momentos en un programa.
El tiempo de compilación y el tiempo de ejecución.

El tiempo de compilación. Es el momento en el que el compilador revisa toda la sintaxis y la coherencia del programa, antes de que sea ejecutado. Para este momento la variable declarada como const debe tener asignado un valor, para que no te marque error el compilador.

El tiempo de ejecución. Es el momento en el que después de haber compilado el programa este se ejecuta, en este momento la variable declarada como final debe llenarse, esto puede ocurrir: mientras se ejecuta el programa se trae un dato de la base de datos o de un API etc.

CESAR AUGUSTO BUSTOS GONZALEZ

student•

para el caso de final tambien es costante luego de asignarse en la ejecucion, o se puede cambiar luego en ejecucion? quede aun con la duda

Mike Sneider

student•

Vine aquí por el lanzamiento de Flutter 2.0

Cesar Ruiz Navarro

student•

Same!!

Usuario anónimo

user•

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

Juan Sebastian Avila

student•

Hola Brayan, cual es la notación en cascada?

Argel Bejarano

teacher•

Es la que utiliza doble punto para definir algun elemento como la puedes ver en el ejemplo de void main() que esta en la lista que utiliza la propiedad text del querySelector. 😃

Joseph Paiz

student•

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

Carlos Gómez Mont

student•

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

Henderson Said Franco Cruz

student•

Andrés Paredes

student•

jajajajaja

Ricardo Montoro

student•

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

Hassan Hammad

student•

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

José Carlos Quichiz Santome

student•

No me queda clara la diferencia entre: var vs dynamic

const vs final

Cesar Ruiz Navarro

student•

Diferencias: var vs dynamic Prácticamente representan lo mismo por la excepción de que var cuando se le asigna un valor de entrada este no puede cambiar su DataType.

Ejemplo:

void main(){
	var nombre = "Pedro";
	nombre = 15;
	print(nombre);
// Output: Error
}

void main(){
	dynamic nombre = "Pedro";
	nombre = 15;
	print(nombre);
// Output: 15
}

const vs final

Ambas son variables que no te permiten cambiarle su valor, pero en const tienes que especificar el dato directo en el código en cambio en final se puede especificar hasta que el código se vaya a ejecutar. Utilizar final es util cuando no conoces el dato que pueda tener la variable. Ejemplo:

void main(){
	const nombre = get.name();
// Output: Error
}
void main(){
	final nombre = get.name();
// Output: "Pedro"
}

Emiliano Fernández Cervantes

student•

Héroe

Steven Gonzalez

student•

Por si lo necesitan en texto:

Erick Noel Llerenas Cuevas

student•

404 Not found

Edilberto Medina

student•

Curso intensivo de Dart, que bueno! xD

christian fidel angulo osuna

student•

como puedo hacer una imagen asi ?

Jairo Lachira Peralta

student•

Usa ****

Jesus David Sanchez Suarez

student•

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

Fernando Florez

student•

Vengo de Swift y se me hace bastante familiar.

Eduardo Rivera

student•

Curso de dart en una infografía!! wow

José Joel Jacquez Gil

student•


// 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 }

Juan Garcia Bonola

student•

Para fondo de escritorio no estaria mal

Juan Pablo Jimenez

student•

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

// 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 }

Bienvenida e Introducción

¡Renovaremos este curso!

Desarrollando en Flutter

¿Qué es Flutter?

Dart y Flutter

Sintaxis de Dart

¡Renovaremos este curso!

Flutter para desarrolladores Android, iOS y Xamarin.forms

Flutter para desarrolladores React Native

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

Primer reto

Creando mi entorno de desarrollo

¡Renovaremos este curso!

Requerimientos de Hardware y Software

Instalando Flutter en Android Studio y Visual Studio Code

Composición de un proyecto en Flutter

Interfaces en Flutter

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

Programación Declarativa en Flutter

Estructura de un programa en Flutter

Hola Mundo en Flutter

Widgets básicos

Widgets con estado y sin estado

Análisis de Interfaces de Usuario en Flutter

Definiendo los layouts de nuestra interfaz

Segundo reto

Widgets sin estado en Flutter

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

Flutter Widgets: Container, Text, Icon, Row

Flutter Widgets: Column

Recursos en Flutter: Tipografías y Google Fonts

Widget Image

Widget Apilando Textos

Widgets Decorados

Widget Imagen Decorada

Widget Listview

Widget Button, InkWell

Tercer reto

Widgets con estado en Flutter

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

Botones en Flutter

Clase StatefulWidget: Cómo se compone

Widget Floating Action Button

Widgets BottomNavigationBar

Generando Navegación en BottomNavigationBar

Personalizando nuestro BottomNavigation Bar a Cupertino iOS BottomBar

Cuarto reto

Fin del Curso

¡Renovaremos este curso!

Conclusiones

¡Terminamos!

Sintaxis de Dart