RoboDart

Aprende Dart & Flutter jugando

Construye y programa a tu robot Bit, reto a reto. Escribe código real, ejecútalo al instante y gana ⚡ Chispas.

273 niveles·20 cursos·100% gratis para empezar

Síguenos

▶

Código real

Ejecuta Dart de verdad y ve el resultado al instante.

📱

Dibuja Flutter

Pinta interfaces en un teléfono mientras escribes el código.

⚡

Gana Chispas

Sube de nivel, mantén tu racha y desbloquea retos.

🤖

Con tu robot Bit

Una mascota que reacciona a cada línea que programas.

Práctica en tiempo real

Escribe código Dart y Flutter, ejecútalo y mira el resultado al instante. Sin instalar nada, sin configuración.

Colores inteligentes

El código se resalta para que nunca te pierdas entre líneas.

Errores claros al instante

Te decimos qué corregir y dónde, antes de ejecutar.

RoboDart · Dart · Lección 1

Ejercicio

En la consola aparece: Hola Kael, tu nivel es 10

Interpolación de cadenas

Mete variables dentro de un texto con $: más limpio y legible que sumar con +.

print('Hola $nombre');
main.dart
1
2
3
4
5
6
▶ Hola Kael, tu nivel es 10✓
¡Bien! Tu robot entendió la interpolación.

Teoría + práctica

Aprende el concepto y aplícalo en la misma pantalla.

Tu robot Bit te acompaña

Una mascota que reacciona a cada línea que programas.

Dibuja Flutter en un teléfono

Escribe widgets y míralos cobrar vida en la pantalla de un móvil, al instante. Así aprendes a crear apps de verdad.

Vista previa en vivo

Cada cambio en el código se dibuja al instante en el teléfono.

Widgets de verdad

Column, Text, Icon, botones… los componentes reales de Flutter.

app.dart
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Mi App

¡Hola, Bit!

Lo que escribes a la izquierda, tu robot lo dibuja a la derecha.

Sin emuladores pesados

Todo pasa en el navegador. No instalas Android Studio ni nada.

Tu robot Bit, protagonista

Construye apps con la mascota que ya conoces y quieres.

🎟️ Pase Robot

Tienes tu propio robot. Hazlo único.

A medida que completas lecciones vas desbloqueando piezas para tu mascota: gafas, sombreros, bufandas, manos, antenas y mucho más. Nadie tendrá un robot igual al tuyo.

✨ Color
ColorSombreroGafasOjosBufandaManosAntenaBocaPies

Rutas de aprendizaje 🗺️

Caminos guiados que te llevan paso a paso, en orden, sin perderte. Elige una ruta y avanza con un plan claro.

🎯

Fundamentos de Dart

5 cursos

Tu primer camino: desde escribir tu primera línea hasta la programación orientada a objetos.

Dart: Primeros pasosDart: DecisionesDart: Bucles y listas+2 más
⚙️

Dart a fondo

3 cursos

Lleva tu Dart al siguiente nivel: colecciones, texto y programación asíncrona.

Dart: ColeccionesDart: Textos y númerosDart: Asincronía
🚀

De cero a Flutter

8 cursos

El camino completo: domina Dart y construye tus primeras interfaces con Flutter.

Dart: Primeros pasosDart: DecisionesDart: Bucles y listas+5 más

¿Listo para encender a tu robot?

Tu primera lección te espera. Es gratis.

▶ Empezar ahora