Blog

En lecciones anteriores vinculamos el CSS mediante un archivo y escribimos algo de código CSS para ver cómo funciona. En esta lección profundizaremos en una propiedad importante: display. La propiedad display determina cómo se muestra una etiqueta en el documento HTML: si se comporta como texto en línea o como un bloque con su propio ancho y alto. Comencemos por lo más sencillo: la forma predeterminada de visualización de las etiquetas varía: <div> se muestra como bloque y <span> como texto en línea.

Con esto concluimos el tutorial de CSS, pero el aprendizaje de CSS no termina aquí. Propongo pasar a la práctica y seguir explorando CSS a través de la creación de un tema para Drupal. Buscaré en Internet un diseño en PSD y lo maquetaremos como un tema de Drupal basado en la plantilla Zen.

También puedes pasar al estudio de PHP:

JavaScript es uno de los lenguajes más populares del mundo, aunque con el tiempo pierde algo de terreno, sigue siendo muy estudiado por muchos programadores.
JavaScript te será necesario para el estudio posterior de jQuery, así que antes de adentrarte en jQuery —que a su vez es un framework de JavaScript— conviene dominar primero los fundamentos de JavaScript.
El código JavaScript se inserta directamente en el HTML de la página usando las etiquetas <script></script>:

No voy a dar muchas vueltas describiendo todos los tipos de variables y operaciones: no es necesario; nuestro objetivo principal es asimilar la sintaxis básica de JavaScript para luego avanzar al estudio de jQuery, y así poder mejorar sus conocimientos y habilidades en JavaScript. Si realmente desea profundizar en JavaScript y no le atrae el uso del magnífico framework jQuery, entonces conviene buscar un manual de JavaScript más extenso. Pero si desea crear sitios en Drupal y luego aprender jQuery, vamos por buen camino. Así pues, comencemos.

En esta lección analizaremos cómo usar la estructura if en JavaScript. La sintaxis de JavaScript es aproximadamente la misma que la de PHP (ambos fueron diseñados pensando en programadores de C++), así que puedes consultar el uso de if en esta lección de PHP:

Lecciones de PHP - lección 8 - Operador if

En esta lección analizaremos los bucles en JavaScript. Como mencioné anteriormente, la sintaxis de PHP es similar a JavaScript, por lo que también puedes consultar los bucles en PHP:

Lecciones de PHP – lección 12 – bucles while, foreach, for

Salvo por un detalle, en JavaScript no existe el bucle foreach(), por lo que en el futuro utilizaremos el método each() de jQuery para iterar sobre los elementos.

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.”