Tutorial - Aprende Dart – Primeros Pasos

Duración:
30'
Nivel:
principiante
Curso relacionado:
Dart

¿Qué es Dart?

Es un lenguaje de programación de código abierto creado por Google en 2011, para crear aplicaciones, que buscaba combinar el dinamismo de JavaScript con la potencia y estructura de java o c#.

Se trata de un lenguaje multi-paradigma con las siguientes características:

  • Basado en objetos
  • Scripting
  • Imperativo
  • Funcional
  • Tipado opcional

Instalación entorno de desarrollo

En primer lugar, debemos elegir el editor de texto que más nos guste, en este caso vamos a instalar Visual Studio Code un editor de código fuente desarrollado por Microsoft para Windows, Linux y macOS de código abierto y gratis que podemos descargar en el siguiente enlace https://code.visualstudio.com/download

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_1.jpg

Abrimos el asistente de instalación y comenzamos la instalación del programa:

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_2.jpg

Aceptamos el acuerdo de licencia y le damos a siguiente:

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_3.jpg

Elegimos donde lo queremos guardar, en examinar y a continuación siguiente:

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_4.jpg

Nos preguntará si queremos crear un acceso directo:

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_5.jpg

Seleccionamos las tareas adicionales que deseamos que instale Visual Studio Code y hacemos clic en siguiente:

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_6.jpg

Le damos a Instalar:

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_7.jpg

Y nos aparecerá lo siguiente:

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_8.jpg

Completada la instalación hacemos clic en Finalizar:

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_9.jpg

A continuación, debemos instalar el SDK de Dart, contiene las librerías y herramientas de línea de comandos que necesita para desarrollar aplicaciones web, de línea de comandos y de servidor de Dart. Para esto utilizar las siguientes instrucciones dependiendo del sistema operativo.

Windows

Puedes elegir dos de las siguientes opciones para la instalación:

Si optamos por la primera tenemos que hacer clic en la opción Obtener Dart (Windows de 64 Bits, Estable) :

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_10.jpg

Ejecutamos el asistente de instalación, aceptamos los términos y le damos a Next:

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_11.jpg

Hacemos clic en Next:

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_12.jpg

Hacemos clic en siguiente(Next):

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_13.jpg

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_14.jpg

Install:

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_15.jpg

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_16.jpg

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_17.jpg

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_18.jpg

Linux

Primero debemos utilizar esta serie de comandos:

sudo apt-get update

sudo apt-get install apt-transport-https

sudo sh -c 'curl [https://dl-ssl.google.com/linux/linux_signing_key.pub](https://dl-ssl.google.com/linux/linux_signing_key.pub) | apt-key add -'

sudo sh -c 'curl [https://storage.googleapis.com/download.dartlang.org/linux/debian/dart_stable.list](https://storage.googleapis.com/download.dartlang.org/linux/debian/dart_stable.list) > /etc/apt/sources.list.d/dart_stable.list'

Seguidos de la instalación del SDK de Dart

sudo apt-get update

sudo apt-get install dart

Mac

Utilizamos estas dos líneas de comandos:

brew tap dart-lang/dart

brew install dart

Hola Mundo!!

Ahora que ya hemos instalado el SDK creamos un archivo .dart, en nuestro caso ejemplo.dart,  que editaremos con el editor de texto que más nos guste. Dentro añadimos la siguiente línea de código.

var hola = "Hola Mundo!!";

print(hola);

Aquí añadimos Hola mundo a una variable de cualquier tipo, aunque en dart también podemos asignarla a un tipo concreto:

String hola = "Hola Mundo!!";

Luego para ejecutarlo vamos con la consola al directorio en el que lo hemos creado (en Visual Studio Code se puede ejecutar en el terminal) y utilizamos el siguiente comando:

dart ejemplo.dart

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_19.jpg

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_20.jpg

Resultado de ambos sería el siguiente:

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_21.jpg

Operaciones con datos String

A continuación vamos hacer un ejercicio con datos String como el anterior pero usando algunos métodos de la biblioteca Dart.

void main() {    
  String nombre = 'Pablo' + 'Martínez';    
  var frase = 'Este es mi nombre en mayúsculas: ${nombre.toUpperCase()}';    
  var frase1 = 'Este es mi nombre todo en minúsculas: ${nombre.toLowerCase()}';    
  String nombre1 = 'María' + 'Martín';    
  String nombre2 = 'José Pedro' + 'García';    
  print(frase);    
  print(frase1);    
  print('nombre.compareTo(nombre1): 
  ${nombre.compareTo(nombre1)}');    
  /*Este método devolverá un entero que representa la relación entre dos cadenas:    
- 0 : cuando las cadenas con iguales    
- 1 : cuando la primera cadena es mayor que la segunda    
- -1 : cuando la primera 
  cadena es más pequeña que la segunda*/    
  var multifrase = '''    
  Esto funciona de manera    que se pueden usar varias frases    en distintas líneas    ''';    
  print(multifrase);
 }

Resultado:

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_22.jpg

Ejemplo de funciones de entrada de datos:

import 'dart:io';
main(List<String> arguments) {    
	stdout.write('Ingrese su nombre por favor  rn');    
	String nombre = stdin.readLineSync();    
	saludo(nombre);
}
String saludo(String name) {    
	print('Bienvenido al curso de Dart ${name}');
}

Resultado:

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_23.jpg

Ejemplo de datos con operaciones matemáticas:

import 'dart:io';
main() {    
	int a,b;    
	stdout.write('Ingrese el Primer númerorn');    
	a = int.parse(stdin.readLineSync());    
	stdout.write('Ingrese el Segundo Númerorn');    
	b = int.parse(stdin.readLineSync());    
	print('X = ${a+b}');    
	print('X = ${a-b}');    
	print('X = ${a*b}');    
	print('X = ${a/b}');
}

Resultado:

https://www.imaginaformacion.com/tutoriales/tutorial_22_imagen_24.jpg

Solicita información sobre Dart

En Imagina llevamos más de 13 años ofreciendo formación para empresas, estamos especializados en el área técnica y de ofimática, adaptando nuestras formaciones a vuestras necesidades. Déjanos tus datos, y nos pondremos en contacto contigo para informarte sobre el curso que mejor se ajuste a lo que buscas. Cuéntanos tus necesidades y podremos asesorarte sobre la modalidad que mejor se adapte: En directo, En directo a Medida u Online.

España