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