Blog
Drupal y jQuery. Lección 1. Conectando un archivo con jQuery
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.
Drupal y jQuery. Lección 2. Selectores y efectos
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')
Drupal y jQuery. Lección 3. jQuery y CSS
En este video veremos cómo trabajar con CSS utilizando las capacidades de jQuery.
Drupal y jQuery. Lección 4. jQuery y eventos (events)
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.
jQuery y Drupal. Lección 5. Calculadora en línea con jQuery y estilo sexy uniform
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.
jQuery y Drupal. Lección 6. Galería de fotos con jQuery
En esta lección veremos cómo crear una galería de fotos simple utilizando jQuery.
jQuery y Drupal. Lección 7. Campo de búsqueda con jQuery, eventos Focus y Blur
Seguramente has visto un campo de búsqueda con el texto "Поиск" (Buscar), que al hacer clic desaparece para permitir introducir tu propia consulta. A continuación te muestro un snippet en jQuery para lograr este comportamiento:
Drupal y jQuery. Lección 8. Conectando jQuery UI y jQuery UI Tabs en Drupal 7
Código del archivo:
/sites/all/modules/custom/custom.info
name = custom description = custom module core = 7.x
/sites/all/modules/custom/custom.module
<?php drupal_add_library('system', 'ui.tabs');
Código CSS:
#tabs { border: 0px; } .ui-tabs-nav { background: none; border: none; }
Código HTML dentro de node-product.tpl.php
:
Lecciones de PHP (manual, curso autodidacta)
¿Por qué crear otro manual autodidacta de PHP? Aún no he encontrado una guía sencilla para principiantes que explique todo paso a paso desde lo más básico de PHP. Parece que quienes escriben estos manuales olvidan que también comenzaron alguna vez con Pascal, BASIC o C++. Suponen que conceptos como función, recursión, variable o tipo de dato son conocimientos innatos que no hace falta explicar.
Lecciones de PHP - Parte 1 - Fundamentos de la programación en PHP
En esta parte del curso de PHP, estudiaremos los fundamentos del lenguaje PHP desde lo más básico. A medida que vayas aprendiendo más sobre PHP, los ejemplos se irán volviendo más complejos.