Tutorial Dart, aprende los Primeros Pasos

Tutorial de Dart para principiantes

¡Bienvenido al tutorial de Dart! En este breve y práctico tutorial, te introduciremos al lenguaje de programación Dart y te ayudaremos a dar tus primeros pasos en su aprendizaje. Además, te mostraremos ejemplos de código y te brindaremos recursos adicionales para que puedas profundizar en el aprendizaje de Dart. ¡No esperes más y comencemos esta emocionante aventura de programación!

¿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

Cómo instalar Visual Studio Code

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 la web de Visual Studio.

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

Aceptamos el acuerdo de licencia y le damos a siguiente:

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

Nos preguntará si queremos crear un acceso directo:

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

Le damos a Instalar:

Y nos aparecerá lo siguiente:

Completada la instalación hacemos clic en Finalizar:

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.

Instalación del SDK de Dart

Cómo instalar Dart en Windows

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

• Usando un asistente de configuración en la página: Asistente Dart
• Utilizando el comando: choco install dart-sdk

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

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

Hacemos clic en Next:

Hacemos clic en siguiente(Next):

Install:

Cómo instalar Dart en 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

Cómo instalar Dart en macOS

Utilizamos estas dos líneas de comandos:

brew tap dart-lang/dart

brew install dart

Cómo hacer un programa sencillo en Dart

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.

1var hola = "Hola Mundo!!";
2print(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

Operaciones con datos String

Dart proporciona métodos y funciones integradas para trabajar con datos de tipo String. Veamos un ejemplo de cómo realizar operaciones con datos String en Dart:

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

En este ejemplo, hemos utilizado diferentes métodos de la clase String de Dart para realizar operaciones como convertir un nombre a mayúsculas o minúsculas, concatenar cadenas y comparar cadenas utilizando el método compareTo().

Ejemplo de funciones de entrada de datos:

En Dart, puedes interactuar con el usuario y solicitar datos de entrada utilizando la biblioteca dart:io. A continuación, se muestra un ejemplo de cómo solicitar el nombre del usuario y mostrar un saludo utilizando la entrada de datos:

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

En este ejemplo, utilizamos la función stdout.write() para mostrar un mensaje solicitando al usuario que ingrese su nombre. Luego, utilizamos la función stdin.readLineSync() para leer el nombre ingresado por el usuario. Finalmente, llamamos a la función saludo() para mostrar un mensaje de saludo personalizado.

Ejemplo de datos con operaciones matemáticas:

Dart también admite operaciones matemáticas con datos numéricos. A continuación, se muestra un ejemplo de cómo realizar operaciones matemáticas simples en Dart:

1import 'dart:io';
2main() {    
3    int a,b;    
4    stdout.write('Ingrese el Primer númerorn');    
5    a = int.parse(stdin.readLineSync());    
6    stdout.write('Ingrese el Segundo Númerorn');    
7    b = int.parse(stdin.readLineSync());    
8    print('X = ${a+b}');    
9    print('X = ${a-b}');    
10    print('X = ${a*b}');    
11    print('X = ${a/b}');
12}

En este ejemplo, solicitamos al usuario que ingrese dos números utilizando la función stdin.readLineSync(), y luego realizamos operaciones matemáticas simples, como suma, resta, multiplicación y división, utilizando los operadores aritméticos correspondientes. Los resultados se muestran utilizando la función print().

Aprender Dart desde cero

¡Estos son solo ejemplos básicos para ayudarte a comenzar con Dart! A medida que te familiarices más con el lenguaje, podrás explorar sus características más avanzadas y desarrollar aplicaciones más complejas.

Espero que este tutorial ampliado te haya sido útil. Pero te recomendamos consultar nuestro curso de Dart para empresas.

Por último, te invitamos a explorar los mejores cursos bonificados para empresas y descubrir la formación que mejor se adapte a las necesidades de tu organización.