Mapa Conceptual Educación Superior

Elementos de Programacion JavaScript

Tipos de Operadores

Ejemplos

Ejemplos

Angel Fernando Monsivais Butchart - Etapa 2

Diseño Avanzado de Páginas Web

Estructuras

Condicional

Bucle

ElementByld

Inner

Metodos de instancias

InnerText Obtiene el texto interno de un elemento: let Text = element.innerText;

Ejemplo con el uso de InnerHTML en la etiqueta <div>

InnerHTML Obtiene el contenido HTML de un elemento con id="miElemento": Cambia el contenido HTML de un elemento con id="demo": Obtiene el contenido HTML de un elemento <ul> con id="miLista" Elimina el contenido HTML de un elemento <p> con id="demo"

document.getElementByld Sintaxis: elemento = document.getElementByld(id) Donde id es una cadena sensible a mayusculas referida al ID unico del elemento Buscado

document.getElementByld Devuelve una referencia al elemento por su ID

Bucle While Se utiliza para repetir un bloque de codigo mientras se cumpla una determinada condicion Sintaxis: shile (condicion) { //bloque de codigo que se ejecutara mientras se cumpla la condicion }

Bucle For Se utiliza para repetir un bloque de codigo un numero determinado de veces Sintaxis: for (inicializacion; condicion; expresion de actualizacion { //bloque de codigo que se ejecutara en cada iteracion }

Sintaxis de Condicional SWITCH switch (expresion) { case valor 1: //se ejecutara si la expresion es igual a valor 1 break; case valor 2 // se ejecutara si la expresion es igual a valor 2 break; default: // se ejecutara si ninguno de los casos se cumplen

Condicional SWITCH Se utiliza cuando se quiere comprobar una variable o expresion con multiples valores posibles y ejecutar diferentes bloques de codigo segun el valor de la variable o expresion.

Condicional IF: Permite ejecutar un bloque de codigo si se cumple una determinada condicion: If.(condicion) { // bloque de codigo que se ejeccutara si la condicion es verdadera }

Concatenacion: El operador se utilizan para unir dos o mas cadenas en una sola cadena Simbolos: +

Ternario: Es una forma abreviada de escribir una expresion condicional. El operador se utiliza para asignar un valor a una variable en funcion de una condicion Sintaxis: condicion ? ValorSiEsCierto : ValorSiEsFalso

Asignacion: Estos operadores se utilizan para asignar valores a las variables Simbolos: =, +=, -= y *=

Incremento y Decremento: Estos operadores se utilizan para incrementar o decrementar el valor de una variable. Simbolos: ++ (INCREMENTO) y -- (DECREMENTO)

Comparacion: Estos operadores se utilizan para comparar dos valores y devuleven un valor booleano true o false Simbolos: ==, !=, >, <, >= y <=

Logicos Estos poderadores se utilizan para combinar dos o mas expresiones booleanas y devuelven un valor booleano true o false Simbolos: && (AND), II (OR) y ! (NOT)

Aritmeticos: Se utilizan para realizar operaciones matematicas basicas, como la suma, la resta, la multiplicacion y la division. Simbolos: +, -, *, /

Estructura tu contenido

Un título genial

Interactividad

Animación

Contextualiza tu tema con un subtítulo

Mapa Conceptual Educación superior

Un título genial

Creatividad

Efecto WOW

Un título genial

Magia

Diseño

Efecto WOW

Animación

Creatividad

Interactividad

Es ordenada, jerárquica y estructurada

Diseño

Creatividad

Efecto WOW

Animación

Logra que tu clase piense y aprenda.

Involúcralos en los distintos objetivos.

Interactividad

Magia

Diseño

Creatividad

Activa y sorprende a la clase.

Animación

Diseño

Interactividad

Magia

Interactividad + animación = motivación

Ayúdales a ser mejores para que tu alumnado te ayude a ti.

Efecto WOW

Interactividad

Creatividad

Diseño

Mide resultados y experimenta.

Magia

Creatividad

Efecto WOW

Animación

Genera experiencias de aprendizaje con tu contenido.

Para gestionar una clase hay que escuchar.

¿Sabías que... Retenemos un 42% más de información cuando el contenido se mueve? Es quizá el recurso más efectivo para captar la atención de tu alumnado