SlideShare uma empresa Scribd logo
1 de 9
Baixar para ler offline
!
!
!
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

Mais conteúdo relacionado

Mais procurados (11)

Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Cuestionario de Estudio Modulo Armado de Sitios Web
Cuestionario de Estudio Modulo Armado de Sitios WebCuestionario de Estudio Modulo Armado de Sitios Web
Cuestionario de Estudio Modulo Armado de Sitios Web
 
Tutorial pdf creator
Tutorial pdf creatorTutorial pdf creator
Tutorial pdf creator
 
Shutterborg
ShutterborgShutterborg
Shutterborg
 
I1
I1I1
I1
 
Editores de Pagina Web
Editores de Pagina WebEditores de Pagina Web
Editores de Pagina Web
 
wordpad
wordpadwordpad
wordpad
 
Clase 3 HTML
Clase 3 HTMLClase 3 HTML
Clase 3 HTML
 
ADA 01 2do Bloque
ADA 01 2do BloqueADA 01 2do Bloque
ADA 01 2do Bloque
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 

Semelhante a Aprende-google-dart-capitulo-3

Semelhante a Aprende-google-dart-capitulo-3 (20)

Tutorial de code(2)(2)
Tutorial de code(2)(2)Tutorial de code(2)(2)
Tutorial de code(2)(2)
 
Tutorial de Code::Blocks
Tutorial de Code::BlocksTutorial de Code::Blocks
Tutorial de Code::Blocks
 
DREAMWEAVER
DREAMWEAVERDREAMWEAVER
DREAMWEAVER
 
Beatriz
BeatrizBeatriz
Beatriz
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Phpstorm exposicion-villacres-michilena-alisson
Phpstorm exposicion-villacres-michilena-alissonPhpstorm exposicion-villacres-michilena-alisson
Phpstorm exposicion-villacres-michilena-alisson
 
Raptor_1
Raptor_1Raptor_1
Raptor_1
 
fundamentos basicos de Visual Basic 6.0
fundamentos basicos de Visual Basic 6.0fundamentos basicos de Visual Basic 6.0
fundamentos basicos de Visual Basic 6.0
 
fundamentos basicos de VISUAL BASIC
fundamentos basicos de VISUAL BASICfundamentos basicos de VISUAL BASIC
fundamentos basicos de VISUAL BASIC
 
Introduccion al Turbo C++
Introduccion al Turbo C++Introduccion al Turbo C++
Introduccion al Turbo C++
 
Tutoriales eclipse(2)
Tutoriales eclipse(2)Tutoriales eclipse(2)
Tutoriales eclipse(2)
 
Code bloks tutorial_terminado
Code bloks tutorial_terminadoCode bloks tutorial_terminado
Code bloks tutorial_terminado
 
Code bloks tutorial_terminado
Code bloks tutorial_terminadoCode bloks tutorial_terminado
Code bloks tutorial_terminado
 
Dw
DwDw
Dw
 
Dw
DwDw
Dw
 
Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaver
 
Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaver
 
Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaver
 
Dwj
DwjDwj
Dwj
 
PPT UA1 REVIT.pdf
PPT UA1 REVIT.pdfPPT UA1 REVIT.pdf
PPT UA1 REVIT.pdf
 

Último

Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidaddanik1023m
 
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosEl diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosLCristinaForchue
 
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfInmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfOBr.global
 
VIDEOS DE APOYO.docx E
VIDEOS DE APOYO.docx                                  EVIDEOS DE APOYO.docx                                  E
VIDEOS DE APOYO.docx Emialexsolar
 
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOSPRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOSLincangoKevin
 
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETDe Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETGermán Küber
 
La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....Aaron Betancourt
 
Carta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdfCarta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdfangelinebocanegra1
 
Los mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfLos mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfodalistar77
 
Análisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfAnálisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfcastrodanna185
 
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfActividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfalejandrogomezescoto
 
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfTENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfJoseAlejandroPerezBa
 
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...OLGAMILENAMONTAEZNIO
 
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfPresentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfymiranda2
 
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...RaymondCode
 
La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2montoyagabriela340
 
Matriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxMatriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxPaolaCarolinaCarvaja
 
Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.marianarodriguezc797
 

Último (20)

Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidad
 
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosEl diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
 
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfInmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
 
VIDEOS DE APOYO.docx E
VIDEOS DE APOYO.docx                                  EVIDEOS DE APOYO.docx                                  E
VIDEOS DE APOYO.docx E
 
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOSPRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
 
BEDEC Proyecto y obra , novedades 2024 - Xavier Folch
BEDEC Proyecto y obra , novedades 2024 - Xavier FolchBEDEC Proyecto y obra , novedades 2024 - Xavier Folch
BEDEC Proyecto y obra , novedades 2024 - Xavier Folch
 
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETDe Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
 
La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....
 
Carta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdfCarta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdf
 
Los mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfLos mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdf
 
Análisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfAnálisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdf
 
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfActividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
 
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfTENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
 
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
 
BEDEC Sostenibilidad, novedades 2024 - Laura Silva
BEDEC Sostenibilidad, novedades 2024 - Laura SilvaBEDEC Sostenibilidad, novedades 2024 - Laura Silva
BEDEC Sostenibilidad, novedades 2024 - Laura Silva
 
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfPresentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
 
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
 
La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2
 
Matriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxMatriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docx
 
Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.
 

Aprende-google-dart-capitulo-3

  • 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