partner-pub-28994 FORID:11

ISO-8859-1

Buscar

www.desarrollowe

Login | Registro
/

Login

DesarrolloWeb.com > Monotematicos > Javascript a fondo

Secciones

Manuales

Programas

FAQs

Directorio

Vdeos

En directo

Monotemticos

Desde 0

Diseo web

HTML

CSS

Javascript

Ajax

ASP

PHP

Blogging

Actualidad

De inters

Agenda

Usuarios

Perfiles

Registro

Boletn

Javascript a fondo
Todo lo que necesitas para aprender Javascript est en
esta pgina. Aqu encontrars todos los contenidos de
Javascript de DesarrolloWeb.com, que te servirn para dar
los primeros pasos con el lenguaje y aprender los usos ms
avanzados.
Estn distruidos en una serie de pginas con manuales que
te introducen el propio lenguaje, tcnicas y talleres, libreras
para realizar tareas ms complejas y en menos tiempo, etc.
Si te interesa Javascript con todos estos materiales podrs
dominarlo.
Contenidos

Qu es Javascript

Javascript bsico
Libreras bsicas generalistas, jQuery y dems
Javascript y HTML5
MVC en Javascript
NodeJS
Aplicaciones prcticas
Otras libreras especficas
Compartir
Qu es Javascript
Javascript es un lenguaje de programacin que surgi con el objetivo
inicial de programar ciertos comportamientos sobre las pginas web,
respondiendo a la interaccin del usuario y la realizacin de
automatismos sencillos. En ese contexto podramos decir que naci como
un "lenguaje de scripting" del lado del cliente, sin embargo, hoy Javascript es
mucho ms. Las necesidades de las aplicaciones web modernas y el HTML5
ha provocado que el uso de Javascript que encontramos hoy haya llegado a
unos niveles de complejidad y prestaciones tan grandes como otros
lenguajes de primer nivel.
Pero adems, en los ltimos aos Javascript se est convirtiendo tambin
en el lenguaje "integrador". Lo encontramos en muchos mbitos, ya no
solo en Internet y la Web, tambin es nativo en sistemas operativos
para ordenadores y dispositivos, del lado del servidor y del cliente.
Aquella visin de Javascript "utilizado para crear pequeos programitas
encargados de realizar acciones dentro del mbito de una pgina web" se ha
quedado muy pequea.
En el contexto de un sitio web, con Javascript puedes hacer todo tipo de
acciones e interaccin. Antes se utilizaba para validar formularios, mostrar
cajas de dilogo y poco ms. Hoy es el motor de las aplicaciones ms
conocidas en el mbito de Internet: Google, Facebook, Twitter, Outlook...
absolutamente todas las aplicaciones que disfrutas en tu da a da en la
Web tienen su ncleo realizado en toneladas de Javascript. La Web 2.0 se
basa en el uso de Javascript para implementar aplicaciones enriquecidas
que son capaces de realizar todo tipo de efectos, interfaces de usuario y
comunicacin asncrona con el servidor por medio de Ajax.
Nota: Quizs algunas de esas palabras te suenen todava a chino, pero en DesarrolloWeb.com
podrs encontrar manuales para aprender no solo los conceptos, sino cmo implementar esos

comportamientos en pginas web. No te preocupes, iremos poco a poco.

Observars que casi siempre nos referimos a Javascript como el "lenguaje de

programacin de pginas del lado del cliente", pero como ya hemos mencionado, Javascript
es mucho ms. Esto es porque hemos vivido Javascript desde sus inicios, cuando el navegador
(inicialmente Netscape) era el nico contexto en el que podas ejecutarlo. Tambin, ese es el
Javascript que debes conocer si estas comenzando y el que querrs aprender en la mayora de
las ocasiones.

Entender Javascript en el contexto de los lenguajes de la web

Para entender bien lo que es Javascript y en qu situaciones se utiliza debes
conocer los distintos lenguajes que se utilizan en la web. No es necesario
que domines todos los lenguajes de la web para hacer un buen uso de
Javascript, tan solo ser necesario que conozcas el HTML y tengas algunas
nociones de CSS. En ese manual podrs tambin conocer algunos de los
conceptos clave para entender qu es Javascript, como la programacin del
lado del cliente y la programacin del lado del servidor.

Manual de los lenguajes del web

En esta compilacin de artculos podrs dar un repaso general a lenguajes y
tecnologas que estn presentes en el da a da del desarrollo de sitios web.

Javascript bsico (como lenguaje de scripting del lado del cliente)

A Javascript se le denomina "del lado del cliente" porque donde se ejecuta
es en el navegador (cliente web), en contraposicin a lenguajes como PHP
que se ejecutan del "lado del servidor". En el lado que nos ocupa con
Javascript, el cliente, es el navegador el que soporta la carga de
procesamiento. Gracias a su compatibilidad con todos los navegadores
modernos se ha convertido en un estndar como lenguaje de
programacin del lado del cliente.
Con Javascript podemos crear efectos especiales en las pginas y definir
interactividades con el usuario. El navegador del cliente es el encargado de
interpretar las instrucciones Javascript y ejecutarlas para realizar estos
efectos e interactividades, de modo que el mayor recurso, con que cuenta
este lenguaje es el propio navegador y todos los elementos que hay dentro
de una pgina (que no es poco). Pero ahora, gracias a las API Javascript del
HTML5, que estn disponibles en los navegadores actuales de ordenadores
y dispositivos, podemos acceder a todo tipo de recursos adicionales, como
la cmara, espacio para almacenamiento de datos, creacin de grficos

basados en vectores y mapas de bits, flujos de datos con servidores, etc.

Con todo ello se han multiplicado las posibilidades.
Cmo y cuando aprender Javascript
En la secuencia del aprendizaje de las tecnologas y lenguajes del web,
Javascript sera el lenguaje ms adecuado para aprender despus de
conocer perfectamente HTML y algo de CSS. Es ideal para cualquier
persona con conocimientos de programacin o incluso para aquellos
profesionales que no los tienen pero que no quieren dejar de lado las
grandes posibilidades de Javascript para mejorar la experiencia de usuario
en sus pginas y la potencia de sus proyectos. Es un lenguaje de
programacin bastante sencillo y pensado para hacer las cosas con
rapidez, a veces con ligereza. Incluso las personas que no tengan una
experiencia previa en la programacin podrn aprender este lenguaje con
facilidad y utilizarlo en toda su potencia con slo un poco de prctica.
Cuando empiezas a aprender Javascript, ejecutando tus programas en el
navegador, los primeros ejemplos que realizars tendrn dos vertientes.
Por un lado los efectos especiales sobre pginas web, para crear
contenidos dinmicos y elementos de la pgina que tengan movimiento,
cambien de color o cualquier otro dinamismo. Por el otro, javascript nos
permite ejecutar instrucciones como respuesta a las acciones del usuario
(eventos), con lo que podemos crear pginas interactivas con programas
como calculadoras, agendas, o hojas de clculo, interfaces de usuario
diversas, etc.
Javascript es un lenguaje con muchas posibilidades, permite la
programacin de pequeos scripts, pero tambin de programas ms
grandes, orientados a objetos, con funciones, estructuras de datos
complejas, etc. Adems, Javascript pone a disposicin del programador
todos los elementos que forman la pgina web, para que ste pueda
acceder a ellos y modificarlos dinmicamente.
Con Javascript el programador es capaz de alterar cualquier cosa que se
muestra en una pgina, cambiando, insertando o eliminando todo tipo de
contenido. Si lo deseas, puedes controlar de cada cosa que ocurre en la
pgina cuando la est visualizando el usuario y comunicar con l con todo
tipo de interfaces especiales. Todo eso es lo que permitir crear
aplicaciones web realmente impactantes. Aprender todo eso no se consigue
en dos das, pero con ganas todo se acaba consiguiendo.

En DesarrolloWeb.com podrs aprender el Javascript bsico en dos

manuales distintos:

Manual de Javascript
Este manual trata todos los temas ms bsicos de Javascript, desde la creacin de
tus primeros scripts. Nos ensea los diferentes lugares donde podemos integrar el
cdigo Javascript dentro de una pgina web, pero lo ms importante que vers en
este manual es todo lo relacionado con la sintaxis del lenguaje, estructuras de
control (bucles, condicionales), funciones, etc. Este manual est explicado paso por
paso, de modo que lo podrn entender incluso aquellas personas que no tienen
conocimientos de programacin.

Programacin Javascript II
En este segundo manual podrs entender Javascript dentro del contexto del
navegador. Aprenders que con Javascript tienes a tu disposicin cualquier elemento
de la pgina, que podrs alterar para implementar las necesidades de tus
aplicaciones y responder a la interaccin del usuario.

Videotutorial de Javascript
Si prefieres aprender por medio de vdeo tenemos tambin una serie de
videotutoriales de Javascript ideales para iniciarse en el lenguaje. Cubren la parte de
la sintaxis de Javascript, variables, arrays, estructuras de control, funciones, etc.

Libreras Javascript
Una vez conozcas el Javascript esencial y hayas podido explorar diversos
ejemplos y utilidades querrs dedicarte a aprender algunas libreras
extremadamente tiles como es el caso de jQuery o similares.
Aprendiendo Javascript llegars a un nivel en el que percibirs que cada
navegador interpreta de una manera distinta el lenguaje. Lo que puede
estar correcto en un cliente web puede que no se vea bien en otro y
viceversa. Por ese motivo los programadores han tenido que realizar
tradicionalmente mucho cdigo Javascript para distinguir qu navegador
est usando nuestro visitante y luego para ejecutar aquel cdigo Javascript
que es capaz de interpretar bien el navegador del usuario. A este cdigo
capaz de ejecutarse sin errores en distintos navegadores se le llam "Cross
Browser", pero no era prctico para los desarrolladores, pues surgan
programas con cdigo muy complejo, que requera constante

mantenimiento para adecuarse a los nuevos navegadores y las nuevas

versiones.
Afortunadamente Javascript se ha vuelto un estndar y los navegadores
modernos son capaces de interpretarlo de manera muy similar, pero
todava quedan muchos navegadores antiguos que ejecutan Javacript muy
particular y nos toca lidiar con ellos en el da a da. Para ello contamos con
diversas libreras que nos ayudan mucho. Pero el objetivo de estas libreras
no es solamente hacer cdigo compatible con cualquier sistema, tambin
se trata de hacer ms simples las cosas que se suelen necesitar en el da a
da. Osea, realizar efectos con pocas lneas de cdigo, comunicaciones
asncronas con el servidor (Ajax) fciles de implementar, gestin de eventos,
etc.
jQuery
La librera ms conocida de Javascript se llama jQuery y se ha convertido en
un complemento en la mayora de las webs que usamos en nuestro da a
da, por su facilidad de uso y por su potencia. Con jQuery puedes escribir
cdigo Javascript que es capaz de ejecutarse sin errores en cualquier
navegador, incluso los antiguos y te implementa muchas funcionalidades
que puedes requerir repetidamente en cualquier sitio web.
jQuery te permite adems programar nuevas funcionalidades por medio de
plugins para hacer cosas tan variadas como validacin de formularios,
sistemas de plantillas, pases de diapositivas, interfaces de usuario
avanzadas y un largo etc. Por donde quiera que vayas en la web
encontrars funcionalidades dinmicas programadas por medio de plugins
jQuery.
Aprender jQuery est al alcance de todos y ese es el principal motivo de
que sea tan usada. De hecho, incluso diseadores sin grandes
conocimientos de programacin son capaces de usar la librera para cubrir
sus necesidades, aunque a veces sea solo un ejercicio de "copia-pega". Pero
ojo, no conviene engaarse, si quieres sacarle partido a jQuery primero
debes aprender Javascript.

Manual de jQuery
Es el manual completo de la librera Javascript jQuery, el complemento ms popular
para los desarrolladores en Javascript. Hace un recorrido con absoluta profundidad

de cada uno de los componentes de la librera, enseando a manejarla con muchos

ejemplos prcticos.

Videotutorial de jQuery
Vdeos para aprender a programar con jQuery, con lecciones tericas y que exploran
las funcionalidades principales de la librera, as como casos prcticos desarrollados
desde cero con la intencin de facilitar al estudiante casos de uso que le sirvan para
entender los mecanismos habituales para el desarrollo con jQuery.

Manual de jQueryUI
jQueryUI es una extensin de jQuery por medio de una serie de plugins para
implementar interfaces de usuario avanzadas. Dispone desde sistemas para facilitar
la interaccion, como componentes para implementar drag & drop, elementos
capaces de ordenarse, redimensionarse, etc. hasta interfaces como campos de
autocompletado, sistemas de seleccin de fechas, mens dinmicos, tooltips, cajas
de dilogo, etc.

Manual de jQuery Mobile

jQuery Mobile es el ms nuevo de los productos de la familia jQuery. Si jQuery sirve
para hacer cualquier tipo de Javascript para cualquier tipo de pgina, ejecutable en
cualquier entorno, jQuery Mobile es una librera que nos permite el desarrollo
rpido de sitios web para mviles. Tiene una serie de componentes de interfaz de
usuario y una serie de utilidades para crear pginas orientadas para mvil,
responder a interaccin en pantallas tctiles, etc. Con muy poco cdigo Javascript en
jQuery Mobile puedes crear sitios dinmicos que se comportan muy bien cuando los
usas en la mayora de los fabricantes de dispositivos.

Otras libreras de Javascript

jQuery es la librera ms popular, pero existen otra serie de libreras que
nos sirven para realizar cosas similares y que tienen diversos modos de
resolver los mismos problemas. En DesarrolloWeb.com explicamos diversas
libreras alternativas, entre las que podemos destacar Mootools o YUI. Para
la mayora de los desarrolladores jQuery ser la librera ms adecuada, por
ser en muchos casos ms fcil de entender, tener la mayor comunidad y
con ello resultar ms sencillo encontrar documentacin, ejemplos y plugins
listos para usar. Salvo esas ventajas, que no son pocas, algunos
programadores experimentados podrn preferir otras libreras. Por
ejemplo, si sabes programar con orientacin a objetos probablemente te
gustar ms cmo se desarrollan los componentes reusables en Mootools.

Manual de Mootools
Es una librera muy conocida para Javascript, competidor de jQuery por realizar
cosas muy similares. Con Mootools puedes realizar todo tipo de efectos visuales,
Ajax, alterar elementos de la pgina, etc. Su curva de aprendizaje es un poco pesada,
pero con este manual te lo facilitamos bastante. Podrs entender bien cmo realizar
ejemplos sencillos y tambin componentes avanzados que podrs reutilizar
fcilmente.

Manual de YUI
Es la librera Javascript construida por el equipo de desarrolladores de Yahoo!,
implementada en su portal y en sus aplicaciones. Este manual es simplemente una
rpida lista de artculos para dar los primeros pasos.

Javascript y HTML5
La revolucin de Javascript ha llegado con la incorporacin del HTML5. A
pesar de su nombre, HTML5 incuye varios estndares aparte de ser una
revisin del propio lenguaje HTML. De hecho ms del 60% de lo que se
conoce como HTML5 en realidad son APIs Javascript. Un API es un conjunto
de funciones que sirven para llevar a cabo una o muchas tareas. Pues el
HTML5 incluye diversas API para trabajar ya no solo con el navegador, sino
tambin con los perifricos o los elementos del dispositivo, como cmara,
pantalla, espacio de almacenamiento, GPS, etc.
HTML5, en definitiva, ha llegado para estandarizar aun ms Javascript y
crear una serie de especificaciones que siguen todos los fabricantes de
navegadores para ordenadores y dispositivos y que aseguran que el
Javascript es igual en todos ellos. HTML5 sirve por tanto para ordenadores
de escritorio, pero tambin para todo tipo de dispositivos que nos
encontramos actualmente, desde mviles a tablets, smartTV, etc.
APIs del HTML5
Si queremos aprovechar HTML5 tendremos que aprender a manejar una
serie de caractersticas nuevas de Javascript, con una serie de API que nos
sirven para trabajar con los ms diversos recursos del navegador y del
ordenador/dispositivo del usuario. Las API del HTML5 nos permiten
extender todava ms las posibilidades de Javascript, llegando a situarlo en
condiciones similares a las de otros lenguajes de programacin.
Llegado a este punto es inevitable hablar del concepto de "Webapp", que
son aplicaciones para mviles y tablets que estn basadas en HTML5 (HTML

+ CSS + Javascript) y que pueden controlar el dispositivo, por medio de las

API, de igual modo que los lenguajes de programacin nativos. Aunque en
2014 todava las webapp no son capaces de funcionar tan bien como las
aplicaciones nativas, tienen un futuro muy prometedor.
Para aprender sobre las API de HTML5 no tenemos un manual que las
recorra una por una, sino un compendio de artculos que llamamos "taller".

Taller de HTML5
Es un manual en el que encontrars multitud de artculos sobre Javascript que usan
las caractersticas que nos trae el HTML5. Hay diversos artculos que te aproximan
desde un enfoque muy prctico las distintas APIs de Javascript y que te ensean a
usarlas para la resolucin de diversos tipos de problemas.

Manual de Canvas del HTML 5

Un completo manual del API de Canvas del HTML5 que nos permite dibujar en un
"lienzo" cualquier cosa por medio de funciones Javascript. El canvas se situa en un
elemento CANVAS de la pgina y por medio de cdigo fuente podemos pintar todo
tipo de formas, lneas, puntos, poligonos, imgenes tradas desde ficheros grficos,
etc. El canvas es uno de los elementos fundamentales para implementar juegos en
HTML5.

HTML5 y compatibilidad
El problema de HTML5 es que no todos los navegadores implementan
todas las caractersticas del estndar, por ello si usas HTML5 debes tener en
cuenta una serie de pasos adicionales para gestionar aquellas
incompatibilidades que puedan encontrar los usuarios que visitan tu web. A
da de hoy podemos usar HTML5 con total confianza. La mayora de las
cosas que querrs implementar en cualquier proyecto estn ya
completamente adoptadas por los navegadores modernos. Pero la realidad
es que muchas personas navegan todava con navegadores anticuados,
como pueden ser versiones de Internet Explorer anteriores a la 10 o la 11.
Existen diversas tcnicas para aplicar compatibilidad a los navegadores
antiguos. En la mayora de los casos los desarrolladores se decantan por lo
que se denomina "graceful degradation", que consiste en aplicar tcnicas
que permitan una "degradacin amigable" de las aplicaciones web, de
modo que se minimicen los efectos indeseables por la falta de
compatibilidad. Estas tcnicas incluyen la carga de libreras adicionales para
suplir las carencias que tienen los navegadores antiguos o la ejecucin de

estilos o scripts alternativos. En este caso el aliado indispensable es

Modernizr

Manual de Modernizr
Es un manual que te ensea a manejar los aspectos fundamentales de la librera
Javascript Modernizr que permite la deteccin de caractersticas del navegador y la
carga condicional de estilos CSS o de scripts en funcin de lo compatible, o no, que
sea un navegador. Con Modernizr fcilmente puedes hacer que clientes web
obsoletos entiendan perfectamente las nuevas etiquetas del HTML5, que se les
apliquen CSS diferentes dependiendo de los navegadores que ven la pgina y cargar
condicionalmente libreras denominadas "polyfills" que sirven para implementar de
manera no nativa caractersticas del HTML5 que son nativas en los navegadores
modernos.

MVC en Javascript
Siguiendo con la secuencia lgica de tu aprendizaje de Javascript, llegars
en este punto al MVC. Son las siglas de Modelo, Vista y Controlador y se
trata de un paradigma de programacin que se usa en lenguajes donde se
tiene que trabajar con interfaces grficas, como es el caso de la Web.
Propone la separacin del cdigo de las aplicaciones por responsabilidades.
Los modelos se encargan de trabajar con los datos de la aplicacin, las
vistas con la presentacin y los controladores hacen de conexin entre
vistas y modelos. MVC no es algo especfico de Javascript, sino que lo
encontramos en lenguajes del lado del servidor como PHP o incluso en
lenguajes de propsito general como es Java.
Trabajar con paradigmas como MVC es fundamental en el mundo de las
aplicaciones web, porque nos permite organizar mejor nuestro cdigo,
facilitando el mantenimiento de las aplicaciones. Sin esa organizacin es
habitual que los desarrollos tiendan al caos cuando son muy complejos de
realizar y se aumentan considerablemente los costos de mantenimiento. Es
por ello que el MVC en Javascript, aunque ha tardado algo ms en
establecerse que en otros lenguajes, ha llegado para quedarse. En este
lenguaje a veces nos referimos a MVC como MV* porque la figura del
Controlador se ha llevado a diversas interpretaciones e implementaciones.
A veces encontramos sistemas MVR, MVVM... en realidad es todo lo mismo,
con distintos matices.
Existen diversas libreras para realizar MVC en Javascript, entre las ms
populares estn BackboneJS, EmberJS, AngularJS, KnockoutJS, etc. Todas

tienen interesantes ventajas para los desarrolladores y hacen "magia" para

que no necesitemos preocuparnos por diversos detalles a la hora de
programar en Javascript.

Manual de BackboneJS
Este manual te ofrece una bonita introduccin a los sistemas MVC de Javascript, de la
mano de BackboneJS que es sin duda la librera MVC ms sencilla de entender. Si
ests pensando en dar los primeros pasos en el mundo del MVC del lado del cliente
y deseas que esta primera aproximacin te facilite tu aprendizaje, merece la pena
comenzar por BackboneJS. Este manual no tiene demasiada profundidad pero se
preocupa mucho por explicar aquellos conceptos que se encuentran en los sistemas
MVC y que debemos dominar para poder asimilarlos con garantas.

Manual de AngularJS
AngularJS es la librera MVC ms destacada para Javascript, que nos permite un
desarrollo rpido y promueve las mejores prcticas. Es especialmente adecuada
para el desarrollo de aplicaciones web en general incluso aplicaciones de una sola
pgina que se parecen a las aplicaciones de escritorio. Apoyada por Google y una
gran comunidad va camino de convertirse en el estndar en cuanto a MVC se refiere.
Comenzar con AngularJS es tan sencillo que te sorprender.

NodeJS
No podemos dejar de hablar de Javascript sin mencionar NodeJS. Se trata
de un lenguaje de propsito general pero que tiene como particularidad
usar el motor de Javascript V8 (el motor de Javascript implementado en el
Google Chrome) para la ejecucin de los programas. Que sea de propsito
general indica que puedes realizar cualquier tipo de aplicacin, por lo tanto
NodeJS no es un lenguaje web propiamente dicho. Es capaz de servir para
el desarrollo web, igual que es tambin capaz de servir para muchas otras
cosas que no tienen nada que ver. Por ese motivo, aunque a veces se
denomina a NodeJS como el Javascript del lado del servidor, la realidad es
que es mucho ms que eso.
NodeJS es un lenguaje que tiene unas caractersticas diferentes a otros
lenguajes, como su caracterstica ms peculiar encontramos lo que se llama
programacin "asncrona" que no es ms que la capacidad de realizar
acciones que lleven un tiempo para la ejecucin sin necesidad de mantener
procesos en estado de espera. Esto provoca que su ejecucin sea bastante
ligera, aunque tambin complica algo las cosas para las personas que estn

acostumbradas a que los programas siempre se ejecutan siguiendo un flujo

fijo de instrucciones, tal como estn escritos. Si dominas Javascript habrs
podido usar la programacin asncrona en parcelas como el Ajax, por lo que
no te resultar muy complicado entender cmo se programa en NodeJS.
A pesar que sirve para muchas cosas, NodeJS se ha convertido en un
lenguaje muy usado por los desarrolladores web. Muchas herramientas del
da a da de los desarrolladores estn programadas con NodeJS como los
gestores de paquetes "npm" o "bower". Tambin muchas herramientas
para desarrollo frontend estn programadas en NodeJS. Adems existen
diversos frameworks como SailsJS o ExpressJS que se pueden usar para
aplicar NodeJS en el desarrollo web.

Manual de NodeJS
Hemos comenzado un manual para tratar de llevar el mundo NodeJS a tu da a da.
Es un manual que da por sabidas ciertas cosas de la programacin en Javacript en
general y trata de explicar las caractersticas de este lenguaje en particular, el flujo
de trabajo para la programacin de aplicaciones, los gestores de paquetes, libreras
ms comunes, etc.

Aplicaciones prcticas
A lo largo de todo DesarrolloWeb.com disponemos de muchos otros
manuales que nos explican diversos aspectos prcticos de Javascript. Son
manuales que denominamos talleres porque no explican nada terico, sino
que dan paso a paso todas las guas para acometer diversos proyectos,
unos simples y otros complejos. Estos manuales son ms adecuados para
practicar, mientras que los manuales mencionados anteriormente son ms
adecuados para conocer el lenguaje, libreras y tecnologas
complementarias.
Los encontrars de diversas dificultades y aplicaciones. Simplemente
mostramos un listado con los ttulos de los principales manuales prcticos
que podrs encontrar en este sitio.

Talleres de Javascript

Control de ventanas secundarias

Tratamiento de imgenes

Control de frames

Formularios y Javascript

Taller de Programacin DOM Javascript

Taller de jQuery

Taller de Mootools

Otras libreras ms especficas o frameworks de inters

Completamos esta lista de manuales disponibles en DesarrolloWeb.com
con algunas otras libreras, frameworks o complementos que te pueden
servir en el da a da como desarrollador, como es el caso del debug en
Javascript con Firebug o el trabajo con templates Javascript que nos facilita
Handlebars. Son libreras que sirven para cosas ms especficas como
processing, que permite el dibujo e interaccin con canvas de alto nivel.
Seguramente podrs "jugar" con alguna de estas libreras y mejorar tus
proyectos o tu flujo de trabajo como desarrollador.

Manual de Firebug para debug en Javascript

Manual del sistema de plantillas Javascript Handlebars

Manual de Procesing.js

Librera php.js: las funciones PHP en Javascript

Aprender Javascript te abrir muchas puertas profesionales

Javascript es el lenguaje que en estos momentos tiene mayor potencial de
crecimiento. Como hemos dicho, Javascript te sirve para hacer web, pero
tambin para trabajo con dispositivos por medio de las API HTML5 para
crear las webapps. Incluso es un lenguaje nativo en Windows 8 o sistemas
operativos como FirefoxOS o Blackberry 10.
Existe una gran demanda de profesionales con conocimientos avanzados
de Javascript, necesarios para acometer cualquier proyecto en la web de
ltima generacin, as que todo el tiempo que inviertas en aprender este
lenguaje te resultar de mucha utilidad.

Tambin queremos recomendarte mantenerte atento a los eventos #jsIO

que realizamos peridicamente y a los que ya encuentras grabados en el
canal de Youtube de DesarrolloWeb.com.

Compartir

15
in Compartir

Usuarios: Login | Registro

/

Login

Principales

Manuales

FAQs

En directo

Vdeos

Monotemticos

Desde cero

HTML, CSS

Javascript, Ajax

Diseo, ASP

Blogging

Actualidad

De inters

Agenda

Powered by:

Desarrolloweb.com

Copyright

Publicidad

Acerca de

Datos legales

P. de cookies

Contacta

Este sitio, como la mayora, usa cookies. Si sigues navegando entendemos que
aceptas la poltica de cookies. Aceptar

partner-pub-28994 FORID:11

ISO-8859-1

Buscar

www.desarrollowe

Login | Registro
/

Login

DesarrolloWeb.com > Monotematicos > Javascript a fondo

Secciones

Manuales

Programas

FAQs

Directorio

Vdeos

En directo

Monotemticos

Desde 0

Diseo web

HTML

CSS

Javascript

Ajax

ASP

PHP

Blogging

Actualidad

De inters

Agenda

Usuarios

Perfiles

Registro

Boletn

Javascript a fondo
Todo lo que necesitas para aprender Javascript est en
esta pgina. Aqu encontrars todos los contenidos de
Javascript de DesarrolloWeb.com, que te servirn para dar
los primeros pasos con el lenguaje y aprender los usos ms
avanzados.
Estn distruidos en una serie de pginas con manuales que
te introducen el propio lenguaje, tcnicas y talleres, libreras
para realizar tareas ms complejas y en menos tiempo, etc.
Si te interesa Javascript con todos estos materiales podrs
dominarlo.
Contenidos

Qu es Javascript
Javascript bsico
Libreras bsicas generalistas, jQuery y dems
Javascript y HTML5
MVC en Javascript

NodeJS
Aplicaciones prcticas
Otras libreras especficas
Compartir
Qu es Javascript
Javascript es un lenguaje de programacin que surgi con el objetivo
inicial de programar ciertos comportamientos sobre las pginas web,
respondiendo a la interaccin del usuario y la realizacin de
automatismos sencillos. En ese contexto podramos decir que naci como
un "lenguaje de scripting" del lado del cliente, sin embargo, hoy Javascript es
mucho ms. Las necesidades de las aplicaciones web modernas y el HTML5
ha provocado que el uso de Javascript que encontramos hoy haya llegado a
unos niveles de complejidad y prestaciones tan grandes como otros
lenguajes de primer nivel.
Pero adems, en los ltimos aos Javascript se est convirtiendo tambin
en el lenguaje "integrador". Lo encontramos en muchos mbitos, ya no
solo en Internet y la Web, tambin es nativo en sistemas operativos
para ordenadores y dispositivos, del lado del servidor y del cliente.
Aquella visin de Javascript "utilizado para crear pequeos programitas
encargados de realizar acciones dentro del mbito de una pgina web" se ha
quedado muy pequea.
En el contexto de un sitio web, con Javascript puedes hacer todo tipo de
acciones e interaccin. Antes se utilizaba para validar formularios, mostrar
cajas de dilogo y poco ms. Hoy es el motor de las aplicaciones ms
conocidas en el mbito de Internet: Google, Facebook, Twitter, Outlook...
absolutamente todas las aplicaciones que disfrutas en tu da a da en la
Web tienen su ncleo realizado en toneladas de Javascript. La Web 2.0 se
basa en el uso de Javascript para implementar aplicaciones enriquecidas
que son capaces de realizar todo tipo de efectos, interfaces de usuario y
comunicacin asncrona con el servidor por medio de Ajax.
Nota: Quizs algunas de esas palabras te suenen todava a chino, pero en DesarrolloWeb.com
podrs encontrar manuales para aprender no solo los conceptos, sino cmo implementar esos
comportamientos en pginas web. No te preocupes, iremos poco a poco.

Observars que casi siempre nos referimos a Javascript como el "lenguaje de

programacin de pginas del lado del cliente", pero como ya hemos mencionado, Javascript

es mucho ms. Esto es porque hemos vivido Javascript desde sus inicios, cuando el navegador
(inicialmente Netscape) era el nico contexto en el que podas ejecutarlo. Tambin, ese es el
Javascript que debes conocer si estas comenzando y el que querrs aprender en la mayora de
las ocasiones.

Entender Javascript en el contexto de los lenguajes de la web

Para entender bien lo que es Javascript y en qu situaciones se utiliza debes
conocer los distintos lenguajes que se utilizan en la web. No es necesario
que domines todos los lenguajes de la web para hacer un buen uso de
Javascript, tan solo ser necesario que conozcas el HTML y tengas algunas
nociones de CSS. En ese manual podrs tambin conocer algunos de los
conceptos clave para entender qu es Javascript, como la programacin del
lado del cliente y la programacin del lado del servidor.

Manual de los lenguajes del web

En esta compilacin de artculos podrs dar un repaso general a lenguajes y
tecnologas que estn presentes en el da a da del desarrollo de sitios web.

Javascript bsico (como lenguaje de scripting del lado del cliente)

A Javascript se le denomina "del lado del cliente" porque donde se ejecuta
es en el navegador (cliente web), en contraposicin a lenguajes como PHP
que se ejecutan del "lado del servidor". En el lado que nos ocupa con
Javascript, el cliente, es el navegador el que soporta la carga de
procesamiento. Gracias a su compatibilidad con todos los navegadores
modernos se ha convertido en un estndar como lenguaje de
programacin del lado del cliente.
Con Javascript podemos crear efectos especiales en las pginas y definir
interactividades con el usuario. El navegador del cliente es el encargado de
interpretar las instrucciones Javascript y ejecutarlas para realizar estos
efectos e interactividades, de modo que el mayor recurso, con que cuenta
este lenguaje es el propio navegador y todos los elementos que hay dentro
de una pgina (que no es poco). Pero ahora, gracias a las API Javascript del
HTML5, que estn disponibles en los navegadores actuales de ordenadores
y dispositivos, podemos acceder a todo tipo de recursos adicionales, como
la cmara, espacio para almacenamiento de datos, creacin de grficos
basados en vectores y mapas de bits, flujos de datos con servidores, etc.
Con todo ello se han multiplicado las posibilidades.

Cmo y cuando aprender Javascript

En la secuencia del aprendizaje de las tecnologas y lenguajes del web,
Javascript sera el lenguaje ms adecuado para aprender despus de
conocer perfectamente HTML y algo de CSS. Es ideal para cualquier
persona con conocimientos de programacin o incluso para aquellos
profesionales que no los tienen pero que no quieren dejar de lado las
grandes posibilidades de Javascript para mejorar la experiencia de usuario
en sus pginas y la potencia de sus proyectos. Es un lenguaje de
programacin bastante sencillo y pensado para hacer las cosas con
rapidez, a veces con ligereza. Incluso las personas que no tengan una
experiencia previa en la programacin podrn aprender este lenguaje con
facilidad y utilizarlo en toda su potencia con slo un poco de prctica.
Cuando empiezas a aprender Javascript, ejecutando tus programas en el
navegador, los primeros ejemplos que realizars tendrn dos vertientes.
Por un lado los efectos especiales sobre pginas web, para crear
contenidos dinmicos y elementos de la pgina que tengan movimiento,
cambien de color o cualquier otro dinamismo. Por el otro, javascript nos
permite ejecutar instrucciones como respuesta a las acciones del usuario
(eventos), con lo que podemos crear pginas interactivas con programas
como calculadoras, agendas, o hojas de clculo, interfaces de usuario
diversas, etc.
Javascript es un lenguaje con muchas posibilidades, permite la
programacin de pequeos scripts, pero tambin de programas ms
grandes, orientados a objetos, con funciones, estructuras de datos
complejas, etc. Adems, Javascript pone a disposicin del programador
todos los elementos que forman la pgina web, para que ste pueda
acceder a ellos y modificarlos dinmicamente.
Con Javascript el programador es capaz de alterar cualquier cosa que se
muestra en una pgina, cambiando, insertando o eliminando todo tipo de
contenido. Si lo deseas, puedes controlar de cada cosa que ocurre en la
pgina cuando la est visualizando el usuario y comunicar con l con todo
tipo de interfaces especiales. Todo eso es lo que permitir crear
aplicaciones web realmente impactantes. Aprender todo eso no se consigue
en dos das, pero con ganas todo se acaba consiguiendo.
En DesarrolloWeb.com podrs aprender el Javascript bsico en dos
manuales distintos:

Manual de Javascript
Este manual trata todos los temas ms bsicos de Javascript, desde la creacin de
tus primeros scripts. Nos ensea los diferentes lugares donde podemos integrar el
cdigo Javascript dentro de una pgina web, pero lo ms importante que vers en
este manual es todo lo relacionado con la sintaxis del lenguaje, estructuras de
control (bucles, condicionales), funciones, etc. Este manual est explicado paso por
paso, de modo que lo podrn entender incluso aquellas personas que no tienen
conocimientos de programacin.

Programacin Javascript II
En este segundo manual podrs entender Javascript dentro del contexto del
navegador. Aprenders que con Javascript tienes a tu disposicin cualquier elemento
de la pgina, que podrs alterar para implementar las necesidades de tus
aplicaciones y responder a la interaccin del usuario.

Videotutorial de Javascript
Si prefieres aprender por medio de vdeo tenemos tambin una serie de
videotutoriales de Javascript ideales para iniciarse en el lenguaje. Cubren la parte de
la sintaxis de Javascript, variables, arrays, estructuras de control, funciones, etc.

Libreras Javascript
Una vez conozcas el Javascript esencial y hayas podido explorar diversos
ejemplos y utilidades querrs dedicarte a aprender algunas libreras
extremadamente tiles como es el caso de jQuery o similares.
Aprendiendo Javascript llegars a un nivel en el que percibirs que cada
navegador interpreta de una manera distinta el lenguaje. Lo que puede
estar correcto en un cliente web puede que no se vea bien en otro y
viceversa. Por ese motivo los programadores han tenido que realizar
tradicionalmente mucho cdigo Javascript para distinguir qu navegador
est usando nuestro visitante y luego para ejecutar aquel cdigo Javascript
que es capaz de interpretar bien el navegador del usuario. A este cdigo
capaz de ejecutarse sin errores en distintos navegadores se le llam "Cross
Browser", pero no era prctico para los desarrolladores, pues surgan
programas con cdigo muy complejo, que requera constante
mantenimiento para adecuarse a los nuevos navegadores y las nuevas
versiones.

Afortunadamente Javascript se ha vuelto un estndar y los navegadores

modernos son capaces de interpretarlo de manera muy similar, pero
todava quedan muchos navegadores antiguos que ejecutan Javacript muy
particular y nos toca lidiar con ellos en el da a da. Para ello contamos con
diversas libreras que nos ayudan mucho. Pero el objetivo de estas libreras
no es solamente hacer cdigo compatible con cualquier sistema, tambin
se trata de hacer ms simples las cosas que se suelen necesitar en el da a
da. Osea, realizar efectos con pocas lneas de cdigo, comunicaciones
asncronas con el servidor (Ajax) fciles de implementar, gestin de eventos,
etc.
jQuery
La librera ms conocida de Javascript se llama jQuery y se ha convertido en
un complemento en la mayora de las webs que usamos en nuestro da a
da, por su facilidad de uso y por su potencia. Con jQuery puedes escribir
cdigo Javascript que es capaz de ejecutarse sin errores en cualquier
navegador, incluso los antiguos y te implementa muchas funcionalidades
que puedes requerir repetidamente en cualquier sitio web.
jQuery te permite adems programar nuevas funcionalidades por medio de
plugins para hacer cosas tan variadas como validacin de formularios,
sistemas de plantillas, pases de diapositivas, interfaces de usuario
avanzadas y un largo etc. Por donde quiera que vayas en la web
encontrars funcionalidades dinmicas programadas por medio de plugins
jQuery.
Aprender jQuery est al alcance de todos y ese es el principal motivo de
que sea tan usada. De hecho, incluso diseadores sin grandes
conocimientos de programacin son capaces de usar la librera para cubrir
sus necesidades, aunque a veces sea solo un ejercicio de "copia-pega". Pero
ojo, no conviene engaarse, si quieres sacarle partido a jQuery primero
debes aprender Javascript.

Manual de jQuery
Es el manual completo de la librera Javascript jQuery, el complemento ms popular
para los desarrolladores en Javascript. Hace un recorrido con absoluta profundidad
de cada uno de los componentes de la librera, enseando a manejarla con muchos
ejemplos prcticos.

Videotutorial de jQuery
Vdeos para aprender a programar con jQuery, con lecciones tericas y que exploran
las funcionalidades principales de la librera, as como casos prcticos desarrollados
desde cero con la intencin de facilitar al estudiante casos de uso que le sirvan para
entender los mecanismos habituales para el desarrollo con jQuery.

Manual de jQueryUI
jQueryUI es una extensin de jQuery por medio de una serie de plugins para
implementar interfaces de usuario avanzadas. Dispone desde sistemas para facilitar
la interaccion, como componentes para implementar drag & drop, elementos
capaces de ordenarse, redimensionarse, etc. hasta interfaces como campos de
autocompletado, sistemas de seleccin de fechas, mens dinmicos, tooltips, cajas
de dilogo, etc.

Manual de jQuery Mobile

jQuery Mobile es el ms nuevo de los productos de la familia jQuery. Si jQuery sirve
para hacer cualquier tipo de Javascript para cualquier tipo de pgina, ejecutable en
cualquier entorno, jQuery Mobile es una librera que nos permite el desarrollo
rpido de sitios web para mviles. Tiene una serie de componentes de interfaz de
usuario y una serie de utilidades para crear pginas orientadas para mvil,
responder a interaccin en pantallas tctiles, etc. Con muy poco cdigo Javascript en
jQuery Mobile puedes crear sitios dinmicos que se comportan muy bien cuando los
usas en la mayora de los fabricantes de dispositivos.

Otras libreras de Javascript

jQuery es la librera ms popular, pero existen otra serie de libreras que
nos sirven para realizar cosas similares y que tienen diversos modos de
resolver los mismos problemas. En DesarrolloWeb.com explicamos diversas
libreras alternativas, entre las que podemos destacar Mootools o YUI. Para
la mayora de los desarrolladores jQuery ser la librera ms adecuada, por
ser en muchos casos ms fcil de entender, tener la mayor comunidad y
con ello resultar ms sencillo encontrar documentacin, ejemplos y plugins
listos para usar. Salvo esas ventajas, que no son pocas, algunos
programadores experimentados podrn preferir otras libreras. Por
ejemplo, si sabes programar con orientacin a objetos probablemente te
gustar ms cmo se desarrollan los componentes reusables en Mootools.

Manual de Mootools
Es una librera muy conocida para Javascript, competidor de jQuery por realizar
cosas muy similares. Con Mootools puedes realizar todo tipo de efectos visuales,
Ajax, alterar elementos de la pgina, etc. Su curva de aprendizaje es un poco pesada,
pero con este manual te lo facilitamos bastante. Podrs entender bien cmo realizar
ejemplos sencillos y tambin componentes avanzados que podrs reutilizar
fcilmente.

Manual de YUI
Es la librera Javascript construida por el equipo de desarrolladores de Yahoo!,
implementada en su portal y en sus aplicaciones. Este manual es simplemente una
rpida lista de artculos para dar los primeros pasos.

Javascript y HTML5
La revolucin de Javascript ha llegado con la incorporacin del HTML5. A
pesar de su nombre, HTML5 incuye varios estndares aparte de ser una
revisin del propio lenguaje HTML. De hecho ms del 60% de lo que se
conoce como HTML5 en realidad son APIs Javascript. Un API es un conjunto
de funciones que sirven para llevar a cabo una o muchas tareas. Pues el
HTML5 incluye diversas API para trabajar ya no solo con el navegador, sino
tambin con los perifricos o los elementos del dispositivo, como cmara,
pantalla, espacio de almacenamiento, GPS, etc.
HTML5, en definitiva, ha llegado para estandarizar aun ms Javascript y
crear una serie de especificaciones que siguen todos los fabricantes de
navegadores para ordenadores y dispositivos y que aseguran que el
Javascript es igual en todos ellos. HTML5 sirve por tanto para ordenadores
de escritorio, pero tambin para todo tipo de dispositivos que nos
encontramos actualmente, desde mviles a tablets, smartTV, etc.
APIs del HTML5
Si queremos aprovechar HTML5 tendremos que aprender a manejar una
serie de caractersticas nuevas de Javascript, con una serie de API que nos
sirven para trabajar con los ms diversos recursos del navegador y del
ordenador/dispositivo del usuario. Las API del HTML5 nos permiten
extender todava ms las posibilidades de Javascript, llegando a situarlo en
condiciones similares a las de otros lenguajes de programacin.
Llegado a este punto es inevitable hablar del concepto de "Webapp", que
son aplicaciones para mviles y tablets que estn basadas en HTML5 (HTML

+ CSS + Javascript) y que pueden controlar el dispositivo, por medio de las

API, de igual modo que los lenguajes de programacin nativos. Aunque en
2014 todava las webapp no son capaces de funcionar tan bien como las
aplicaciones nativas, tienen un futuro muy prometedor.
Para aprender sobre las API de HTML5 no tenemos un manual que las
recorra una por una, sino un compendio de artculos que llamamos "taller".

Taller de HTML5
Es un manual en el que encontrars multitud de artculos sobre Javascript que usan
las caractersticas que nos trae el HTML5. Hay diversos artculos que te aproximan
desde un enfoque muy prctico las distintas APIs de Javascript y que te ensean a
usarlas para la resolucin de diversos tipos de problemas.

Manual de Canvas del HTML 5

Un completo manual del API de Canvas del HTML5 que nos permite dibujar en un
"lienzo" cualquier cosa por medio de funciones Javascript. El canvas se situa en un
elemento CANVAS de la pgina y por medio de cdigo fuente podemos pintar todo
tipo de formas, lneas, puntos, poligonos, imgenes tradas desde ficheros grficos,
etc. El canvas es uno de los elementos fundamentales para implementar juegos en
HTML5.

HTML5 y compatibilidad
El problema de HTML5 es que no todos los navegadores implementan
todas las caractersticas del estndar, por ello si usas HTML5 debes tener en
cuenta una serie de pasos adicionales para gestionar aquellas
incompatibilidades que puedan encontrar los usuarios que visitan tu web. A
da de hoy podemos usar HTML5 con total confianza. La mayora de las
cosas que querrs implementar en cualquier proyecto estn ya
completamente adoptadas por los navegadores modernos. Pero la realidad
es que muchas personas navegan todava con navegadores anticuados,
como pueden ser versiones de Internet Explorer anteriores a la 10 o la 11.
Existen diversas tcnicas para aplicar compatibilidad a los navegadores
antiguos. En la mayora de los casos los desarrolladores se decantan por lo
que se denomina "graceful degradation", que consiste en aplicar tcnicas
que permitan una "degradacin amigable" de las aplicaciones web, de
modo que se minimicen los efectos indeseables por la falta de
compatibilidad. Estas tcnicas incluyen la carga de libreras adicionales para
suplir las carencias que tienen los navegadores antiguos o la ejecucin de

estilos o scripts alternativos. En este caso el aliado indispensable es

Modernizr

Manual de Modernizr
Es un manual que te ensea a manejar los aspectos fundamentales de la librera
Javascript Modernizr que permite la deteccin de caractersticas del navegador y la
carga condicional de estilos CSS o de scripts en funcin de lo compatible, o no, que
sea un navegador. Con Modernizr fcilmente puedes hacer que clientes web
obsoletos entiendan perfectamente las nuevas etiquetas del HTML5, que se les
apliquen CSS diferentes dependiendo de los navegadores que ven la pgina y cargar
condicionalmente libreras denominadas "polyfills" que sirven para implementar de
manera no nativa caractersticas del HTML5 que son nativas en los navegadores
modernos.

MVC en Javascript
Siguiendo con la secuencia lgica de tu aprendizaje de Javascript, llegars
en este punto al MVC. Son las siglas de Modelo, Vista y Controlador y se
trata de un paradigma de programacin que se usa en lenguajes donde se
tiene que trabajar con interfaces grficas, como es el caso de la Web.
Propone la separacin del cdigo de las aplicaciones por responsabilidades.
Los modelos se encargan de trabajar con los datos de la aplicacin, las
vistas con la presentacin y los controladores hacen de conexin entre
vistas y modelos. MVC no es algo especfico de Javascript, sino que lo
encontramos en lenguajes del lado del servidor como PHP o incluso en
lenguajes de propsito general como es Java.
Trabajar con paradigmas como MVC es fundamental en el mundo de las
aplicaciones web, porque nos permite organizar mejor nuestro cdigo,
facilitando el mantenimiento de las aplicaciones. Sin esa organizacin es
habitual que los desarrollos tiendan al caos cuando son muy complejos de
realizar y se aumentan considerablemente los costos de mantenimiento. Es
por ello que el MVC en Javascript, aunque ha tardado algo ms en
establecerse que en otros lenguajes, ha llegado para quedarse. En este
lenguaje a veces nos referimos a MVC como MV* porque la figura del
Controlador se ha llevado a diversas interpretaciones e implementaciones.
A veces encontramos sistemas MVR, MVVM... en realidad es todo lo mismo,
con distintos matices.
Existen diversas libreras para realizar MVC en Javascript, entre las ms
populares estn BackboneJS, EmberJS, AngularJS, KnockoutJS, etc. Todas

tienen interesantes ventajas para los desarrolladores y hacen "magia" para

que no necesitemos preocuparnos por diversos detalles a la hora de
programar en Javascript.

Manual de BackboneJS
Este manual te ofrece una bonita introduccin a los sistemas MVC de Javascript, de la
mano de BackboneJS que es sin duda la librera MVC ms sencilla de entender. Si
ests pensando en dar los primeros pasos en el mundo del MVC del lado del cliente
y deseas que esta primera aproximacin te facilite tu aprendizaje, merece la pena
comenzar por BackboneJS. Este manual no tiene demasiada profundidad pero se
preocupa mucho por explicar aquellos conceptos que se encuentran en los sistemas
MVC y que debemos dominar para poder asimilarlos con garantas.

Manual de AngularJS
AngularJS es la librera MVC ms destacada para Javascript, que nos permite un
desarrollo rpido y promueve las mejores prcticas. Es especialmente adecuada
para el desarrollo de aplicaciones web en general incluso aplicaciones de una sola
pgina que se parecen a las aplicaciones de escritorio. Apoyada por Google y una
gran comunidad va camino de convertirse en el estndar en cuanto a MVC se refiere.
Comenzar con AngularJS es tan sencillo que te sorprender.

NodeJS
No podemos dejar de hablar de Javascript sin mencionar NodeJS. Se trata
de un lenguaje de propsito general pero que tiene como particularidad
usar el motor de Javascript V8 (el motor de Javascript implementado en el
Google Chrome) para la ejecucin de los programas. Que sea de propsito
general indica que puedes realizar cualquier tipo de aplicacin, por lo tanto
NodeJS no es un lenguaje web propiamente dicho. Es capaz de servir para
el desarrollo web, igual que es tambin capaz de servir para muchas otras
cosas que no tienen nada que ver. Por ese motivo, aunque a veces se
denomina a NodeJS como el Javascript del lado del servidor, la realidad es
que es mucho ms que eso.
NodeJS es un lenguaje que tiene unas caractersticas diferentes a otros
lenguajes, como su caracterstica ms peculiar encontramos lo que se llama
programacin "asncrona" que no es ms que la capacidad de realizar
acciones que lleven un tiempo para la ejecucin sin necesidad de mantener
procesos en estado de espera. Esto provoca que su ejecucin sea bastante
ligera, aunque tambin complica algo las cosas para las personas que estn

acostumbradas a que los programas siempre se ejecutan siguiendo un flujo

fijo de instrucciones, tal como estn escritos. Si dominas Javascript habrs
podido usar la programacin asncrona en parcelas como el Ajax, por lo que
no te resultar muy complicado entender cmo se programa en NodeJS.
A pesar que sirve para muchas cosas, NodeJS se ha convertido en un
lenguaje muy usado por los desarrolladores web. Muchas herramientas del
da a da de los desarrolladores estn programadas con NodeJS como los
gestores de paquetes "npm" o "bower". Tambin muchas herramientas
para desarrollo frontend estn programadas en NodeJS. Adems existen
diversos frameworks como SailsJS o ExpressJS que se pueden usar para
aplicar NodeJS en el desarrollo web.

Manual de NodeJS
Hemos comenzado un manual para tratar de llevar el mundo NodeJS a tu da a da.
Es un manual que da por sabidas ciertas cosas de la programacin en Javacript en
general y trata de explicar las caractersticas de este lenguaje en particular, el flujo
de trabajo para la programacin de aplicaciones, los gestores de paquetes, libreras
ms comunes, etc.

Aplicaciones prcticas
A lo largo de todo DesarrolloWeb.com disponemos de muchos otros
manuales que nos explican diversos aspectos prcticos de Javascript. Son
manuales que denominamos talleres porque no explican nada terico, sino
que dan paso a paso todas las guas para acometer diversos proyectos,
unos simples y otros complejos. Estos manuales son ms adecuados para
practicar, mientras que los manuales mencionados anteriormente son ms
adecuados para conocer el lenguaje, libreras y tecnologas
complementarias.
Los encontrars de diversas dificultades y aplicaciones. Simplemente
mostramos un listado con los ttulos de los principales manuales prcticos
que podrs encontrar en este sitio.

Talleres de Javascript

Control de ventanas secundarias

Tratamiento de imgenes

Control de frames

Formularios y Javascript

Taller de Programacin DOM Javascript

Taller de jQuery

Taller de Mootools

Otras libreras ms especficas o frameworks de inters

Completamos esta lista de manuales disponibles en DesarrolloWeb.com
con algunas otras libreras, frameworks o complementos que te pueden
servir en el da a da como desarrollador, como es el caso del debug en
Javascript con Firebug o el trabajo con templates Javascript que nos facilita
Handlebars. Son libreras que sirven para cosas ms especficas como
processing, que permite el dibujo e interaccin con canvas de alto nivel.
Seguramente podrs "jugar" con alguna de estas libreras y mejorar tus
proyectos o tu flujo de trabajo como desarrollador.

Manual de Firebug para debug en Javascript

Manual del sistema de plantillas Javascript Handlebars

Manual de Procesing.js

Librera php.js: las funciones PHP en Javascript

Aprender Javascript te abrir muchas puertas profesionales

Javascript es el lenguaje que en estos momentos tiene mayor potencial de
crecimiento. Como hemos dicho, Javascript te sirve para hacer web, pero
tambin para trabajo con dispositivos por medio de las API HTML5 para
crear las webapps. Incluso es un lenguaje nativo en Windows 8 o sistemas
operativos como FirefoxOS o Blackberry 10.
Existe una gran demanda de profesionales con conocimientos avanzados
de Javascript, necesarios para acometer cualquier proyecto en la web de
ltima generacin, as que todo el tiempo que inviertas en aprender este
lenguaje te resultar de mucha utilidad.

Tambin queremos recomendarte mantenerte atento a los eventos #jsIO

que realizamos peridicamente y a los que ya encuentras grabados en el
canal de Youtube de DesarrolloWeb.com.

Compartir

15
in Compartir

Usuarios: Login | Registro

/

Login

Principales

Manuales

FAQs

En directo

Vdeos

Monotemticos

Desde cero

HTML, CSS

Javascript, Ajax

Diseo, ASP

Blogging

Actualidad

De inters

Agenda

Powered by:

Desarrolloweb.com

Copyright

Publicidad

Acerca de

Datos legales

P. de cookies

Contacta

Este sitio, como la mayora, usa cookies. Si sigues navegando entendemos que
aceptas la poltica de cookies. Aceptar

Qu no podrn hacer los robots en el futuro? Esa parece ser la pregunta final que se
dibuja en la mente de quin de manera ms o menos consciente lee las miles de noticias

sobre el futuro de la tecnologa, la informtica, la robtica o la Inteligencia Artificial

(IA) que invaden Internet.
El miedo a perder el empleo, peor an, a ser reemplazado por una mquina es cada vez
ms real, ms palpable en el ambiente empresarial. Es tan sencillo como hacer una
rpida bsqueda en Google para darse cuenta de la cantidad de informacin que cada
da bombardea las retinas de un pblico cada vez ms consciente de que algo muy gordo
se avecina.
Y no piense en un futuro muy lejano, porque ya es una realidad. Entrar en un bar y que
no haya una sola persona empleada ya es parte del da a da y se puede ver en pleno
centro de Washington, en el 'Bolt Burgers' concretamente, un restaurante en el que ser
atendido por una tablet, servido por un robot y cobrado por su propia mesa.
El ltimo de los locales 'human free' es un supermercado sin empleados que funciona 24
horas gracias al mvil. Por fuera parece una tienda tradicional, pero funciona totalmente
gracias a una APP en un smartphone. Desde abrir la puerta, pasando por escanear los
cdigos de barras de los productos, hasta pagar la compra, todo est pensado para que
sean los clientes los que lleven a cabo el proceso con su propio terminal. Y funciona. Y
ya no es Estados Unidos, es en Suecia.
Sugerencia de la Tienda Windows

Currency converter +
El conversor de divisas que necesitas.
(16 opiniones)
Currency Converter - a very convenient currency converter supporting nearly 150
monetary units, and major precious
Descrgate la aplicacin
Como estos dos ejemplos se pueden encontrar miles navegando, un poco y sin ser
ningn experto en la red. Basta con leer los titulares "Los taxis robot sern una
realidad", "Tu prximo jefe podr ser un ordenador", "Un fondo de inversin robot
supera a los gestores humanos", "Los robots dejarn sin empleo a millones de
trabajadores cualificados en cinco aos", "Olvdate de ir a hacer la compra, te la traer
un robot a casa", "Una fbrica china sustituye a 600 empleados por 60 robots", "Japn
tendr el primer hotel atendido por robots", "En este restaurante los cocineros y

camareros son... robots", "La Cuarta Revolucin Industrial en Espaa: el 43% de los
empleos sern robotizados"...
A lo mejor nunca se haba enfrentado a la pregunta -qu no podrn hacer los robots en
el futuro?-, hasta ahora; seguro. Y es en este momento cuando se debe hacer frente a la
segunda cuestin: qu har yo entonces? Cuando los robots copen el empleo... qu
quedar para los humanos?
El cientfico informtico de la Universidad de Rice, Moshe Vardi asever hace unas
semanas en un informe que dentro de 30 aos las mquinas sern capaces de hacer casi
cualquier trabajo que realice un humano.
En previsin, el informtico ha pedido "considerar las implicaciones sociales de esta
posibilidad", con el fin de evaluar si la economa mundial podra adaptarse a ms de un
50% de desempleo y a los nuevos hbitos humanos.
"Nos estamos acercando a un momento en el que las mquinas sern capaces de superar
a los seres humanos en casi cualquier tarea -afirma Vardi-. Creo que la sociedad necesita
hacer frente a esta cuestin antes de que se nos venga encima: si las mquinas son
capaces de hacer casi cualquier trabajo humano, qu harn los seres humanos?". Ante
esto, una bsqueda en Google no muestra miles de soluciones; quizs el propio
algoritmo del buscador, consciente de la desesperacin, oculta toda noticia
esperanzadora.
No todo est perdido
Hace tiempo ya contamos "Cmo evitar ser reemplazado por un robot en el trabajo?"
La respuesta al final pasaba por ser ms humano que las mquinas, aunque puede no ser
sencillo viendo la evolucin de las IA y el adocenamiento del ser humano.
An as, no en todos los campos el empleo est perdido, se supone que esta nueva
revolucin generar ms empleo, muchos que an ni existen, pero es inevitable pensar
que al final los robots lo harn todo.
Siguen apareciendo algunas noticias a las que agarrarse con fe, como la de que una
empresa tan grande como Mercedes-Benz haya sustituido a los robots por trabajadores
humanos por su flexibilidad. No todo est perdido.