—. dererrolloweb.com Manual de JavaScript
Manual de
Javascript
Ure NTS Ve lters
Mant Gutierrez
htsp//desartoloweb.com/manuales /manual-javascript he Pagina 1 de 125—. dererrolloweb.com Manual de JavaScript
‘Manual de Javascript desde cero. Adéntrate en el lenguaje de programacién mas popular de la web y conoce
todas las caracterfsticas de la programacidn del lado del cliente.
Javascript es el lenguaje de programacién usado para las paginas web, compatible con todos los navegadores
Y que forma un estindar de desarrollo que ahora también se extiende a dispositivos o programas de
propésito general multiplataforma.
Este manual de Javascript esta dividido en dos grandes partes. En la primera parte veremos las
caracteristicas fandamentales del lenguaje, como su sintaxis, variables, estructuras de control, funciones,
arrays, etc. Toda la informacién que encontrards en la primera parte te sirve para programar Javascript a
nivel general, sea donde sea el entorno de ejecucién de tus programas.
En la segunda parte, que también encontraras en esta misma pagina, ahondaremos en el uso de Javascript en
cl ambito del navegador, es decir, aprenderemos a manejar los recursos que nos ofrece el navegador para
hacer paginas interactivas, eapaces de interactuar con el usuatio de manera avanzada.
Encuentras este manual online en:
hutp:/ /desarrolloweb.com/manuales/ manual-javascript htm]
htsp//desartoloweb.com/manuales /manual-javascript he gina 2 de 125—. dererrolloweb.com Manual de JavaScript
Las siguientes personas han participado como autores escribiendo articulos de este manual.
Miguel Angel Alvarez
Miguel es fundador de DesarrolloWeb.com y la plataforma de formacién online
EscuelalT. Comenzé en el mundo del desarrollo web en el afio 1997, m™
transformando su hobby en su trabajo.
Manu Gutierrez
htsp//desartoloweb.com/manuales /manual-javascript he Pagina 3 de 125—. dererrolloweb.com Manual de JavaScript
Articulos que nos servirén para introducirnos en este lenguaje, aprendiendo los conceptos mas bisicos de
Javascript y la progeamacién del lado del cliente.
Introduccion a Javascript
‘Veamos qué es JavaScript y las posibilidades que nos ofrece utilizar este lenguaje a la hora de
desarrollar paginas web. Conocemos algo de su historia.
Con este articulo comenzamos el Manual de Javascript, en el que esperamos ofrecer un punto de partida
pata las personas que quieren introducirse en el mundo de la programacién web del lado del cliente.
El curso de Javascript que hemos preparado en DesarrolloWeb.com esti dividido en dos partes
fandamentales. En este primer manual pretendemos explicar cl lenguaic Javascript de manera gencral,
ofreciendo informacién sobre cémo incluir scripts y lidiar con los elementos més basicos de cualquier
enguaje de programacién, como son las variables, operadores, estructuras de control, funciones, ete, La
segunda parte del manual la dedicatemos a explorar temas mas especificos sobre cémo Javascript nos puede
idar a aplicar dinamismo a una pagina web, a través del control dindmico de elementos de la pagina y la
interacci6n con el usuario.
Nota: Por tanto, en este primer manual encontracis que se ofrece mucha mis informacién vériea
tipies sobre lenguajes de programacisn, Seréesencial para saber ebmo dar los primesos pasos en
programacién, peto quizis resulte un poco mis aburrida que la segunda part, conde aprenderemos a
slterardinimicamente la pigina web, esponder a aeciones del usuaio, ee
Nosotzos hemos quetide explicar las cosas con detenimiento, para que aprender Javascript con este
‘manual esé al sleance de personas incluso sin conocimientos de programaciin. No abstante, en
‘DesatrolloWeb,com existen diversos manuales mas bisicos todavia para aprender a programat, como
puede ser el corso de progeamacin en video, 0 mis especificos pata la web con el manual de Paginas
sindmicas ola introduceidn als programaciin.
Sin embargo, quis personas mis experimentadas puedan prefere pasar dizectamente
secste manval, donde explicaremos cosas mis pricies y volver sobre arealos punt
‘manval pars utlzarlos como referencia a medida que vayan necesitando conocer la sintais de
determinadas estracturss de control, operadores del lengwaje, construccin de funciones, et.
En este articulo pretendemos explicar qué es Javascript y para qué sitve este lenguaje, al menos en lineas
generales. A lo largo de éste y los préximos articulos explicaremos los conceptos necesatios para que las
personas tengan una idea mas o menos clara sobre Javascript, las posibilidades de del lenguaje o usos mas
comunes y los modos de trabajo que podemos empleat para desarrollar nuestros propios scripts.
htsp//desartoloweb.com/manuales /manual-javascript he Pagina 4 de 125(o} dererrolloweb.com Manual de JavaScript
Nota: Otro recurso que queremos recomendar pata aprender Javascript, especialmente indicado pars las
personas con menos expetienca, eel Videotutorial de avasezipt, Por supuesto,tampoco nos queremos
‘olvidar de los Talleres de Javascrioy, ssf como otros mantales mis especticos que encontraris ela
scccin Javascripts fondo.
Qué es Javascript
Javascript es un lenguaje de programacién utilizado para ctear pequefios programitas encargados dle realizar
acciones dentro del ambito de una pagina web. Con Javascript podemos crear efectos especiales en las,
paginas 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, y tal vez el nico, con que cuenta este lenguaje es cl propio navegador.
Javascript es el siguiente paso, después del HTML, que puede dar un progtamador de la web que decida
‘mejorar sus paginas y la potencia de sus proyectos. Es un lenguaje de programacién 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 programacién podrin aprender este lenguaje con facilidad y utilizarlo en toda su
potencia con s6lo un poco de prictica.
Entre las acciones tipicas que se pueden realizar en Javascript tenemos dos vertientes. Por un lado los
efectos especiales sobre paginas web, para crear contenidos dinamicos y elementos de la pagina que tengan
movimiento, cambien de color o cualquier otro dinamismo. Por el otto, javaseript nos permite ejecutar
instrucciones como respuesta a las acciones del usuario, con lo que podemos crear paginas interactivas con
progeamas como calculadoras, agendas, o tablas de calculo.
Javascript es un lenguaje con muchas posibilidades, permite la programacién de pequefios scripts, pero
también de programas mas grandes, orientados a objetos, con funciones, estructuras de datos complejas,
etc, Toda esta potencia de Javas
verdadero duefio y controlador de cada cosa que ocurre en la pagina.
¢ pone a disposicién del programador, que se convierte en el
*¢ manual vamos a tratar de acercarnos a este lenguaje en profundidad y conocer todos sus secretos y
métodos de trabajo. Al final del manual seremos capaces de controlat el flujo en nuestros programas
Javascript y saber cémo colocar scripts para resolver distintas necesidades que podamos tener. Todo lo que
veremos a continuacién nos servira de base para adentrarnos mas adelante en el desarrollo de paginas
entiquecidas del lado del cliente.
Algo de la historia de Javascript
En Internet se han creado multitud de servicios para realizar muchos tipos de comunicaciones, como
correo, chatlas, buisquedas de informacién, etc. Pero ninguno de estos servicios se ha desarrollado tanto
como el Web. Si estamos leyendo estas Ineas no vamos a necesitar ninguna explicacién de lo que es el web,
pero si podemos hablar un poco sobre cémo se ha ido desarrollando con el paso de los afios.
El Web es un sistema Hipertexto, una cantidad de dimensiones gigantes de textos interrelacionados por
medio de enlaces. Cada una de las unidades bisicas donde podemos encontrar informacién son las paginas
web. En un principio, para disefiar este sistema de paginas con enlaces se pens6 en un lenguaje que
tsp /desartolloweb.com/manuales/manual-javascript ttn Pagina S de 125