Tutorial

Tutorial Dart, aprende los Primeros Pasos

Sobre este tutorial:
Duración:
30'
Nivel:
principiante
Curso relacionado:
Dart
+2500
Empresas han confiado en nosotros
51,5k
Personas que hemos formado
13
años de liderazgo

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 el siguiente enlace https://code.visualstudio.com/download

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

Y nos aparecerá lo siguiente:

Barra de progreso de la instalación

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.

Instalación del SDK de Dart

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

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:

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

Hacemos clic en siguiente(Next):

Ventana del instalador de Dart 1

Ventana del instalador de Dart 2

Install:

Botón de Instalar

Barra de progreso de instalación de Dart

Instalación de Dart terminada

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.

var hola = "Hola Mundo!!";
print(hola);

Asignación de una variable en Dart

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!!";

Asignación de una variable de tipo String en Dart

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

Resultado de ambos sería el siguiente:

Resultado del programa 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:

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:

Resultado del programa

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:

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:

Resultado del programa

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:

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:

Resultado del programa

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!

Contáctanos
Contáctanos

Solicita la información que necesites

Facilítanos tus datos y uno de nuestros asesores se pondrá en contacto contigo, para informarte sobre el curso que mejor se adapta a tus necesidades. Todas nuestras formaciones se pueden bonificar hasta el 100%, a través de FUNDAE, sujeto a realizar la formación a través de la empresa y a tener crédito disponible. Tenemos diferentes modalidades de formación; Online o Aula Virtual Personalizada, a medida