Dart es el lenguaje de programación sobre el que se construye Flutter.
Empezamos un nuevo viaje. Si estáis aquí es porque queréis aprender Flutter, el framework de Google para crear aplicaciones multiplataforma. Pero, para dominar Flutter, primero necesitamos unos cimientos sólidos. Ese cimiento se llama Dart.
Dart es un lenguaje de programación creado por Google, optimizado para el desarrollo de interfaces de usuario (UI). Es un lenguaje orientado a objetos, fuertemente tipado y con una sintaxis que, si vienes de C#, Java o JavaScript, te resultará tremendamente familiar.
En esta primera entrada vamos a preparar el entorno de desarrollo y a escribir nuestro primer programa. ¡Al lío!
Instalación del entorno
Para programar en Dart necesitamos dos cosas fundamentales: el SDK de Dart (el kit de desarrollo) y un IDE (el editor de código).
El SDK: Dart o Flutter
Aquí va el primer consejo práctico. Podrías instalar solo el SDK de Dart, pero como nuestro objetivo final es hacer Apps, lo más inteligente es instalar directamente el SDK de Flutter.
El SDK de Flutter ya incluye el SDK de Dart en su interior. Así matamos dos pájaros de un tiro y nos ahorramos configuraciones dobles en el futuro.
Para instalarlo, ve a la web oficial de Flutter y sigue las instrucciones para tu sistema operativo (Windows, macOS o Linux). Durante el proceso tendrás que añadir la carpeta bin del SDK al PATH para poder ejecutar sus comandos desde la terminal.
Para comprobar que todo está bien, abre una terminal y escribe:
dart --version
Si ves algo como Dart SDK version 3.x.x, felicidades, ya tienes el motor listo.
VS Code como editor
Aunque Android Studio es muy potente, para aprender Dart y desarrollar en Flutter, nosotros preferimos Visual Studio Code. Es mucho más ligero, rápido y tiene un ecosistema de extensiones brutal.
Una vez tengas VS Code instalado, instala las extensiones oficiales desde la pestaña de extensiones:
- Dart: proporciona soporte para el lenguaje, autocompletado y depuración.
- Flutter: añade herramientas para trabajar con el framework (y suele instalar la de Dart automáticamente).
Te recomiendo también instalar extensiones como “Error Lens” para ver los errores en la misma línea de código, o “Material Icon Theme” para tener los iconos de los archivos bonitos. Ayuda visualmente.
Nuestro primer «Hola Mundo»
Vamos a crear nuestro primer programa para entender la estructura básica de un script en Dart.
Crea una carpeta en tu ordenador para el curso, abre VS Code en esa carpeta y crea un archivo llamado main.dart.
Por convención, los archivos en Dart se nombran en snake_case (todo minúsculas y separado por guiones bajos).
Escribe el siguiente código:
void main() {
print('Hola Mundo desde LuisLlamas.es');
}
Ahora, para ejecutarlo, tienes dos opciones:
- Pulsar el botón “Run” que aparece justo encima de la función
mainen VS Code. - Abrir la terminal integrada y escribir
dart run main.dart.
En ambos casos, verás en la consola la salida: Hola Mundo desde LuisLlamas.es.
Analizando el código
Parece simple, pero aquí ya hay conceptos clave que definen el lenguaje:
La función main
En Dart, la función main() es el punto de entrada de la aplicación. Cuando ejecutas un archivo Dart, el sistema busca esta función específica para empezar. Si no hay main, el programa no arranca.
void main() {
// Aquí empieza nuestro programa
}
La palabra clave void indica que esta función no devuelve ningún valor.
Bloques de código
Como en C, C++, Java o C#, los bloques de código se delimitan mediante llaves { }. Todo lo que esté dentro de las llaves del main es lo que se ejecutará secuencialmente.
La función print
Es una función integrada en el núcleo del lenguaje que imprime texto en la consola. Es tu mejor amiga para depurar mientras aprendes.
El punto y coma
Atención a esto: Dart usa punto y coma ; al final de cada sentencia.
A diferencia de JavaScript o Kotlin donde a veces es opcional, en Dart es obligatorio. Si se te olvida uno, el compilador te gritará (amablemente).
print('Hola') // ❌ Error: Expected to find ';'
print('Hola'); // ✅ Correcto
DartPad: la alternativa rápida
Si tienes problemas instalando el SDK o simplemente quieres probar código rápido sin abrir VS Code, existe una herramienta genial llamada DartPad.
Es un editor online oficial que te permite escribir y ejecutar código Dart directamente en el navegador.
Puedes acceder y probarlo directamente en
Es perfecto para seguir los ejemplos de este primer bloque de fundamentos sin complicarte con instalaciones locales todavía.
Comentarios
Finalmente, algo importante para la documentación. En Dart los comentarios funcionan igual que en la mayoría de lenguajes derivados de C:
// Esto es un comentario de una sola línea
/*
Esto es un bloque
de comentario multilínea
*/
