logoImagina
iconCurso
Te recomendamos nuestro curso de Dart
Descubre el curso de Dart
Ir al curso
Descubre la formación a tu medida
Rellena el formulario para obtener más información sobre los cursos.
Tamaño de la empresa *
Términos y condiciones *

Tutorial Dart, aprende los Primeros Pasos

iconImage
Publicado 2024-03-07
Actualizado el 2024-03-21

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.

Instalar Visual Studio Code

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

Instalador de Visual Studio Code

Aceptamos el acuerdo de licencia y le damos a siguiente:

Acuerdo de licencia de Visual Studio Code

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

Selección de la Carpeta de Destino

Nos preguntará si queremos crear un acceso directo:

Creación de un acceso directo en el instalador

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

Selección de Tareas Adicionales

Le damos a Instalar:

Botón de Instalar Visual Studio

Y nos aparecerá lo siguiente:

Barra de progreso de la instalación VSC

Completada la instalación hacemos clic en Finalizar:

Instalación de Visual Studio Code terminada

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.

Descubre la formación a tu medida
Rellena el formulario para obtener más información sobre los cursos.
Tamaño de la empresa *
Términos y condiciones *

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):

Instalar Dart en Windows

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

Instalador de Dart stable 64-bit

Hacemos clic en Next:

Primera Ventana Instalador Dart

Hacemos clic en siguiente(Next):

Segunda Ventana del instalador de Dart
Tercera ventana del instalador de Dart

Install:

Botón de Instalar Dart

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. ¡Disfruta programando con Dart!

Descubre la formación a tu medida
Rellena el formulario para obtener más información sobre los cursos.
Tamaño de la empresa *
Términos y condiciones *
iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient