¡LES DAMOS LA

BIENVENIDA!
¿Están listos?
RECUERDA PONER A GRABAR LA
CLASE
PRESENTACIÓN DE ESTUDIANTES

Por encuestas de Zoom:

1. País
2. Conocimientos previos en
HTML, CSS y programación.
3. ¿Por qué elegiste el curso?
¿DUDAS DEL ON-BOARDING?
MIRALO AQUI
 DESAFÍOS Y ENTREGABLES
Son actividades o ejercicios que se realizan durante la cursada, para enfocarse en
la práctica.

Desafíos genéricos Desafíos entregables

Ayudan a poner en práctica los conceptos y Relacionados completamente con el
la teoría vista en clase No deben ser subidos Proyecto Final. Deben ser subidos
a la plataforma. obligatoriamente a la plataforma hasta 7 días
luego de la clase para que sean corregidos.
 DESAFÍOS Y ENTREGABLES
Son actividades o ejercicios que se realizan durante la cursada, para enfocarse en
la práctica.

Desafíos complementarios Entregas del Proyecto Final

Desafíos que complementan a los Entregas con el estado de avance de tu
entregables. Son optativos y, de ser subidos proyecto final que deberás subir a la
a la plataforma a tiempo y aprobados, suman plataforma a lo largo del curso y hasta 7 días
puntos para el top 10. luego de la clase, para ser corregidas por tu
docente o tutor/a.
 PROYECTO FINAL
El Proyecto Final se construye a partir de los desafíos que se realizan clase a
clase. Se va creando a medida que el estudiante sube los desafíos
entregables a nuestra plataforma.

El objetivo es que cada estudiante pueda utilizar su Proyecto Final como parte
de su portfolio personal.

El proyecto final se debe subir a la plataforma la ante-última o última clase

del curso. En caso de no hacerlo tendrás 20 días a partir de la finalización del
curso para cargarlo en la plataforma. Pasados esos días el botón de entrega
se inhabilitará.
¿CUÁL ES NUESTRO PROYECTO FINAL?
 APLICACIÓN WEB INTERACTIVA
Crearás una página web interactiva en JavaScript que permitirá simular distintos
procesos. Un “simulador” es un programa que soluciona ciertas tareas y
proporciona al usuario información de valor. Además, utilizarás AJAX y JSON
para obtener datos y jQuery para controlar eventos en la interfaz y producir
animaciones en respuesta.
 PROYECTOS DE NUESTROS ESTUDIANTES
● Tienda de PC: https://bcoalova.github.io/CODER-js-Tienda/
● Tienda de Bebidas: https://vanifederici.github.io/mono-galactico/
● Conversor de divisas: https://conversor-de-monedas.000webhostapp.com/index.html
● Buscador de reservar: https://antopr.github.io/Javascript-Coder/#
● Simulador de préstamos: https://mguidocaruso.github.io/AlPrestamo/
 ENTREGA REQUISITO FECHA
1° entrega Estructura HTML y CSS del proyecto. Clase N° 6
Variables de JS necesarias. Objetos de JS.

2° entrega Agregar uso de JSON y Storage. DOM y Clase N° 10

eventos del usuario.

3° entrega Incorporar JQuery para controlar elementos. Clase N° 14

Sumar efectos y animaciones. Optimizar
diseño HTML y CSS

Proyecto Final Simulador final funcionando en un archivo Clase N° 16

HTML con sus archivos JS complementarios.
 ¡IMPORTANTE!
Los desafíos y entregas de proyecto se deben cargar hasta siete
días después de finalizada la clase. Te sugerimos llevarlos al día.
 Clase 01. JAVASCRIPT

CONCEPTOS GENERALES:
SINTAXIS Y VARIABLES
 ● Reconocer qué es un algoritmo,
elementos de entrada, salida y proceso.
● Aprender qué es una variable y cómo

OBJETIVOS DE LA CLASE
declararla.
● Indagar cómo asignar y cambiar el valor
de una variable.
GLOSARIO:
Parsear: es una palabra devengada del inglés
"parse". Refiere en programación, a una
actividad que consiste en el análisis de texto
para determinar si cumple o no reglas o
patrones y en base a esto tomar alguna
determinación.

Script: un script es una secuencia de

instrucciones que realizan una o más tareas.
MAPA DE CONCEPTOS
MAPA DE CONCEPTOS CLASE 1

JavaScript Fundamentos

Escritura y
Sintaxis y código Código JavaScript
sintaxis

Variables y Definiciones
valores

Prompt, consola ¿Qué son?

y alert

Algoritmo
 CRONOGRAMA DEL CURSO
Clase 1 Clase 2 Clase 3

Conceptos generales: Control de flujos Funciones básicas +

sintaxis y variables Ciclos/Iteraciones

EJEMPLO EN VIVO EJEMPLOS EN VIVO EJEMPLOS EN VIVO

CREAR UN ALGORITMO JS CREAR UN ALGORITMO CON CREAR UN ALGORITMO

SIMPLE UN CONDICIONAL UTILIZANDO UN CICLO
 GUIÓN DE LA CLASE
Accede al material complementario aquí.
 JAVASCRIPT:
FUNDAMENTOS
¿QUÉ ES JAVASCRIPT?
JavaScript es un lenguaje de programación
que se utiliza principalmente para aportar
dinamismo a sitios y aplicaciones web.
Técnicamente, JavaScript es un lenguaje de
programación interpretado por lo que el
código escrito con JavaScript se puede
probar directamente en cualquier navegador
sin necesidad de procesos intermedios.
JavaScript funciona en complemento con
los lenguajes web HTML Y CSS3.
 APLICACIÓN WEB
Mientras que los sitios web buscan brindar
información estática, las web apps permiten a los
usuarios realizar múltiples tareas.

Las aplicaciones web son plataformas

dinámicas e interactivas y sus funcionalidades
están en constante mantenimiento y mejora.
 APLICACIÓN WEB
Plataformas como MercadoLibre, Youtube, Gmail, Facebook, CoderHouse son
web apps por la cantidad de funcionalidades que ofrecen
 FRONT-END y BACK-END

En el curso nos focalizaremos en el desarrollo front-end de la aplicación web

 HERRAMIENTAS
Durante el curso emplearemos algunas de las siguientes herramientas para desarrollar:

● Navegador Web: Chrome, Firefox, Edge o Opera.

● Editor de Código Fuente: Visual Studio Code, Sublime Text 3 o Atom.
● Framework CSS: Bootstrap 4, Bootstrap 5, Bulma o Milligram.
● jQuery.
● Servidor Local: Live Server (VS Code), XAMPP , WampServer.
 EVOLUCIÓN DE JAVASCRIPT

La primera versión de JavaScript ES1 se lanzó en 1997 y el lenguaje fue

cambiando con el tiempo. En el curso nos focalizamos en las versiones ES5 y ES6
SINTAXIS Y CÓDIGO
 CÓDIGO JAVASCRIPT
JavaScript tiene sus propias reglas para la sintaxis,
aunque respeta los estándares de muchos lenguajes de
programación lógicos. Existen dos maneras de escribir
código en JavaScript.
 ¿CÓMO ESCRIBIR CÓDIGO JS?
● Dentro de un archivo html, entre medio de las
etiquetas <script>
Ejemplo:

<script>
// Aquí se escribe el código JS
</script>
¿CÓMO ESCRIBIR CÓDIGO JS?
● En un archivo individual con extensión .js
Ejemplo: mi-archivo.js

Recuerda no utilizar espacios ni mayúsculas en los

nombres de archivo.

<script src="js/main.js"></script>
 SINTAXIS: REGLAS BÁSICAS
● No se tienen en cuenta los espacios en blanco y las
nuevas líneas (al igual que HTML).
● Se distinguen las mayúsculas y minúsculas.
● Se pueden incluir bloques de comentarios:

<script>
// Comentario simple: una línea
/* Comentario de más de una línea I
Comentario de más de una línea II */
</script>
 SINTAXIS: PALABRAS RESERVADAS
● Palabras reservadas: son las palabras que se utilizan para
construir las sentencias de JavaScript y que por tanto no
pueden ser utilizadas libremente.
Las palabras actualmente reservadas por JavaScript son:

break, case, catch, continue, default, let

delete, do, else, finally, for, function, if, in,
instanceof, new, return, switch, this, throw, try,
typeof, var, void, while, with, etc.
VARIABLES Y VALORES
 VARIABLES
Una variable es un espacio <script>

reservado en la memoria que, //Declaración de variable ES5.

var nombreVariable1;
como su nombre indica, puede
cambiar de contenido a lo largo
//Declaración de variable ES6.
de la ejecución de un programa.
let nombreVariable2;
Podemos almacenar un número,
const LENGUAJE = "JAVASCRIPT";
un texto, un listado de números,
</script>
etcétera.
 VALORES

A una variable a la cual se le asigna

un valor al declarar se le dice
variable inicializada
 TIPOS DE VALORES
En una variable podemos asignar distintos tipos de valores, ya sea un
número, un texto, o resultados de operaciones entre ambos.

<script>
let variableNumerica;
var variableTexto;

variableNumerica = 5;
variableTexto = "Mi texto";
variableTexto = 'Mi texto';
</script>
 OPERACIONES BÁSICAS
Con variables de valores numéricos podes realizar operaciones
matemáticas: sumas, restas, multiplicaciones,etc.
<script>
var numeroA = 1;
let numeroB = 2;
const NUMEROC = 3;
//Suma de dos números (1 + 2 = 3)
let resultadoSuma = numeroA + numeroB;
//Resta de dos números (2 - 1 = 1)
let resultadoResta = numeroB - numeroA;
//Producto de dos números (2 * 3 = 6)
let resultadoProducto = numeroB * NUMEROC;
</script>
 OPERACIONES BÁSICAS
Con variables de tipo string (texto) se puede concatenar los valores, es
decir, combinarlas.

<script>
var textoA = "CODER";
let textoB = "HOUSE";
const BLANCO = " ";
//Concatenar textoA y textoB ("CODER" + "HOUSE" = "CODERHOUSE")
let resultadoA = textoA + textoB;
//Concatenar textoB y 1 ("HOUSE" + 1 = "HOUSE1")
let resultadoB = textoB + 1;
//Concatenar textoA, BLANCO y textoB ("CODER" + " " + "HOUSE" = "CODER HOUSE")
let resultadoC = textoA + BLANCO + textoB;
</script>
¡VAMOS A PRACTICAR LO VISTO!
 ☕
BREAK
¡5/10 MINUTOS Y VOLVEMOS!
PROMPT, CONSOLA Y ALERT
 PROMPT
La sentencia prompt() mostrará un cuadro de diálogo para que
el usuario ingrese un dato. Se puede proporcionar un mensaje
que se colocará sobre el campo de texto. El valor que devuelve
es una cadena que representa lo que el usuario ingresó.

<script>
let nombreIngresado = prompt("Ingrese su nombre");
</script>
EJEMPLO DE PROMPT

En la pantalla del navegador, el

usuario verá una ventana sobre
la web que le solicitará un dato.

Al valor que el usuario ingresa

se lo conoce por el término de
entrada.
 CONSOLA
La sentencia console.log() muestra el mensaje que pasemos
como parámetro a la llamada en la consola JavaScript del
Navegador web.

<script>
console.log("Mensaje de prueba");
</script>
EJEMPLO DE CONSOLE.LOG

En Chrome, la consola del

navegador está disponible
accediendo mediante:
Botón derecho sobre alguna
parte de la web > Inspeccionar
> Consola
 ALERT
La sentencia alert() mostrará una ventana sobre la página web
que estemos accediendo mostrando el mensaje que se pase
como parámetro a la llamada.

<script>
alert("¡Hola Coder!");
</script>
EJEMPLO DE ALERT

En la pantalla del navegador, el

usuario verá una ventana sobre
la web que muestra un mensaje.

Al valor que mostramos al

usuario como un resultado se lo
conoce por el término de salida.
 ALGORITMO
En programación, un algoritmo es un conjunto de
procedimientos o funciones ordenados que se necesitan
para realizar cierta operación o acción. Por ejemplo, en una
suma el algoritmo implica tomar un dato, sumarlo a otro y
obtener un resultado.
 EJEMPLO DE SCRIPT COMPLETO
Este es un ejemplo de un Script JS corriendo en un archivo HTML.

<!DOCTYPE html>
<html>
<head>
<title>Mi primer App - CoderHouse</title>
<script>
let entrada = prompt("Ingresar una letra");
let salida = entrada + " " + "ingresada";
alert(salida);
</script>
</head>
<body>
<h2>Esta página contiene una app</h2>
</body>
</html>
Si ingreso “A”...

Obtengo...
¡VAMOS A PRACTICAR LO VISTO!
 CREAR UN ALGORITMO JS SIMPLE
Crea un script en JS que le solicite al usuario ingresar datos y
luego, mediante JavaScript, realiza operaciones sobre los
mismos.
CREAR UN ALGORITMO JS SIMPLE
Formato: Código fuente en JavaScript. Debe identificar el apellido del
alumno/a en el nombre de archivo por “claseApellido”.
Sugerencia: Usamos prompt() para solicitar datos al usuario y
console.log() o alert() para mostrar el resultado de las operaciones
realizadas con esos datos. Si vas a sumar una entrada tene en cuenta que
tenes que parsearla antes. Usando parseInt() o parseFloat()

>> Consigna: Crea un script en JS que le solicite al usuario ingresar uno o más datos.
Luego, con JavaScript, realiza operaciones matemáticas o de concatenación sobre las
entradas teniendo en cuenta el tipo de dato. Al finalizar mostrar el resultados con alert() o
console.log()
>>Aspectos a incluir en el entregable:
Archivo HTML con código JavaScript entre etiquetas <script></script>, que incluya la
definición de un algoritmo.
CREAR UN ALGORITMO JS SIMPLE
>>Ejemplo:
- Pedir nombre mediante prompt y mostrarlo en consola junto con algún texto de saludo.
Ejemplo: ¡Hola, Juan!
- Pedir un número mediante prompt, parsearlo, sumarlo a otro que se encuentre almacenado
en una variable y luego mostrar el resultado en consola.
- Pedir un texto mediante prompt, luego otro, concatenarlos y mostrarlo en un alerta.
 ¡PARA PENSAR!
¿Te gustaría comprobar tus conocimientos de la clase?

Te compartimos a través del chat de zoom

el enlace a un breve quiz de tarea.

Para el profesor:
- Acceder a la carpeta “Quizzes” de la camada
- Ingresar al formulario de la clase
- Pulsar el botón “Invitar”
- Copiar el enlace
- Compartir el enlace a los alumnos a través del chat
¿PREGUNTAS?
TE INVITAMOS A QUE COMPLEMENTES
LA CLASE CON LOS SIGUIENTES
CODERTIPS
VIDEOS Y PODCASTS

● Aprende Programación Web y construye el futuro de nuestra

humanidad | Coderhouse

● Desarrollo freelance | Coderhouse

● Desarrollo profesional | Coderhouse

VIDEOS Y PODCASTS
● CoderNews | Coderhouse

● Serie de Branding | Coderhouse

● Serie para Emprendedores | Coderhouse

● Serie Aprende a Usar TikTok | Coderhouse

● Serie Finanzas Personales | Coderhouse

● CoderConf | Coderhouse
TE INVITAMOS A QUE COMPLEMENTES
LA CLASE CON LOS SIGUIENTES
CODERTIPS
RECURSOS:
●Consola, variables y tipos de datos |
Los apuntes de Majo (Página 1 a 8).
●Variables, valores y referencias |
Te lo explico con gatitos.
●Práctica interactiva sobre Algoritmia |
La aventura del punto.
●Herramienta recomendada |
Visual Studio Code.

Disponible en nuestro repositorio.

¿YA CONOCES LOS BENEFICIOS QUE TIENES
POR SER ESTUDIANTE DE CODERHOUSE?
 BENEFICIOS
Haz clic aquí y conoce todos nuestros beneficios
exclusivos para estudiantes de Coderhouse.
 ¡MUCHAS GRACIAS!
Resumen de lo visto en clase hoy:
- Fundamentos de desarrollo con JS.
- ¿Cómo escribir JavaScript?
- Declaración de Variables.
- Funciones de prompt, alert y console.
OPINA Y VALORA ESTA CLASE
 Clase 02. JAVASCRIPT

CONTROL DE FLUJOS
 Entender:
● ¿Qué es un condicional y cómo nos
permite tomar decisiones en nuestro
código?
● ¿Cómo JavaScript evalúa un valor
verdadero o falso?
OBJETIVOS DE LA CLASE ● ¿Qué es un operador de comparación y
cuál es su uso en los condicionales?
● ¿Qué es un operador lógico y cuál es
su uso en los condicionales?
GLOSARIO:
Clase 1
JavaScript: es un lenguaje de programación que se Operadores lógicos: permiten agrupar expresiones
utiliza principalmente para aportar dinamismo a los lógicas. Las expresiones lógicas son todas aquellas
sitios web. expresiones que obtienen como resultado verdadero o
falso. Los operadores lógicos son aquellos que hacen
Variable: es un espacio reservado en la memoria que, de nexo de este tipo de expresiones.
como su nombre indica, puede cambiar de contenido
a lo largo de la ejecución de un programa. Podemos Anidar: en programación, se refiere a escribir una
almacenar un número, un texto, un listado de sentencia junto a una subsiguiente dentro de la misma
números, etcétera. estructura sintáctica. Es decir, que no hay un salto de
línea en el medio.
Algoritmo: en programación, es un conjunto de
procedimientos o funciones que se necesitan para
realizar cierta operación o acción.
MAPA DE CONCEPTOS
MAPA DE CONCEPTOS CLASE 2

Condicionales en IF...ELSE,
Estructura IF
JS IF…ELSE IF

Variables ¿Cuáles son?

boolean

Operadores
¿Cuáles son? Combinaciones
lógicos
 CRONOGRAMA DEL CURSO
Clase 1 Clase 2 Clase 3

Conceptos generales: Control de flujos Funciones básicas +

sintaxis y variables Ciclos/Iteraciones

EJEMPLO EN VIVO EJEMPLOS EN VIVO EJEMPLOS EN VIVO

CREAR UN ALGORITMO JS CREAR UN ALGORITMO CON CREAR UN ALGORITMO

SIMPLE UN CONDICIONAL UTILIZANDO UN CICLO
 GUIÓN DE LA CLASE
Accede al material complementario aquí.
CONDICIONALES EN JS
CONDICIONALES: DEFINICIÓN
Cuando en programación
hablamos de condicionales,
hablamos de una estructura
sintáctica que sirve para tomar
una decisión a partir de una
condición.
Si <condición> entonces
<operación>
 ESTRUCTURA IF
La estructura más utilizada en la mayoría de los lenguajes, y
por ende también en JS, es la estructura if

if (true){
console.log("vas a ver este mensaje");
}
 ESTRUCTURA IF
Si la condición se cumple (es decir, si su valor es true) se ejecutan
todas las instrucciones que se encuentran dentro de {...}. Si la
condición no se cumple (es decir, si su valor es false) no se ejecuta
ninguna instrucción contenida en {...} y el programa continúa
ejecutando el resto de instrucciones del script.

if (false){
console.log("no vas a ver este mensaje");
}
 EJEMPLO DE CONDICIONALES
let unNumero = 5

// Con (unNumero == 5) comparamos si unNumero es igual a 5

if (unNumero == 5){
console.log("vas a ver este mensaje");
}

// Con (unNumero == 6) comparamos si unNumero es igual a 6

if (unNumero == 6){
console.log("no vas a ver este mensaje");
}
 EJEMPLO DE CONDICIONALES
En este ejemplo, las comparaciones se realizan entre el valor de la variable
unNumero y un valor numérico.

En el primer condicional, como los dos valores coinciden, la igualdad se

cumple, y por lo tanto la condición es cierta; su valor es true, y se ejecutan
las instrucciones contenidas en el bloque del if.
En el segundo caso unNumero no es igual a 6; su valor es false, y no se
ejecutan las instrucciones contenidas en el bloque del if.
La comparación del ejemplo anterior suele ser el origen de muchos errores de
programación, al confundir los operadores == y =. Las comparaciones siempre se realizan
con el operador ==, ya que el operador = solamente asigna valores.
 IF...ELSE
En ocasiones, las decisiones que se deben realizar no son del tipo
"si se cumple la condición, hazlo; si no se cumple, no hagas nada".
Normalmente las condiciones suelen ser del tipo "si se cumple esta
condición, hazlo; si no se cumple, haz esto otro".
let unColor = "Rojo"

// Con (unColor == "Rojo") comparamos si unColor es igual "Rojo"

if (unColor == "Rojo"){
console.log("el color es Rojo");
}else{
//La instrucción se interpreta cuando unColor NO es "Rojo"
console.log("el color NO es Rojo");
}
 EJEMPLO DE IF...ELSE
let nombreUsuario = prompt("Ingresar nombre de usuario");

if (nombreUsuario == "") {
alert("No ingresaste el nombre de usuario");
}
else {
alert("Nombre de usuario ingresado " + nombreUsuario);
}
CONDICIONES ANIDADAS IF..ELSE IF
let precio = 100.5;

if (precio < 20) {

alert("El precio es menor que 20");
}
else if (precio < 50) {
alert("El precio es menor que 50");
}
else if (precio < 100) {
alert("El precio es menor que 100");
}
else {
alert("El precio es mayor que 100");
}
VARIABLES BOOLEAN
 TRUE o FALSE
Las variables booleanas son las que sólo tienen dos valores,
true or false. Pueden recibir el valor a partir de una evaluación
booleana sobre otras variables:

let esValida = true;

let numero = 10;
let esMayor5 = (numero > 5); // su valor sera true

if (esValida) {
alert("Es boolean true");
}
¡VAMOS A PRACTICAR LO VISTO!
 ☕
BREAK
¡5/10 MINUTOS Y VOLVEMOS!
OPERADORES LÓGICOS
 OPERADORES EN JS
En JavaScript, disponemos de los operadores lógicos
habituales en lenguajes de programación como son: es igual,
es distinto, menor, menor o igual, mayor, mayor o igual, and
(y), or (o) y not (no).
La sintaxis se basa en símbolos, como veremos a
continuación. Cabe destacar que hay que prestar atención a
no confundir ‘==’ con ‘=’ porque implican distintas cosas.
OPERADORES EN JS
 CONDICIONES COMPUESTA CON &&
Ante una combinación de operadores && (AND) será requisito que todas las
comparaciones sean verdadera para que la condición compuesta sea verdadera.

let nombreIngresado = prompt("Ingresar nombre");

let apellidoIngresado = prompt("Ingresar apellido");

if((nombreIngresado !="") && (apellidoIngresado !="")){

alert("Nombre: "+nombreIngresado +"\nApellido: "+apellidoIngresado);
}else{
alert("Error: Ingresar nombre y apellido");
}
 CONDICIONES COMPUESTA CON ||
En caso de utilizar || (OR), será requisito que al menos una de las comparaciones
sea verdadera para que la condición compuesta sea verdadera.

let nombreIngresado = prompt("Ingresar nombre");

if((nombreIngresado == "ANA") || (nombreIngresado =="ana")){

alert("El nombre ingresado es Ana");
}else{
alert("El nombre ingresado NO ES Ana");
}
 COMBINACIÓN DE OPERADORES && y ||
También es posible combinar || (OR) y && (AND) para combinar comparaciones
cada vez más complejas.

let nombreIngresado = prompt("Ingresar nombre");

if((nombreIngresado !="") && ((nombreIngresado == "EMA") || (nombreIngresado =="ema"))){

alert("Hola Ema");
}else{
alert("Error: Ingresar nombre valido");
}
 COMBINACIÓN DE OPERADORES && y ||
Ya que las expresiones lógicas son evaluadas de izquierda a
derecha, es necesario agrupar las operaciones para asegurar
que se cumplan como uno lo desea:

No es lo mismo:
if((nombreIngresado !="") && ((nombreIngresado == "EMA") || (nombreIngresado =="ema"))){

que:
if(((nombreIngresado !="") && (nombreIngresado == "EMA")) || (nombreIngresado =="ema")){
¡VAMOS A PRACTICAR LO VISTO!
 2

CREAR UN ALGORITMO CON UN

CONDICIONAL
Crea un algoritmo que solicite al usuario uno o más valores ingresados por prompt(),
compare las entradas y, en función de ciertas condiciones, muestre un resultado.
CREAR UN ALGORITMO CON UN CONDICIONAL
Formato: Página HTML y código fuente en JavaScript. Debe identificar el apellido
del alumno/a en el nombre de archivo comprimido por “claseApellido”.
Sugerencia: Tener en cuenta que los valores obtenidos por prompt() son string, si
se busca operar con números hay que parsearlos antes y si van a usar cadenas
recordar tener cuidado con mayúsculas y minúsculas en las comparaciones de
igualdad. (Ej. “Hola” y “HOLA” no son iguales)

>> Consigna: Crea un algoritmo que solicite al usuario uno o más valores ingresados por prompt(), compare las
entradas y, en función de ciertas condiciones, muestre por consola o alert() el resultado según los valores
ingresados y las condiciones cumplidas.
>>Aspectos a incluir en el entregable:
Archivo HTML y Archivo JS, referenciado en el HTML por etiqueta <script src="js/miarchivo.js"></script>,
que incluya la definición de un algoritmo en JavaScript que emplee instrucciones condicionales.
>>Ejemplo:
- Pedir número mediante prompt y si es mayor a 1000 mostrar un alert.
- Pedir un texto mediante prompt, y si es igual a "Hola" mostrar un alerta por consola.
- Pedir un número por prompt y evaluar si está entre 10 y 50. En caso positivo mostrar un alert.
¿PREGUNTAS?
 ¡PARA PENSAR!
¿Te gustaría comprobar tus conocimientos de la clase?

Te compartimos a través del chat de zoom

el enlace a un breve quiz de tarea.

Para el profesor:
- Acceder a la carpeta “Quizzes” de la camada
- Ingresar al formulario de la clase
- Pulsar el botón “Invitar”
- Copiar el enlace
- Compartir el enlace a los alumnos a través del chat
 RECURSOS:
●Conversión de tipos de datos, operadores y sentencias condicionales |
Los apuntes de Majo (Página 9 a 16).

●Operadores y condicionales |
Te lo explico con gatitos Operadores.
Te lo explico con gatitos Operadores Lógicos.
Te lo explico con gatitos Condicionales.
●Práctica interactiva sobre operaciones con JavaScript |
Silent teacher.

●Documentación |
Documentación IF ELSE.

Documentación SWITCH.

Disponible en nuestro repositorio.

¡MUCHAS GRACIAS!
Resumen de lo visto en clase hoy:
- Operador if, else y sus variantes.
- Variables boolean.
- Operaciones lógicas: AND, OR y
combinaciones.
OPINA Y VALORA ESTA CLASE
#DEMOCRATIZANDOLAEDUCACIÓN