DWEC

Logo

Desenvolupament web en entorn client (DAW)

View the Project on GitHub jrodr236/DWEC

Introducció a Javascript

Resum

Tecnologies web

Fins ara heu treballat amb pàgines web estàtiques:

Es poden aconseguir pàgines web dinàmiques si hi afegim estructures de programació. Però… a on s’executarà el codi, al navegador o al servidor

front-end vs. back-end

Front-end

Tecnologies que s’executen al costat del client (navegador).

El llenguatge utilitzat és el JavaScript.

JavaScript

Back-end

Tecnologies que s’executen al servidor.

Alguns dels llenguatges més utilitzats: PHP, JavaScript (utilitzant Node.js), Java, Python, .net, etc…

llenguatges back-end

Què és JavaScript?

JavaScript és el que es coneix com un llenguatge de script, es tracta de codi de programació inserit en un document.

Va ser desenvolupat per la empresa Netscape amb la idea de potenciar portals web dinàmiques amb navegador Netscape Navigator.

Netscape

JavaScript és interpretat directament pel navegador i per tant necessita accedir als elements HTML de la pàgina.

La definició del MDN és:

JavaScript® (tot sovint abreujat com a JS) és un llenguatge orientat a objectes, lleuger i interpretat, amb funcions de primera classe, més conegut per ser el llenguatge d’scripting per a pàgines Web, però també utilitzat en molts àmbits fora d’un navegador web com ara node.js o Apache CouchDB.

JavaScript i Java son llenguatges diferents, encara que tenen similituds en la sintaxi.

Història

A principis dels anys 90 començaven a desenvolupar-se les primeres aplicacions web, i per tant les pàgines començaven a incloure formularis.

Amb unes aplicacions web cada cop més complexes i una velocitat de navegació lenta, va sorgir la necessitat d’un llenguatge de programació que s’executés en el navegador de l’usuari.

En cas que l’usuari no omplis correctament un formulari, no se’l feia esperar molt temps fins que el servidor tornés a mostrar el formulari indicant els errors existents.

Brendan Eich, un programador que treballava en Netscape, va pensar que podria solventar el problema adaptant altres tecnologies existents (com ScriptEase) al navegador Netscape Navigator 2.0.

Brendan Eich

Netscape Navigator 2

Inicialment Eich va anomenar al seu llenguatge LiveScript (1995).

Com a curiositat, dir que anys més tard Eich va ser un dels fundadors del projecte Mozilla, que va transformar el navegador Netscape en el Firefox, el primer gran projecte de canvi de codi privatiu a lliure.

Al mateix temps, Microsoft va llançar JScript amb Internet Explorer 3. JScript era una copia de JavaScript al que li van canviar el nom per evitar problemes legals.

Internet Explorer 3

Netscape va decidir estandaritzar el llenguatge JavaScript. El 1997 es va enviar la especificació JavaScript 1.1 al organisme ECMA (European Computer Manufacturers Association).

El primer estàndard que va crear ECMA es va denominar ECMA-262, en el que es va definir per primer cop el llenguatge ECMAScript.

JavaScript no es més que la implementació realitzada per Netscape del estàndar ECMAScript.

ECMA ha publicat diferents edicions relacionades amb ECMAScript.

A data d’avui la gran majoria de navegadors suporten l’estàndard ECMAScript 5.1.

La última versió és ECMAScript 9 publicada al Juny de 2018.