!!!BlogDart.es | Libro Aprende Dart

!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

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

!!

BlogDart.es | Libro Aprende Dart

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

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

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

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

!!

¿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