Conceptos de programacion

¿Qué es JavaScript?

Entrada de datos por teclado

Estructuras secuenciales

Estructuras condicionales simples

Estructuras condicionales compuestas

Estructuras condicionales anidadas

Operador lógico && (y)

Operador lógico || (o)

Estructuras switch

Estructura repetitiva (while)

Concepto de acumulador

Estructura repetitiva (do/while)

Estructura repetitiva (for)

Funciones con parámetros

Funciones que retornan un valor

Programación orientada a objetos

Formularios y Eventos

Controles FORM, BUTTON y TEXT

Control PASSWORD

Control CHECKBOX class="list-group-item list-group-item-action"

Control TEXTAREA

Eventos onFocus y onBlur

Eventos onMouseOver y onMouseOut

El objeto window

Propiedad location del objeto window

Propiedad history del objeto window

Propiedad screen del objeto window

Propiedad navigator del objeto window

Archivo JavaScript externo (*.js)

Programación orientada a objetos en JavaScript

Definición de varias clases

Vectores con componentes de tipo objeto

Creación de objetos literales

Creacion de Arrays, metodos pop y push

Manejo de Arrays con métodos unshift , shift y delete

Ordenamiento de Arrays con métodos sort() y reverse()

Array método slice

Array el método splice () en JavaScript

Métodos join() y el método concat() en JavaScript

Formas de recorrer un Array y el método toStringt

Argumentos en funciones y variables locales y variables globales

Caracteres válidos para el nombre de una funcion y funciones anidadas

Parámetros de tipo función

Eventos de JavaScript

Eventos de mouse (mousedown,mouseup, mouseover , mouseout y mousemove)

Eventos de teclado (keydown, keyup y keypress)

Eventos focus y blur en javascript

Parámetro del método asociado al addEventListener

Evento submit en javascript

Operadores de Comparación

Funciones isNaN y isFinite

Funciones setInterval, clearInterval, setTimeout y clearTimeout

Expresiones regulares

Mas expresiones regulares

Modificadores de expresiones regulares

Métodos para expresiones regulares

Novedades ES6

Definición de constantes y variables

Plantillas de cadenas de caracteres

Funciones con parámetros por defecto

Funciones con parámetros Rest

Operador Spread

Arrow Functions

Nombres de métodos abreviados

Declaración de clases

Herencia en ES6

Definición de Getters y Setters

Definición de métodos estáticos

Estructura repetitiva 'for of'

WeakSet y WeakMap en ES6

Novedades de ES6 en Arrays

Novedades en ES6 - API fetch

Entrada de datos por teclado en JavaScript

En JavaScript para la entrada de datos por teclado podemos utilizar la función prompt. Cada vez que necesitamos ingresar un dato con esta función, aparece una ventana donde cargamos el valor.

Para la entrada de datos por teclado tenemos la función prompt. Cada vez que necesitamos ingresar un dato con esta función, aparece una ventana donde cargamos el valor. Hay otras formas más sofisticadas para la entrada de datos en una página HTML, pero para el aprendizaje de los conceptos básicos de JavaScript nos resultará más práctica esta función.

Para ver su funcionamiento analicemos este ejemplo:

<html>
<head>
</head>
<body>
<script language="JavaScript">
var nombre;
var edad;
nombre=prompt('Ingrese su nombre:','');
edad=prompt('Ingrese su edad:','');
document.write('Hola ');
document.write(nombre);
document.write(' asi que tienes ');
document.write(edad);
document.write(' años');
</script>
</body>
</html>

Ver ejemplo anterior

Para imprimir caracteres sobre la página debemos llamar al comando 'write' del objeto document. La información a imprimirse debe ir entre comillas y encerrada entre paréntesis. Todo lo que indicamos entre comillas aparecerá tal cual dentro de la página HTML.
Es decir, si pedimos al navegador que ejecute esta página mostrará el texto 'Hola Mundo'.
Cada vez que escribimos una instrucción finalizamos con el caracter punto y coma.