Strings

Los Strings en JavaScript son usados para almacenar y manipular textos.
Del contenido del capítulo JS Strings W3Schools.

Ejercicios sobre Eventos

Resolver los siguientes ejercicios sobre Eventos en JavaScript.
Del contenido del capítulo JS Events W3Schools.

Eventos

Los eventos de HTML son "cosas" que pasan a los elementos de HTML.
Cuando JavaScript es usado dentro de una página HTML, JavaScript reacciona ante estos eventos.
Del contenido del capítulo JS Events W3Schools.

Scope

En JavaScript se denomina Scope a las posibilidades de acceso a las variables, objetos y funciones.
Del contenido del capítulo JS Scope W3Schools.

La letra del DNI (2)

Una vez publicada la entrada anterior, he estado observando y estudiando otros resultados.
En concreto quería incluir la posibilidad de que si alguien introduce un número que no es un número o que no tiene las ocho cifras reglamentarias, se mostrase un mensaje de error.

La letra del DNI (1)

¿Cómo funciona la letra del DNI?
Es un sencillo algoritmo que asigna una letra en función del resto que se obtiene al dividir el número de ocho cifras por 23.

Ejercicios sobre objetos

Objetos, propiedades y métodos.
Del contenido del capítulo JS Objects W3Schools.

Objetos

Objetos, propiedades y métodos.
Del contenido del capítulo JS Objects W3Schools.

Abrir un vínculo en ventana nueva

Nos saltamos el orden habitual del recorrido por los ejercicios y actividades del W3School para comentar un recurso incorporado a este blog.

Se trata de abrir un vínculo en una ventana nueva que podemos dimensionar de manera independiente para cada caso.

Punto y seguido

Toca hacer un poco de reflexión sobre lo publicado hasta el momento.
La verdad es que los ejercicios del W3Schools son algo repetitivos y sosos.
Bastante sosos.

Ejercicios sobre funciones

Cinco ejercicios sobre funciones
Del contenido del capítulo JS Functions del W3Schools.

Funciones

Una función es un bloque de código diseñado para realizar una determinada tarea.
Una función es ejecutada cuando algo la invoca. Le hace una llamada.
Del contenido del capítulo JS Functions del W3Schools.

Tipos de datos

Los tipos de datos en JavaScript son: String, Número, Boolean, Array, Objeto.
Del contenido del capítulo JS Data Types del W3Schools.

Ejercicicios sobre operadores de asignación

Operadores de asignación.
Del contenido del capítulo JS Assignment del W3Schools.

Ejercicios sobre operadores aritméticos

Ejercicios sobre operadores aritméticos.
Del contenido del capítulo JS Arithmetic del W3Schools.

Operadores aritméticos

Los operadores pueden ser matemáticos y de asignación.
Del contenido del capítulo JS Arithmetic del W3Schools.

Operadores

Los operadores pueden ser matemáticos y de asignación.
Del contenido del capítulo JS Operators del W3Schools.

Ejercicios sobre Variables

Ejercicios sobre variables.
Del contenido del capítulo JS Variables del W3Schools.

Variables

Las variables son contenedores para almacenar información.
Del contenido del capítulo JS Variables del W3Schools.

Comentarios

Los comentarios de JavaScript se puede utilizar para explicar el código, y para que sea más legible.
También se pueden usar para evitar la ejecución , cuando se prueba código alternativo.
Del contenido del capítulo JS Comments del W3Schools.

Declaraciones

Las declaraciones de JavaScript son instrucciones para ser ejecutadas por el navegador.
Del contenido del capítulo JS Statements del W3Schools.

Sintaxis

Un programa de computadora es una lista de las "instrucciones" para ser "ejecutados" por el ordenador.
En un lenguaje de programación, estas instrucciones de programa se llaman declaraciones.
JavaScript es un lenguaje de programación.
Las declaraciones de JavaScript están separados por punto y coma.
Del contenido del capítulo JS Syntax del W3Schools.

Operadores de asignación

Operadores de asignación.
Del contenido del capítulo JS Assignment del W3Schools.

Salida (output) en JavaScript

JavaScript puede mostrar información de cuatro formas distintas.

• Escribiendo en una ventana emergente con window.alert().
• Escribiendo en el propio documento HTML usando document.write().
• También en el propio documento HTML con innerHTML.
• O en la consola del navegador usando console.log().

Vamos a colocar en sendos iframes un ejemplo de cada caso para comprobar como funciona cada caso.

¿Dónde va el código JS?

Tenemos tres posibilidades para escribir el código JavaScript.

1.- En el cuerpo del documento HTML. En el body.
2.- En la cabecera del documento HTML. En el head.
3.- En un archivo externo que tiene que guardarse con la extensión .js.

Vamos a colocar en sendos iframes un ejemplo de cada caso para comprobar que funciona correctamente.

JS puede validar datos introducidos

Validación de datos.

JS puede cambiar los estilos del HTML

Modificar estilos CSS

Cambiar imágenes

Cambiar una imagen por otra

JS puede cambiar el contenido HTML

Modificar textos

Mi primer JavaScript

Obtener fecha y hora

Objetivos

Como mejor se aprende es haciendo.
En el caso de los lenguajes de programación, también.
En este blog me propongo seguir paso a paso los ejemplos que se muestran en la excelente web de W3Shools
No pretendo superarla.
Creo que es un excelente recurso para aprender HTML, CSS, JavaScript...
Me propongo, únicamente, trabajar los ejemplos, traducir lo que sea necesario y hacer comentarios.
Ya veremos si es posible hacer las cosas desde las entradas del blog o tendremos que colocar casi siempre iframes que carguen páginas externas.
El recurso de W3Schools es muy bueno.
La posibilidad de editar el código directamente en línea y observar los resultados es genial.
Allí no puedo competir.
De todas formas, aconsejo hacer con un editor de texto plano (el bloc de notas por ejemplo, o el Notepad++ para Windows, el Gedit par Linux o el Coda para Mac) todos y cada uno de los ejemplos y probarlos en modo local.
La dificultad de cualquier lenguaje de programación es memorizar la sintaxis correcta en el orden correcto. Y esto solo se puede conseguir ejercitando mucho. Escribiendo todo el código una y otra vez. Una y otra vez...