SlideShare ist ein Scribd-Unternehmen logo
1 von 4
Downloaden Sie, um offline zu lesen
Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware
© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/
Presentació de Javascript
Javascript és un llenguatge de programació que permet als desenvolupadors crear accions a les
seves pàgines web. Però Què és Javascript? Com neix? Són algunes de la preguntes que el
següent article intenta resoldre.
Javascript és un llenguatge que pot ser utilitzat per professionals i per els qui s'inicien en el
desenvolupament i disseny de llocs web. No requereix de compilació ja que el llenguatge
funciona al costat del client, els navegadors són els encarregats d'interpretar aquests codis.
Molts confonen el Javascript amb el Java però tots dos llenguatges són diferents i tenen les
seves característiques singulars. Javascript té l'avantatge de ser incorporat a qualsevol pàgina
web i pot ser executat sense la necessitat d'instal·lar un altre programa per ser visualitzat.
Java per la seva banda, té com a principal característica ser un llenguatge independent de la
plataforma. Es pot crear tot tipus de programa que pot ser executat en qualsevol ordinador del
mercat: Linux, Windows, Apple, etcètera. A causa de les seves característiques també és molt
utilitzat per a internet.
Com a síntesi es pot dir que Javascript és un llenguatge interpretat, basat en prototips, mentre
que Java és un llenguatge més orientat a objectes.
Què és Javascript?
Javascript és un llenguatge amb moltes possibilitats, utilitzat per crear petits programes que
després són inserits en una pàgina web i en programes més grans, orientats a objectes molt
més complexos. Amb Javascript podem crear diferents efectes i interactuar amb els nostres
usuaris.
Aquest llenguatge posseeix diverses característiques, entre elles podem esmentar que és un
llenguatge basat en accions que posseeix menys restriccions. A més a més, és un llenguatge
que utilitza Windows i sistemes X-Windows, gran part de la programació en aquest llenguatge
està centrada a descriure objectes, escriure funcions que responguin a moviments del ratolí,
obertures, utilització de tecles i càrregues de pàgines entre d’altres.
És necessari ressaltar que hi ha dos tipus de Javascript: d'una banda està el que s'executa en el
client, aquest és el Javascript pròpiament dit, encara que tècnicament es denomina Navigator
Javascript. Però també existeix un Javascript que s'executa en el servidor, és més recent i es
denomina LiveWire Javascript.
Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware
© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/
Com neix Javascript?
Javascript va néixer amb la necessitat de permetre als autors de llocs web crear pàgines que
permetessin interactuar amb els usuaris, ja que es necessitava crear webs de major
complexitat. L'HTML només permetia crear pàgines estàtiques on es podien mostrar textos
amb estils, però es necessitava interactuar amb els usuaris.
En els anys 90, Netscape va crear Livescript; les primeres versions d'aquest llenguatge van ser
principalment dedicades a petits grups de dissenyadors Web que no necessitaven utilitzar un
compilador, o sense cap experiència en la programació orientada a objectes.
A mesura que van estar disponibles noves versions d'aquest llenguatge, s’incloïen nous
components que donaven gran potencial al llenguatge, però lamentablement aquesta versió
només funcionava en l'última versió del Navigator d’aquell moment.
Al desembre del 95, Netscape i Sun Microsystems (el creador del llenguatge Java) després
d'unir objectiu de desenvolupar el projecte en conjunt, reintrodueixen aquest llenguatge amb
el nom de Javascript. En resposta a la popularitat de Javascript, Microsoft va llançar el seu
propi llenguatge de programació a força de script, VBScript (una petita versió de Visual Basic).
L'any 96 Microsoft s'interessa per competir amb Javascript pel que llança el seu llenguatge
anomenat Jscript, introduït en els navegadors d'Internet Explorer. Malgrat les diferents
crítiques que se li fan al llenguatge Javascript, aquest és un dels llenguatges de programació
més populars per a web. Des que els navegadors inclouen el Javascript, no necessitem el Java
Runtime Environment (JRE), perquè s'executi.
El Javascript és una tecnologia que ha sobreviscut a més de 10 anys, és fonamental en la web,
juntament amb l'estandardització de la “European Computer Manufacturers Association”
(ECMA) (adoptada després per la ISO) i W3C DOM, Javascript és considerat per molts
desenvolupadors web com la fundació per a la propera generació d'aplicacions web
dinàmiques del costat del client.
L'estandardització de Javascript va començar en conjunt amb ECMA al novembre de 1996. És
adoptat aquest estàndard al juny de 1997 i després també per la “Internacional Organization
for Standardization” (ISO). El DOM per les seves sigles en anglès “Model d'Objectes del
Document” va ser dissenyat per evitar incompatibilitats.
On puc veure funcionant Javascript?
Entre els diferents serveis que es troben realitzats amb Javascript a Internet es troben:
· Correu.
· Xat.
· Cercadors d'Informació.
Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware
© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/
També podem trobar o crear codis per inserir-los a les pàgines com:
· Rellotge.
· Comptadors de visites.
· Dates.
· Calculadores.
· Validadors de formularis.
· Detectors de navegadors i idiomes.
Com identificar codi Javascript?
El codi Javascript podem trobar-ho dins de les etiquetes de les nostres pàgines web. En general
s'insereixen. També poden estar situats en fitxers externs.
Algunes característiques del llenguatge són:
La seva sintaxi és similar a la usada en Java i C, en ser un llenguatge del costat del client aquest
és interpretat pel navegador, no es necessita tenir instal·lat cap Framework.
Variables: var = “Hola què tal?”, n=200
Condicions: if(i<20){ … }
Cicles: for(a; a<50; a++)
Arranjaments: var ElMeuArray = new Array(“102”, “7437”, “125”)
Funcions: Pròpies del llenguatge i predefinides pels usuaris.
Comentaris per a una sola línia: // Comentaris
Comentaris per diverses línies:
/*
Comentaris
/
Permet la programació orientada a objectes: document.write("Hola què tal?");
Les variables poden ser definides com: string, integer, float, bolean simplement utilitzant
“var”. Podem usar “+” per concatenar cadenes i variables.
Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware
© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/
És compatible amb navegadors?
Javascript és suportat per la majoria dels navegadors com Internet Explorer, Netscape, Opera,
Mozilla Firefox, Safari, Google Chrome, entre d’altres.
Amb l’aparició de llenguatges com PHP del costat del servidor i Javascript del costat del client,
va sorgir Ajax en acrònim de (Asynchronous Javascript And XML). El mateix és una tècnica per
crear aplicacions web interactives. Aquest llenguatge combina diverses tecnologies:
· HTML i fulles d'estils CSS per generar estils.
· Implementacions ECMAScript, un d'ells és el llenguatge Javascript.
· XMLHttpRequest és una de les funcions més importants que inclou, que permet intercanviar
dades asíncronament amb el servidor web, pot ser mitjançant PHP, ASP, entre d’altres.
Hem de tenir en compte que encara que Javascript sigui suportat en gran quantitat de
navegadors els nostres usuaris poden triar l'opció d'Activar/Desactivar el Javascript en els
mateixos.

Weitere ähnliche Inhalte

Ähnlich wie Presentació de Javascript

1. introducció
1. introducció1. introducció
1. introducciósergigrau
 
Resum
ResumResum
Resumcfgmi
 
Dai 9 - Ruby on Rails
Dai 9 - Ruby on RailsDai 9 - Ruby on Rails
Dai 9 - Ruby on RailsCarles Mateu
 
Dai 09-ruby on rails
Dai 09-ruby on railsDai 09-ruby on rails
Dai 09-ruby on railsCarles Mateu
 
Migració al programari lliure: reptes i oportunitats
Migració al programari lliure: reptes i oportunitatsMigració al programari lliure: reptes i oportunitats
Migració al programari lliure: reptes i oportunitatsIsmael Fanlo
 
Pràctica na1 uf uf1 aplicacions web
Pràctica na1 uf uf1 aplicacions webPràctica na1 uf uf1 aplicacions web
Pràctica na1 uf uf1 aplicacions webGerardMP
 
Curs Wordpress Ajuntament Platja d'Aro
Curs Wordpress Ajuntament Platja d'AroCurs Wordpress Ajuntament Platja d'Aro
Curs Wordpress Ajuntament Platja d'AroGerard Encabo
 
T1 e1 campillo
T1 e1 campilloT1 e1 campillo
T1 e1 campilloarcaco
 
El framework Cakephp
El framework CakephpEl framework Cakephp
El framework Cakephpherotyc
 
DreamWeaver, Alba Huguet Eroles
DreamWeaver, Alba Huguet ErolesDreamWeaver, Alba Huguet Eroles
DreamWeaver, Alba Huguet ErolesAlba Huguet Eroles
 
M8 Aplicacions Web
M8 Aplicacions WebM8 Aplicacions Web
M8 Aplicacions WebEloi Roca
 
Itineraris IT Academy (2020)
Itineraris IT Academy (2020)Itineraris IT Academy (2020)
Itineraris IT Academy (2020)Barcelona Activa
 

Ähnlich wie Presentació de Javascript (20)

1. introducció
1. introducció1. introducció
1. introducció
 
Resum
ResumResum
Resum
 
Dai 9 - Ruby on Rails
Dai 9 - Ruby on RailsDai 9 - Ruby on Rails
Dai 9 - Ruby on Rails
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dai 09-ruby on rails
Dai 09-ruby on railsDai 09-ruby on rails
Dai 09-ruby on rails
 
Migració al programari lliure: reptes i oportunitats
Migració al programari lliure: reptes i oportunitatsMigració al programari lliure: reptes i oportunitats
Migració al programari lliure: reptes i oportunitats
 
UD4 Web
UD4 WebUD4 Web
UD4 Web
 
Pràctica na1 uf uf1 aplicacions web
Pràctica na1 uf uf1 aplicacions webPràctica na1 uf uf1 aplicacions web
Pràctica na1 uf uf1 aplicacions web
 
Curs Wordpress Ajuntament Platja d'Aro
Curs Wordpress Ajuntament Platja d'AroCurs Wordpress Ajuntament Platja d'Aro
Curs Wordpress Ajuntament Platja d'Aro
 
Java
JavaJava
Java
 
Presentació de HTML 5
Presentació de HTML 5Presentació de HTML 5
Presentació de HTML 5
 
T1 e1 campillo
T1 e1 campilloT1 e1 campillo
T1 e1 campillo
 
El framework Cakephp
El framework CakephpEl framework Cakephp
El framework Cakephp
 
C4D Seminari G Wave
C4D Seminari G WaveC4D Seminari G Wave
C4D Seminari G Wave
 
Full stack R
Full stack RFull stack R
Full stack R
 
DreamWeaver, Alba Huguet Eroles
DreamWeaver, Alba Huguet ErolesDreamWeaver, Alba Huguet Eroles
DreamWeaver, Alba Huguet Eroles
 
M8 Aplicacions Web
M8 Aplicacions WebM8 Aplicacions Web
M8 Aplicacions Web
 
Programari
ProgramariProgramari
Programari
 
Programari
ProgramariProgramari
Programari
 
Itineraris IT Academy (2020)
Itineraris IT Academy (2020)Itineraris IT Academy (2020)
Itineraris IT Academy (2020)
 

Mehr von Roger Casadejús Pérez

Presentació de Wordpress fins a la 3.5.1
Presentació de Wordpress fins a la 3.5.1Presentació de Wordpress fins a la 3.5.1
Presentació de Wordpress fins a la 3.5.1Roger Casadejús Pérez
 
Presentació de les novetats i llicències Vmware esxi 5
Presentació de les novetats i llicències Vmware esxi 5Presentació de les novetats i llicències Vmware esxi 5
Presentació de les novetats i llicències Vmware esxi 5Roger Casadejús Pérez
 

Mehr von Roger Casadejús Pérez (20)

Presentació de Wordpress fins a la 3.5.1
Presentació de Wordpress fins a la 3.5.1Presentació de Wordpress fins a la 3.5.1
Presentació de Wordpress fins a la 3.5.1
 
Presentació de Facebook
Presentació de FacebookPresentació de Facebook
Presentació de Facebook
 
Presentació de Twitter
Presentació de TwitterPresentació de Twitter
Presentació de Twitter
 
Presentació del protocol TCP/IP
Presentació del protocol TCP/IPPresentació del protocol TCP/IP
Presentació del protocol TCP/IP
 
Presentació de la història de Google
Presentació de la història de GooglePresentació de la història de Google
Presentació de la història de Google
 
Presentació de les novetats i llicències Vmware esxi 5
Presentació de les novetats i llicències Vmware esxi 5Presentació de les novetats i llicències Vmware esxi 5
Presentació de les novetats i llicències Vmware esxi 5
 
Presentació de Virtual box
Presentació de Virtual boxPresentació de Virtual box
Presentació de Virtual box
 
Presentació històrica del VHS
Presentació històrica del VHSPresentació històrica del VHS
Presentació històrica del VHS
 
Ps3 slim al descobert
Ps3 slim al descobertPs3 slim al descobert
Ps3 slim al descobert
 
Presentació de Playstation 3
Presentació de Playstation 3Presentació de Playstation 3
Presentació de Playstation 3
 
Què és W3C?
Què és W3C?Què és W3C?
Què és W3C?
 
Sitemap.xml i robots.txt
Sitemap.xml i robots.txtSitemap.xml i robots.txt
Sitemap.xml i robots.txt
 
Seo: Com triomfar en els buscadors?
Seo: Com triomfar en els buscadors?Seo: Com triomfar en els buscadors?
Seo: Com triomfar en els buscadors?
 
Dues tecniques SEO de programació web
Dues tecniques SEO de programació webDues tecniques SEO de programació web
Dues tecniques SEO de programació web
 
Què és i com funciona el pagerank?
Què és i com funciona el pagerank?Què és i com funciona el pagerank?
Què és i com funciona el pagerank?
 
Url amigables
Url amigablesUrl amigables
Url amigables
 
Zona DMZ
Zona DMZZona DMZ
Zona DMZ
 
Presentació de spoofing
Presentació de spoofingPresentació de spoofing
Presentació de spoofing
 
IP brick
IP brickIP brick
IP brick
 
Presentació de Smoothwall
Presentació de SmoothwallPresentació de Smoothwall
Presentació de Smoothwall
 

Presentació de Javascript

  • 1. Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware © Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/ Presentació de Javascript Javascript és un llenguatge de programació que permet als desenvolupadors crear accions a les seves pàgines web. Però Què és Javascript? Com neix? Són algunes de la preguntes que el següent article intenta resoldre. Javascript és un llenguatge que pot ser utilitzat per professionals i per els qui s'inicien en el desenvolupament i disseny de llocs web. No requereix de compilació ja que el llenguatge funciona al costat del client, els navegadors són els encarregats d'interpretar aquests codis. Molts confonen el Javascript amb el Java però tots dos llenguatges són diferents i tenen les seves característiques singulars. Javascript té l'avantatge de ser incorporat a qualsevol pàgina web i pot ser executat sense la necessitat d'instal·lar un altre programa per ser visualitzat. Java per la seva banda, té com a principal característica ser un llenguatge independent de la plataforma. Es pot crear tot tipus de programa que pot ser executat en qualsevol ordinador del mercat: Linux, Windows, Apple, etcètera. A causa de les seves característiques també és molt utilitzat per a internet. Com a síntesi es pot dir que Javascript és un llenguatge interpretat, basat en prototips, mentre que Java és un llenguatge més orientat a objectes. Què és Javascript? Javascript és un llenguatge amb moltes possibilitats, utilitzat per crear petits programes que després són inserits en una pàgina web i en programes més grans, orientats a objectes molt més complexos. Amb Javascript podem crear diferents efectes i interactuar amb els nostres usuaris. Aquest llenguatge posseeix diverses característiques, entre elles podem esmentar que és un llenguatge basat en accions que posseeix menys restriccions. A més a més, és un llenguatge que utilitza Windows i sistemes X-Windows, gran part de la programació en aquest llenguatge està centrada a descriure objectes, escriure funcions que responguin a moviments del ratolí, obertures, utilització de tecles i càrregues de pàgines entre d’altres. És necessari ressaltar que hi ha dos tipus de Javascript: d'una banda està el que s'executa en el client, aquest és el Javascript pròpiament dit, encara que tècnicament es denomina Navigator Javascript. Però també existeix un Javascript que s'executa en el servidor, és més recent i es denomina LiveWire Javascript.
  • 2. Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware © Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/ Com neix Javascript? Javascript va néixer amb la necessitat de permetre als autors de llocs web crear pàgines que permetessin interactuar amb els usuaris, ja que es necessitava crear webs de major complexitat. L'HTML només permetia crear pàgines estàtiques on es podien mostrar textos amb estils, però es necessitava interactuar amb els usuaris. En els anys 90, Netscape va crear Livescript; les primeres versions d'aquest llenguatge van ser principalment dedicades a petits grups de dissenyadors Web que no necessitaven utilitzar un compilador, o sense cap experiència en la programació orientada a objectes. A mesura que van estar disponibles noves versions d'aquest llenguatge, s’incloïen nous components que donaven gran potencial al llenguatge, però lamentablement aquesta versió només funcionava en l'última versió del Navigator d’aquell moment. Al desembre del 95, Netscape i Sun Microsystems (el creador del llenguatge Java) després d'unir objectiu de desenvolupar el projecte en conjunt, reintrodueixen aquest llenguatge amb el nom de Javascript. En resposta a la popularitat de Javascript, Microsoft va llançar el seu propi llenguatge de programació a força de script, VBScript (una petita versió de Visual Basic). L'any 96 Microsoft s'interessa per competir amb Javascript pel que llança el seu llenguatge anomenat Jscript, introduït en els navegadors d'Internet Explorer. Malgrat les diferents crítiques que se li fan al llenguatge Javascript, aquest és un dels llenguatges de programació més populars per a web. Des que els navegadors inclouen el Javascript, no necessitem el Java Runtime Environment (JRE), perquè s'executi. El Javascript és una tecnologia que ha sobreviscut a més de 10 anys, és fonamental en la web, juntament amb l'estandardització de la “European Computer Manufacturers Association” (ECMA) (adoptada després per la ISO) i W3C DOM, Javascript és considerat per molts desenvolupadors web com la fundació per a la propera generació d'aplicacions web dinàmiques del costat del client. L'estandardització de Javascript va començar en conjunt amb ECMA al novembre de 1996. És adoptat aquest estàndard al juny de 1997 i després també per la “Internacional Organization for Standardization” (ISO). El DOM per les seves sigles en anglès “Model d'Objectes del Document” va ser dissenyat per evitar incompatibilitats. On puc veure funcionant Javascript? Entre els diferents serveis que es troben realitzats amb Javascript a Internet es troben: · Correu. · Xat. · Cercadors d'Informació.
  • 3. Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware © Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/ També podem trobar o crear codis per inserir-los a les pàgines com: · Rellotge. · Comptadors de visites. · Dates. · Calculadores. · Validadors de formularis. · Detectors de navegadors i idiomes. Com identificar codi Javascript? El codi Javascript podem trobar-ho dins de les etiquetes de les nostres pàgines web. En general s'insereixen. També poden estar situats en fitxers externs. Algunes característiques del llenguatge són: La seva sintaxi és similar a la usada en Java i C, en ser un llenguatge del costat del client aquest és interpretat pel navegador, no es necessita tenir instal·lat cap Framework. Variables: var = “Hola què tal?”, n=200 Condicions: if(i<20){ … } Cicles: for(a; a<50; a++) Arranjaments: var ElMeuArray = new Array(“102”, “7437”, “125”) Funcions: Pròpies del llenguatge i predefinides pels usuaris. Comentaris per a una sola línia: // Comentaris Comentaris per diverses línies: /* Comentaris / Permet la programació orientada a objectes: document.write("Hola què tal?"); Les variables poden ser definides com: string, integer, float, bolean simplement utilitzant “var”. Podem usar “+” per concatenar cadenes i variables.
  • 4. Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware © Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/ És compatible amb navegadors? Javascript és suportat per la majoria dels navegadors com Internet Explorer, Netscape, Opera, Mozilla Firefox, Safari, Google Chrome, entre d’altres. Amb l’aparició de llenguatges com PHP del costat del servidor i Javascript del costat del client, va sorgir Ajax en acrònim de (Asynchronous Javascript And XML). El mateix és una tècnica per crear aplicacions web interactives. Aquest llenguatge combina diverses tecnologies: · HTML i fulles d'estils CSS per generar estils. · Implementacions ECMAScript, un d'ells és el llenguatge Javascript. · XMLHttpRequest és una de les funcions més importants que inclou, que permet intercanviar dades asíncronament amb el servidor web, pot ser mitjançant PHP, ASP, entre d’altres. Hem de tenir en compte que encara que Javascript sigui suportat en gran quantitat de navegadors els nostres usuaris poden triar l'opció d'Activar/Desactivar el Javascript en els mateixos.