En esta lección veremos las funciones en JavaScript: cómo escribirlas y qué tipos de funciones existen. Puedes leer sobre funciones en estas lecciones de PHP, ya que muchos ejemplos también funcionan en JavaScript:

Lecciones de PHP - Lección 7 - Funciones y programación funcional en PHP

En esta lección veremos otro tipo de datos en JavaScript: los arrays. También revisaremos algunas funciones para trabajar con cadenas y arrays. Las demás funciones las abordaremos en lecciones posteriores. Para familiarizarte con los arrays, puedes consultar el material sobre arrays en PHP:

Lecciones de PHP - Lección 10 - Arrays

Esta es la última lección de JavaScript necesaria para comenzar a aprender jQuery. Pero no es la última lección de JavaScript que voy a hacer, porque el lenguaje JavaScript es mucho más amplio y tiene mucho más que ofrecer de lo que he cubierto hasta ahora.

En esta lección vamos a ver otro tipo de dato en JavaScript: los objetos. Los objetos se pueden comparar con arrays, cuyos elementos son variables y funciones. Las variables dentro de los objetos se llaman propiedades, y las funciones dentro del objeto se llaman métodos. Puedes leer más sobre objetos en PHP aquí:

¿Qué es jQuery?

jQuery es una excelente biblioteca de JavaScript que permite crear efectos web sorprendentes con solo unas pocas líneas de código. Como se indica en el sitio oficial de jQuery:

“jQuery es una biblioteca de JavaScript cuyo lema es: programar en JavaScript debe ser divertido. jQuery se encarga de las tareas comunes y repetitivas, limpia el diseño y mantiene el código corto, elegante y comprensible.”

jQuery es una herramienta muy útil cuando necesitas ocultar, modificar, mover, estilizar y desaparecer elementos. Es muy práctica y sencilla. Vamos a conectar un archivo JavaScript. Para conectar archivos en un tema, lo haremos a través del archivo con extensión .info de tu tema. Para añadir un archivo, agrega esta línea en el archivo .info de tu tema:

scripts[] = js/custom.js

donde js/custom.js es la ruta al archivo JavaScript dentro de tu tema.

En esta lección veremos los selectores y los efectos en jQuery.

Selectores

Entre los selectores, los que más usaremos son clases e ID. Los selectores en jQuery son muy similares a los de CSS, así que si sabes escribir selectores en CSS, también sabrás usarlos en jQuery. Así seleccionamos clases:

$('.class')

Y así seleccionamos un ID:

$('#id')

En este video veremos cómo trabajar con CSS utilizando las capacidades de jQuery.

En esta lección estudiaremos los eventos (events) en jQuery. También conoceremos el método animate(), que permite realizar animaciones. Con la ayuda de eventos y animate(), crearemos un formulario de contacto animado.

En este video aprenderemos a usar jQuery para crear una calculadora en línea. Además, conectaremos el plugin Sexy Uniform para que nuestros botones tengan un diseño atractivo.

En esta lección veremos cómo crear una galería de fotos simple utilizando jQuery.