JavaScript en CMS como Joomla, WordPress, Drupal

JAVASCRIPT EN
APLICACIONES WEB
COMO JOOMLA,
APRENDERAPROGRAMAR.COM WORDPRESS, DRUPAL,
PRESTASHOP, ETC.
MDULOS, TEMPLATES O
THEMES, ETC. (CU01106E)
Seccin: Cursos
Categora: Tutorial bsico del programador web: JavaScript desde cero

Fecha revisin: 2029

Resumen: Entrega n6 del Tutorial bsico JavaScript desde cero.

Autor: Csar Krall

aprenderaprogramar.com, 2006-2029
JavaScript en
e CMS como Jo
oomla, WordPress, Drupal

JAVASCRIIPT EN APLIC
CACIONES WEB
W

Ya hemos dicho quee JavaScript es un lengguaje de prrogramacin que nos p permite creaar efectos
dinmicoss y giles del
d lado dell cliente. Un na de las aplicaciones
a ms ampliaamente exte endida de
JavaScriptt est en dottar de dinam mismo y efecctos a las aplicaciones weeb, dentro d
de las que de
estacan los
Gestores de Contenid dos o CMS (C Content Man nagement Syystems). Un CMSC ware que se instala en
es softw
el servido
or y sirve paraa publicar co
ontenidos en
n una pgina web fcilmeente.

El conceppto de aplicacin web (programa que q se alojaa en un servvidor remotto o hostingg y al que
accedemo os a travs de
d internet) es muy am mplio, de heccho con el paso
p de los aos se ha hecho tan
amplio co
omo los proggramas de orrdenador o lasl actividades que realizza el ser hum
mano. Las ap
plicaciones
web se han
h populariizado en loss ltimos a os gracias a que buen na parte de estas aplicaaciones se
comenzarron a distribuir y utilizar de forma gratuita, con una comunidad de usuaarios y desarrrolladores
de softwaare en torno a ellas.
Muchas de d estas apliicaciones sirrven para qu
ue personas que no tiennen conocimmientos de in nformtica
gestionenn pginas weeb como tiendas de comeercio electrnico, foros, portales de ccontenidos, peridicos
digitales, etc.
Las aplicaciones web se
s podran clasificar de varias
v manerras. De hechoo es difcil reealizar una clasificacin
debido a que los campos en que ses utilizan las distintas aplicaciones muchas
m vecees se solapan n. Vamos a
hacer unaa clasificaci
n comn, que
q es basndonos en el tipo de pgina p web para el que e son ms
habitualmmente usadoss:

CLASIFICA
ACIN EJEMPLOS DESC
CRIPCIN

Joommla, Druppal, Open nCMS, Plo

one,
WordPress, b2evolution, Geekklog,
Sereendipity, Textpattern,
T CMS Made Orienttados a creear portaless web de
Gestores de Simple, concrette5, Contao,, ImpressPages, muy diferentes temticas, desde un
os
Contenido liveSSite, Nucleus, Pyro oCMS, TYP PO3, periddico digital hasta una tienda
t on-
Chaamilo, Moo odle, phpM MyFAQ, e1 107, line o un blog, pggina personaal, etc.
Mah hara, Mambo, ocPortaal, PHP-Fussion,
PHPP-Nuke, Tiki Wiki,
W Xoops, Zikula.

aprenderraprogramar.co
om, 2006-2029
JavaScript en CMS como Joomla, WordPress, Drupal

CLASIFICACIN EJEMPLOS DESCRIPCIN

Pensados para la creacin de sistemas

Foros y libros phpBB, SMF, fluxBB, MyBB, Vanilla Forums, de foros donde los usuarios participan
de visitas XMB Forums, GBook, Lazarus GuestBook. intercambindose mensajes o para
libros de visitas

Pensados para mantener un sistema de

informacin entre una comunidad de
MediaWiki, DocuWiki, PmWiki, WikkaWiki, usuarios. Este sistema puede ser
Wikis
TikiWiki, PikiWiki. generalista como wikipedia o estar
especializado en un rea o campo de
conocimiento concreto.

Tiendas y Pensadas para crear tiendas

Magento, PrestaShop, CubeCart, OpenCart,
comercio electrnicas y galeras de productos
osCommerce, TomatoCart, Zen Cart,
electrnico destinadas al comercio electrnico.

ExtCalendar, phpScheduleit, WebCalendar, Permiten crear calendarios, galeras de

phpFreeChat, phpMyChat, DadaMail, imgenes, Chats, Sistemas de envo de
Utilidades
PHPList, SiteRecommender, OpenX, correo electrnico, sistemas de
varias
OSClass, QuickSell Classifieds, Help Center anuncios, sistemas de soporte a
Live, Hesk, osTicket usuarios

MILLONES DE WEBS DISTINTAS

Vamos a centrarnos ahora en lo que permite mostrar una aplicacin web a los usuarios. Por ejemplo,
para un diario digital diremos que existe una parte denominada BackEnd donde escriben los articulistas
y otra parte denominada FrontEnd que es la pgina web en s del diario. Aplicaciones web que pueden
servir para este propsito son Joomla, Drupal o WordPress.
Tanto en el backEnd de las aplicaciones como en el FrontEnd de estas, se utiliza JavaScript. En el
backEnd no se trata tanto de crear efectos visuales atractivos, sino de dotar a la pgina de
administracin de agilidad y rapidez. En el FrontEnd el principal objetivo ser crear efectos visuales
atractivos y hacer que la pgina funcione de forma correcta y rpida.
Para conseguir webs tiles y rpidas estas herramientas incorporan cdigo JavaScript avanzado
mediante el que se realizan distintos procesos o se crean distintos efectos. La aplicacin web suele
contar con una parte para la gestin de contenidos mientras que otra parte denominada plantilla,
template, theme, skin, etc. se encarga de controlar el aspecto.
El template o theme acta como una piel sobre los contenidos y su principal herramienta es CSS, pero
tambin suele estar controlado por un lenguaje de programacin del lado del servidor como PHP y en
algunos aspectos por un lenguaje del lado del cliente como JavaScript, adems de tener un esqueleto
de HTML.

aprenderaprogramar.com, 2006-2029
JavaScript en CMS como Joomla, WordPress, Drupal

Fjate en estas imgenes, que corresponden a themes o plantillas del gestor de contenidos Drupal.

Fjate en las imgenes, en los mens, en los iconos. Vamos a comentar distintos efectos que se pueden
conseguir con JavaScript:
a) Es frecuente que una imagen principal en la cabecera de una pgina web vaya rotando o
alternndose con otras imgenes (a veces con un texto superpuesto). Para hacer esto el usuario
no tiene que recargar la pgina, es un proceso que se puede ejecutar del lado del cliente
usando JavaScript.

b) Es frecuente que al pulsar en un men se vea un efecto de despliegue o desenrollado, a veces

con cambios de color, velocidad, despliegue de submens, etc. Para hacer esto el usuario no
tiene que recargar la pgina, es un proceso que se puede ejecutar del lado del cliente usando
JavaScript.
c) Muchas veces hay iconos que permiten activar o desactivar sonidos, cambiar los colores que
intervienen en la pgina web, ser arrastrados y colocados en distintos lugares, etc. Para hacer
esto el usuario no tiene que recargar la pgina, es un proceso que se puede ejecutar del lado
del cliente usando JavaScript.

aprenderaprogramar.com, 2006-2029
JavaScript en CMS como Joomla, WordPress, Drupal

Vemos cmo usando JavaScript se pueden conseguir muy distintos efectos y procesos. Esto ha
permitido el xito de gestores de contenidos como Joomla, Drupal o WordPress, con los que se puede
crear desde una pgina dedicada al comercio electrnico hasta una web de un restaurante o un
peridico digital. Gracias a JavaScript estas pginas pueden tener muchos contenidos y ser rpidas a la
hora de realizar procesos, desplegar mens, rotar imgenes, etc.
JavaScript interviene en la programacin de distintos complementos para las aplicaciones web.
Existen muchos estudios de diseo y programacin donde se trabaja en la creacin de templates o
themes prediseados. Hay muchos de distribucin gratuita, pero la mayora de los templates o themes
de calidad son de pago (cosa lgica, ya que tienen un gran trabajo detrs). Prcticamente todos estos
templates usan, entre otros lenguajes, JavaScript.
La mayora de las aplicaciones web tienen disponibles extensiones (que reciben distintos nombres
como mdulos, componentes, etc.) que permiten incorporar nuevas funcionalidades. Por ejemplo si
queremos incorporar una calculadora a nuestra aplicacin web Joomla, Drupal o WordPress
posiblemente ya exista un mdulo de descarga gratuita o de pago que permita incorporar la calculadora
sin tener que programarla partiendo de cero. Estas extensiones usan, entre otros lenguajes, JavaScript.
Hemos querido con esta aproximacin al uso de JavaScript en aplicaciones web remarcar la importancia
que ha adquirido esta tcnica en los desarrollos web. No vamos a entrar de momento en cuestiones
relacionadas con aplicaciones web o gestores de contenidos, sino a centrarnos en cuestiones bsicas de
JavaScript. La realidad en torno a las aplicaciones web es bastante compleja, ya que actualmente se
tiende a trabajar con muchos lenguajes, frameworks y herramientas de carcter avanzado. Esto ya
supone el uso de herramientas muy especficas, y tambin suele suponer la participacin de distintos
especialistas (diseadores, maquetadores, expertos en CSS, programadores expertos en bases de datos,
expertos en programacin del lado del servidor, expertos en programacin del lado del cliente, etc.)
para la creacin de las aplicaciones web.
Lo primero es lo primero, as que empecemos con los fundamentos de JavaScript.

Prxima entrega: CU01107E

Acceso al curso completo en aprenderaprogramar.com -- > Cursos, o en la direccin siguiente:

http://aprenderaprogramar.com/index.php?option=com_content&view=category&id=78&Itemid=206

aprenderaprogramar.com, 2006-2029