Primeros pasos en el navegador con alert
Clase 4 de 37 • Curso Básico de Programación
Contenido del curso
Fundamentos de Programación
Primer proyecto: Peso en otro planeta
Segundo proyecto: Dibujando con Canvas
- 10

Cómo funcionan Window y Document
17:16 min - 11

El DOM: nuestro lugar de trabajo en la web
08:29 min - 12

Dibujando en el DOM
20:11 min - 13

Qué son las Funciones en JavaScript
06:57 min - 14

Ciclos while y for en JavaScript
21:48 min - 15

Eventos y Formularios en HTML y JavaScript
38:12 min - 16

Detectar eventos del teclado con JavaScript
38:20 min - 17

Dibujar en canvas con las flechas del teclado
17:38 min
Tercer proyecto: Villa platzi
Cuarto proyecto: Pakimanes
Quinto proyecto: Cajero automático
Sexto proyecto: Cliente/Servidor
Programación de Hardware y Electrónica con Arduino
- 26

¿Cómo funciona un circuito electrónico?
02:30 min - 27

¿Cómo programar un Arduino?
34:47 min - 28

Programación de circuitos con C, Arduino y Sketch
16:55 min - 29

Cómo programar un Arduino con Javascript y Node
20:28 min - 30

Construye un Robot con JavaScript
10:25 min - 31

Robot para riego de plantas en Arduino, Javascript y Node
27:40 min
Materiales de apoyo
Contenido Bonus
Recap Curso Gratis de Programación Básica
Alert nos sirve para mostrar información o resultados de una operación por pantalla. También es usada para mostrar alertas de advertencia al usuario.
Ya tienes un navegador y un editor de texto, eso es lo único que requieres.
Ve a la consola, desde ahí puedes escribir JavaScript sin tener que crear un archivo.
Primero mostremos un mensaje, escribe:
alert('Hola mamá, estoy programando');
Lo que has hecho es ejecutar una función, estas son colecciones de código que hacen algo, en JS siempre que quieres ejecutar una debes escribir paréntesis de apertura y de cierre, las comillas delimitan un texto (string) y punto y coma (;) se utiliza para terminar la instrucción.
También, podemos crear operaciones básicas,
var x = 1;
var y = 2;
var z = x + y;
Hemos declarado variables, las declaramos con la palabra reservada var, el nombre, operador de asignación (=) y el valor que va a tener.
Recuerda: Todo en programación tiene que ver con seguir las reglas de un lenguaje y luego crear las instrucciones que quieres para lograr los objetivos que deseas.
TIP: En consola puedes hacer más grande el tamaño de la letra con Ctrl y +.
Además del comando Alert, también existe el comando Confirm.
Comandos confirm y prompt
El método Window.confirm() muestra una ventana de diálogo con un mensaje opcional y dos botones, Aceptar y Cancelar.
El método Window.prompt() muestra un diálogo con mensaje opcional, que solicita al usuario que introduzca un texto.
Ejemplo de “confirm"
var x = 1;
var y = 2;
var z = x + y;
var resp = confirm(”¿Deseas sumar"+ x +" mas "+ y + “?”);
if (resp == true) {
mensaje = "Resultado " + z;
} else {
mensaje = “Terminado”;
}
Ejemplo de “prompt”
var x = 1;
var y = 2;
var z = x + y;
var resp = prompt("La suma de “+ x +” + “+ y + " es:”);
if (resp == z) {
mensaje = “Correcto”;
} else {
mensaje = “Incorrecto”;
}
Aporte creado por: Luis Armando Chuc y Diego Camacho