Introducción a DartPad

Clase 3 de 23 • Curso de Dart desde Cero

Contenido del curso

German Pinilla

student•

++Que es DartPad?++

DartPad es un editor de codigo web online que permite construir codigo de forma rapida y sencilla para Dart y Flutter sin necesidad de instalar la maquina virtual de Dart. DartPad cuenta con una serie de ayudas y herramientas que nos permiten escribir codigo mas eficiente y de calidad, ya que cuenta con la validacion del codigo en tiempo real (tiempo de ejecucion).

===> Link oficial DartPad: https://dartpad.dev/ Accediendo a este link podemos a crear proyecto en lo que se conoce como un sandbox o dicho de otra forma, un espacio de trabajo en donde podemos construir nuestro codigo en la nube de forma temporal

Una vez ingresemos al editor veremos unas opciones que nos ayudaran en el desarrollo.

++<> New Pad:++ Nos permite crear un nuevo espacio de trabajo o sandbox vacio. Cada vez que creamos un nuevo espacio de trabajo el identificador del sandbox cambia para inidicarnos que es un proyecto diferente y unico.Cuando clickeamos en "<> New Pad", nos aparece una ventana en la cual nos da dos opciones de codigo para desarrollar, estos son: Dart o Flutter.Con Dartad podemos generar proyectos de consola o web si seleccionamos Dart, y con Flutter podemos crear aplicaciones moviles o web.Para este caso crearemos una aplicacion de consola para ver los conceptos basicos del lenguaje.
++Reset++: Esta opcion nos permite detener un codigo en ejecucion si por algun motivo falla llegase a fallar nuestro codigo.
++Format++: Esta opcion nos ayuda a identar de forma automaticamente nuestro codigo con el fin de que se vea mas ordenado y mucho mas legible, aparte de enseñarnos a escribir codigo de forma adecuada.
++Install SDK++: Esta opcion nos permite descargar la maquina virtual de Dart para poder instalarla en nuestro computador y con ayuda de algun editor de codigo (VSCode), crear aplicaciones gracias con su maquina virtual en entorno local.
++identificador del sandbox++: Este nos indica numero o codigo con el cual se encuentra registrado nuestro sandbox de pruebas. Cada vez que creamos un nuevo Pad, creamos tambien un nuevo espacio de trabajo en los servidores de Dart y este codigo es el que lo identifica.
++Samples++: Esta opcion nos permite cargar proyectos creados por defecto para detallar el codigo y su funcionamiento a modo de aprendizaje. Podemos econtrar ejemplos de proyectos en Dart y Flutter. Estos proyectos nos ayudaran a entender mejor las mejores practicas de desarrollo con Dart y nos propone una logica en cada uno de sus ejemplo de forma sencilla. Es recomendable ver estos ejmplos para entender el lenguaje y su dinamica de uso.
++Icono de GitHub++: Esta opcion nos permite conectarnos con nuestra cuenta de GitHub para almacenar
nuestros proyectos de forma que podamos salvarlos en la nube y versionar cada proyecto desde DartPad sin perder la evolucion del mismo.
++Icono de los tres puntos++: Esta opcion nos despliega una lista en un popover entre las que econtramos:
- Share - Compartir el editor DartPad con otras personas.
- DartPad on GitHub - Permite ver, descargar y aportar en el codigo fuente del editor DartPad en su repositorio oficial en GitHub.
- dart.dev - Es un link que nos lleva directamente al sitio oficial de Dart en donde podremos encontrar la documentacion, ejemplos y otras carcteristicas para desarrollar en aplicaciones de consola o web.
- flutter.dev - Es un link que nos lleva directamente al sitio oficial de Flutter en donde podremos encontrar la documentacion, ejemplos y otras carcteristicas para desarrollar en moviles.

++FUNCION MAIN()++

La funcion main, es la funcion principal de mi aplicacion en la cual debemos poner todo el codigo que necesitamos desarrollar para que sea ejecutado de forma adecuada por el lenguaje. Solo puede existir una funcion main en toda mi aplicacion.

↠ Estructura:

void main() {
    
    // Codigo de mi aplicacion

}

++Componentes de la funcion main():++

void: Significa que la funcion no retorna ningun tipo de dato (vacio).
main: Nombe de la funcion principal
parentesis (): Es la forma de crear una funcion
llaves {}: Es donce comienza { y donde termina } mi funcion y son los simbolos dentro de los cuales debe ir nuestro codigo

NOTA: Siempre que escribamos una linea de codigo, debemos finalizarla con punto y coma ; para que nos nos marque un error y para que este correcta la sintaxis.

Introducción a DartPad

Introducción

Bienvenida al curso

Introducción de Dart

Introducción a DartPad

Las bases de programación

Variables

Tipos de datos básicos

Tipos de datos avanzados

Manipulación de variables

String con Dart

Conversión de tipos

Ejercicio sobre las bases de programación

Flujo de datos

Operaciones

Condicionales

Ciclos

Enumeraciones

¡Construye una calculadora!

Colecciones

Introducción a las colecciones

Colección de tipo Lista

Colección de tipo Sets

Colección de tipo Mapa

Colección de colecciones

Flujos dentro de colecciones

Reto de colecciones

Conclusión

Sigue aprendiendo Dart