Introducción a DartPad. 🚀
Dartpad
Es importante tener una herramienta que podamos utilizar sin necesidad de instalar nada en nuestro computador, para así tener una introducción general de la sintaxis básica de un lenguaje de programación más rápida.
DartPad es una herramienta de código abierto que permite dar ese primer paso para aprender sobre el lenguaje Dart y se puede ejecutar en cualquier navegador, simplemente accediendo a la URL . También nos sirve para ejecutar código de Flutter.
Cómo utilizar DartPard
Esta herramienta nos brinda varias opciones o funcionalidades que podemos usar para explorar el lenguaje.
Inicialmente vemos que en la parte izquierda es donde agregaremos nuestro código y en la parte derecha veremos los resultados, para ver el resultado de lo que escribimos debemos presionar el botón Run y listo eso sería todo.
A continuación, otras de las funcionalidades que tenemos a disposición en DartPad:
New Pad: esta funcionalidad nos permite crear una nueva hoja de trabajo y nos muestra las dos posibles opciones que tenemos Dart o Flutter.
Inmediatamente se selecciona uno de los dos, se carga un ejemplo. Como ya vimos algo de Dart, aquí dejo como se muestra para Flutter.
-
Reset: esta funcionalidad permite limpiar la consola y devolver los cambios y dejar como de inicio.
-
Format: nos permite formatear el código que escribimos de acuerdo al estándar de Dart. -
Install SDK: nos redirecciona al sitio web de Dart para instalar el SDK. -
Samples: aquí tenemos una variedad de ejemplos que el equipo de Dart nos brinda, tanto de Dart como de Flutter.
Al seleccionar uno de estos podemos ver que nos ejemplos bastante para practicar. En este caso seleccionamos Implicit animations. Allí nos brinda el código y su resultado, al dar clic en los círculos de colores cambian de posición y forman otras figuras.
Ejemplo de Dart
Ya conocimos cómo usar DartPad y las opciones que nos brinda, ahora tenemos todo lo necesario para empezar a explorar un poco el lenguaje de Dart.
Sumar dos números
void main() {
const int RES = 17;
int number1 = 5;
int number2 = 12;
int res = add(number1, number2);
print('El resultado si será 17?');
print((RES == res) ? 'Es correcto :)' : 'parece que no lo es :/');
print((RES == res) ? 'Efectivamente el resultado es $res' : 'Ups!');
}
// Método o función encargada de sumar 2 números y devolver su resultado.
int add(int n1, int n2) {
return n1 + n2;
}
Resultado del ejercicio.
Switch y arreglos
void main() {
final list = <int>[1, 2, 3, 4, 5];
for (int i = 1; i <= list.length; i++) {
switch (i) {
case 1: print('| – |-----| |-----| -------');
case 2: print('| \\ | | | | |');
case 3: print('| | |-----| |-----| |');
case 4: print('| / | | | \\ |');
case 5: print('| – | | | \\ |');
}
}
}
Conclusión
Es una excelente herramienta para dar nuestros primeros pasos en Dart, sobre todo porque no tenemos que instalar nada en nuestro equipo, simplemente acceder por medio del navegador.
Seguir el estudio de Dart y Flutter, ahora el siguiente paso es las variables en Dart.
