Aprende gratis programación con Dart, el lenguaje de Google que está revolucionando internet. Curso completo por capítulos de Google Dart. El curso completo de blogdart.es, el primer punto de referencia sobre Dart en castellano; De Moises Belchin, autor del libro Aprende Dart (librogoogledart.es).

1. !
!
!
BlogDart.es | Libro Aprende Dart

2. !
Este es un tutorial sobre programación con Dart.
El primero en castellano, creado por Moises
Belchín para blogdart.es, el primer punto de
referencia en castellano.
Si quieres aprender más sobre Dart, siguenos
o consulta nuestro libro Aprende Dart
[librogoogledart.es]
!
!
!
!
!
!
!
BlogDart.es | Libro Aprende Dart

3. !
!
!
!
<< Leer los capitulos 1y 2
!
Empezando con Dart Editor
Haciendo doble clic sobre el icono del editor arrancamos la que será nuestra aplicación
de trabajo cotidiano, que nos permitirá desarrollar, echar un vistazo al SDK cuando lo
necesitemos y depurar paso a paso nuestras aplicaciones.
Echemos un vistazo a la interfaz.
!
!
!
BlogDart.es | Libro Aprende Dart

4. !
!
BlogDart.es | Libro Aprende Dart

5. Botón de envío de notificaciones (Send Feedback)
Desde esta opción podremos enviar propuestas de mejoras, comentarios o cualquier
bug que encontremos mientras estamos trabajando con el Editor de Dart contactando
directamente con el equipo de desarrollo de Dart.
Caja de búsquedas (OmniBox)
Esta opción nos permitirá realizar búsquedas en todas nuestras aplicaciones y en el
SDK de Dart. Podremos buscar cualquier coincidencia de un término que deseemos
buscar o un paquete o una clase en concreto dentro del SDK.
Botones de control del debugger
Nos permitirán utilizar las funciones de depuración paso a paso cuando estemos
haciendo debugging de nuestras aplicaciones.
!
!
BlogDart.es | Libro Aprende Dart

6. Lanzador de aplicaciones (Run button)
Este botón lanzará la aplicación que actualmente esté seleccionada en la vista de
ficheros.Nos permite lanzar la aplicación en modo JavaScript o Dartium y además
permite gestionar los lanzadores que hayamos creado.
Botones de creación de aplicaciones
Este conjunto de botones nos permite gestionar nuestras aplicaciones y crear nuevas.
El botón de creación de una nueva aplicación es un acceso rápido, pero
alternativamente podemos utilizar la opción del menú File > New Application.
Vista de ficheros (Files view)
Muestra una vista jerarquizada de las aplicaciones que tenemos y de todos sus
ficheros y subdirectorios. Haciendo doble clic en cualquier fichero veremos su
contenido en el panel del editor. Haciendo clic con el botón secundario podremos ver
un menu desplegable con más opciones: Don’t analyze, properties, show in explorer,
rename, move, refresh, etc.
!
BlogDart.es | Libro Aprende Dart

7. Panel Editor (Editor Panel)
Esta opción será la que utilizaremos para editar nuestros ficheros. Están contempladas
las funciones básicas de edición así como otras extra que provee Dart, auto
completado de código, refactorizado de código, navegar por el API, QuickFix, etc.
La primera vez que arrancamos Dart veremos en este panel la página de bienvenida
(Welcome Page) que te da acceso rápido a documentación y ejemplos muy útiles.
Podrás volver a esta página desde el menú Tools > Welcome Page.
Vista de problemas
Mientras estés trabajando podrás ver en este panel especial los errores que vas
cometiendo y avisos de ayuda que proporciona Dart. También tenemos un par de
opciones para habilitar consejos y tareas.
Estas opciones mostrarán consejos que nos proporciona Dart para mejorar nuestro
código y los comentarios de tipo “por hacer” (TODO) que añadamos a nuestro código
respectivamente.
!
BlogDart.es | Libro Aprende Dart

8. Resto de Vistas
Aquí podremos tener más paneles o vistas que nos ayudarán en nuestro día a día.
Todas ellas son accesibles desde el menú Tools.
•
Breakpoints: muestra puntos de parada que pongamos en nuestro código.
•
Outline: vista general de todo lo que hemos definido en el fichero con el que
estemos trabajando y que nos permite navegar por los métodos y clases de
manera rápida.
•
Outline: vista general de todo lo definido en el fichero en el que
trabajamos. Nos permite navegar por los métodos y clases de manera rápida.
•
Debugger: Opciones de depuración de ficheros donde veremos el flujo de
depuración y variables, instancias, objetos, etc., Callers, etc.
Para cambiar la ubicación de las vistas haz clic sobre el título del panel y arrastralo
donde desees.
!
BlogDart.es | Libro Aprende Dart

9. !
!
¿Quieres aprender más?
!
> Continua con el tutorial 4
> Siguenos en blogdart.es
> Consulta el libro Aprende Dart
[librogoogledart.es] el primero en Castellano
BlogDart.es | Libro Aprende Dart