Programación en Javascript II

Introducción a la segunda parte del Manual de Javascript

En esta segunda parte partimos de la base que las personas conocen el lenguaje y la sintaxis y vamos a ver cómo utilizarlo para hacer programación de páginas enriquecidas del lado del cliente.

1.- Introducción al manual II de Javascript
Empezamos el segundo manual de Javascrip con un repaso a los temas que vamos a cubrir. Entrar

Clases y objetos nativos de Javascript

Javascript dispone de un conjunto de clases y objetos que podemos utilizar para realizar operaciones diversas. Todos ellos forman una librería de código que nos facilitará la vida cuando hagamos los programas o scripts.

2.- Libreria de funciones Javascript
Javascript, al igual que cualquier otro lenguaje, pone a nuestra disposición un conjunto de funciones que llamamos funciones nativas de Javascript. Entrar

3.- Ejemplos de funciones de la librería Javascript
Las funciones nativas de Javascript son bastante importantes. Ahora Veremos varios ejemplos de funciones de la librería: eval(), parseInt(), isNaN(). Entrar

4.- Objetos en Javascript
Vemos una primera introducción al mundo de los objetos en general y en particular en el lenguaje Javascript. Entrar

5.- Objetos incorporados en Javascript
Lista de los objetos que tenemos a nuestra disposición a la hora de trabajar con Javascript. Entrar

6.- Clase String en Javascript
La clase que nos sive para manejar cadenas de caracteres. Estudiamos sus propiedades y la lista completa de métodos. Entrar

7.- Ejemplos de funcionamiento de la clase String
Realizamos un par de scripts en Javascript para ilustrar el funcionamiento de algunos métodos y propiedades de la clase String. Entrar

8.- Clase Date en Javascript
Explicamos la clase que se utiliza en Javascript para el manejo de fechas y horas, comentando sus métodos y propiedades. Entrar

9.- Ejemplo de funcionamiento de Date
Ejercicio realizado para ilustrar el funcionamiento de la clase Date en Javascript. Entrar

10.- Clase Math en Javascript
La clase que utilizamos para realizar cálculos matemáticos de todo tipo. Entrar

11.- Clase Number en Javascript
Clase que modeliza el tipo de datos numérico. Entrar

12.- Clase Boolean en Javascript
Otra de las clases incorporadas en Javascript, en este caso para crear valores boleanos a partir de valores no boleanos. Entrar

Introducción a la programación orientada a objetos en Javascript

Explicamos de manera breve las posibilidades de programación orientada a objetos (POO) disponible en el lenguaje Javascript.

13.- Creación de clases en Javascript
Ahora que ya sabemos lo que son los objetos, vamos a ver cómo podemos crear nuestros propios objetos en Javascript. Entrar

14.- Creación de clases en Javascript II
Aprendemos a construir métodos y asociarlos a nuestros propios objetos de Javascript. También repasamos cómo instanciar nuestros objetos a partir de las definiciones de la clase. Entrar

15.- Creación de clases en Javascript III
Para ilustrar el modo de trabajo con clases y objetos presentamos el ejemplo completo, en el que creamos una clase, instanciamos objetos y los utilizamos. Entrar

Los objetos del navegador: DOM de la página

Comenzamos a trabajar con los objetos que nos sirven para controlar directamente los elementos de la página, los objetos que se generan automáticamente en el navegador al visitar una página. A lo largo de estos artículos trataremos diversos componentes del DOM de Javascript (Modelo de Objetos del Documento).

16.- Jerarquía de objetos del navegador
Son los objetos que están disponibles en Javascript para controlar cualquier elemento presente en la página web. Entrar

17.- Trabajando con la Jerarquía en Javascript
Vemos por encima la jerarquía entera, detallando alguno de sus elementos y una explicación sobre como se accede a ellos. Entrar

18.- Objeto window de Javascript
Estudiamos el objeto window de Javascript que nos sirve para controlar la ventana del navegador. Detallamos sus propiedades y hacemos un ejemplo. Entrar

19.- Métodos de window en Javascript
El objeto window de Javascript tiene a disposición de los programadores una larga lista de métodos. Los estudiamos y vemos ejemplos. Entrar

20.- Ejemplos de métodos de window
Otros ejemplos de métodos del objeto window de Javascript, relatados con detalle. Entrar

21.- Objeto document en Javascript
Una descripción del objeto de Javascript que sirve para controlar el domumento que se visualiza en el navegador. También hay una lista de todas sus propiedades. Entrar

22.- Ejemplos de propiedades de document
Vemos varios ejemplos de acceso y manipulación de las propiedades del objeto document de Javascript. Entrar

23.- Métodos de document
Vemos una lista de los eventos disponibles en el objeto document. Entrar

24.- Flujo de escritura del documento
Es el proceso en el que el navegador escribe la página. Para escribir en la página desde Javascript el flujo del documento debe estar abierto. Entrar

Trabajo con formularios en Javascript

Los formularios forman parte del DOM de la página y son un grupo de elementos con los que trabajaremos muy habitualmente y que por tanto, merece la pena prestar especial atención. Aprenderemos a recibir y alterar dinámicamente los valores y estados de los elementos de formulario con Javascript.

25.- Trabajo con formularios en Javascript
Para continuar vamos a ver una serie de capítulos enfocados a aprender a trabajar con los formularios. Ahora veremos como acceder a los formularios y sus elementos. Entrar

26.- Ej. trabajo con formularios. Calculadora sencilla
Vamos a ver un ejemplo del trabajo con formularios en el que desarrollaremos una calculadora sencilla. Entrar

27.- Propiedades y métodos del objeto form
Echamos un vistazo a las distintas propiedades y métodos del objeto form de Javascript. Mostramos algún ejemplo de utilización de propiedades y una sencilla validación de formulario y envío con el método submit(). Entrar

28.- Control de campos de texto con Javascript
Explicación y documentación de los campos de texto y su control con Javascript. Se incluyen los campos de tipo text, password y hidden. Entrar

29.- Control de Checkbox en Javascript
Capítulo sobre el control del elemento de formulario tipo checkbox o caja de verificación. Estudiamos sus métodos y propiedades, con ejemplos. Entrar

30.- Control de botones de radio en Javascript
Explicación sobre el manejo de radio buttons en Javascript. Lista de métodos y propiedades junto con algún ejemplo de su funcionamiento. Entrar

31.- Control de campos select con Javascript
Descripción y ejemplo para el control de campos de formulario select, también llamados listas desplegables o combo box. Entrar

32.- Control de elementos Textarea en Javascript
Los elementos textarea son los campos que permiten introducir varias líneas de texto. Aprendemos a controlarlos con programación Javascript. Entrar

Eventos en Javascript

Los eventos son la base de la interactividad, de modo que en este apartado veremos cómo hacer páginas que respondan a las acciones del usuario. En Javascript podemos ejecutar código como respuesta a eventos, que son distintos tipos de acciones que el visitante puede realizar sobre la página o sobre sus elementos.

33.- Los eventos en Javascript
Una explicación sobre lo que son los eventos y como definir sus acciones asociadas en Javascript. Entrar

34.- Los manejadores de eventos en Javascript
Lista de los manejadores de eventos más habituales del lenguaje Javascript, junto con una descripción de cada uno. Entrar

35.- Ejemplos de eventos en Javascript. Onabort
Vemos enlaces a diversas aplicaciones prácticas donde se tratan eventos y ofrecemos un nuevo ejemplo para el evento onabort. Entrar

36.- Ejemplo del evento onblur en Javascript
Script en Javascript que muestra el trabajo con el evento onblur. Se comprueba la validez de un dato al salir del campo de texto donde está escrito. Entrar

37.- Continuación del ejemplo de onblur, para validar varios campos de texto.
Hacemos un ejemplo de validación de campos de un formulario utilizando como base el evento onblur y solucionando un problema de bucle infinito. Entrar

38.- Elementos de formulario select asociados
Cómo hacer con Javascript que un elemento de formulario select cambie sus opciones cuando cambie otro elemento select de la página. De modo que cada opción de un select tenga un grupo de opciones posibles para el otro select. Entrar

39.- Evento onunload de Javascript
Ejemplo de uso del evento onunload en Javascript para abrir una ventana secundaria cuando el usuario abandone la página. Entrar

40.- Evento onload de Javascript
Con el evento onload podemos ejecutar acciones justo cuando se han terminado de cargar todos los elementos de la página. Entrar

41.- Manejadores de eventos en Javascript 1.3
Listado de todos los manejadores de eventos en el lenguaje Javascript 1.3. Entrar

Epílogos a la segunda parte del Manual de Javascript

Diversos artículos con informaciones interesantes para completar la formación y para saber por dónde se puede continuar aprendiendo.

42.- Cláusulas try … catch: detectar y cazar errores en Javascript
Vemos aspectos básicos sobre la utilización de las cláusulas try y catch para detectar y cazar errores javascript, sin que los errores sean tratados por defecto. Entrar

43.- Hojas de referencia Javascript
Varias chuletas u hojas de referencia de Javascript, Con un listado de métodos funciones y usos de Javascript para rápida consulta. Entrar

44.- Por dónde continuar aprendiendo Javascript
Qué otras referencias y manuales existen para seguir con tu aprendizaje de Javascript. Entrar

45.- Un vistazo a los nuevos eventos Touch de JAVASCRIPT
Ese es el primero de una serie de artículos donde veremos y conoceremos una referencia sobre manejo de eventos Touch con JAVASCRIPT. Entrar

46.- Datos adicionales en el trabajo con Eventos Touch de JavaScript
Damos los últimos retoques en la triología de artículos dedicada a los eventos Touch de JavaScript. Multi Touch y mucho más. Entrar