I prinsippet er hvert nettsted bygget basert på 3 teknologier; HTML, CSS og Javascript. HTML tar for seg bestillingen av de forskjellige komponentdelene på nettstedet, CSS med måten disse delene blir gjengitt på og Javascript komplekse oppgaver som å svare på brukerhandlinger.
En tidligere artikler Vi hadde forklart at det var et CSS-rammeverk og gitt en liste over de beste vi kan bruke i Linux. Hvordan rollen til Javascript er litt vanskeligere å forklare, vi skal gjøre en liten introduksjon til emnet, før vi får kommentere rammene.
Javascript programmeringsspråk. En liten introduksjon
Hva er Javascript?
Javascript er et programmeringsspråk som opprinnelig ble opprettet for å hindre at nettsider ble statiske selv om bruken i dag har spredt seg til sektorer som ikke har noe med nettet å gjøre.
Lprogrammer skrevet i Javascript kalles skript og de kjører inne i en virtuell maskin kjent som en Javascript-motor.
Alle moderne nettlesere inkluderer deres versjon av Javascript-motoren
For brukernes sikkerhet, forskjellige nettlesere setter begrensninger på hva Javascript-koden kan gjøre. For eksempel tilgang til kritiske filer på disken. Dette kan imidlertid begrenses ytterligere i konfigurasjonsalternativene til hver enkelt.
Driften av Javascript-koden på en webside er som følger:
- Javascript-motoren innebygd i nettleseren leser koden.
- Koden konverteres til maskinspråk.
- Maskinen utfører koden.
Å være et programmeringsspråk, kan Javascript utføre oppgaver som disse:
- Lagre informasjon innenfor variabler.
- Håndter tekststrenger.
- Kjør programmer som svarer på hendelser som å klikke på en lenke.
Javascript-funksjonene øker gjennom bruk av applikasjonsprogrammeringsgrensesnitt (APIer)
APIer er programbiblioteker opprettet for spesifikke oppgaver som frigjør utvikleren fra å måtte skrive om eksisterende kode. I tilfelle av Javascript kan vi snakke om to typer APIS
Nettleser-API
De løper inne i nettleseren og svarer på miljøet. Vi har for eksempel:
Document Object Model (DOM): Det gjør det mulig å gjøre endringer i HTML- og CSS-koden til siden som svar på visse hendelser. Dette er tilfellet med nettsteder som lar oss se hvordan en side vil vises på forskjellige enheter.
API for geolocationa: Den brukes til å oppdage brukerens plassering og svare deretter. For eksempel brukes den av Netflix for å vite hvilket innhold du kan se i landet ditt eller Google Maps for å vise deg hvor du er.
Canvas og WebGL: De er ideelle for å tegne 2d- og 3d-grafikk
Multimedia APIer: De tillater overføring og mottak av multimediainnhold fra en webside.
Tredjeparts APIer
De forskjellige nettjenestene prøver å få flere brukere (og i noen tilfeller mer informasjon fra disse brukerne til å selge den) Det er derfor lage programmeringsgrensesnitt slik at utviklere kan integrere funksjoner at disse tjenestene leverer til eksterne nettsteder. Dette er for eksempel tilfellet med de nettsidene som lar deg registrere deg med Google- eller Facebook-kontoen din.
Hvordan Javascript-koden fungerer på et nettsted
Først og fremst må det avklares hvert javascript-skript kjører innenfor sitt eget kjøretidsmiljø. Det er et kjøringsmiljø for hver fane (hvis vi åpner forskjellige nettsteder i samme vindu) eller for forskjellige vinduer hvis vi foretrekker det. I intet tilfelle er de sammenhengende med hverandre eller, som vi sa, med operativsystemet uten aktiv intervensjon fra brukeren.
Første se laster inn HTML-koden til websiden og en objektmodell av dokumentet er opprettet slik at det kan vises i nettleseren. Varene som skal festes lastes deretter til siden som media, bilder og stilark. Til slutt tildeles stilene til de forskjellige delene av siden som bestemt av stilarkene.
Når alt dette er ferdig, er det når Javascript-motoren starter følger sekvensen nevnt ovenfor.
I vår neste artikkel følger vi den lovede listen over rammer for Javascript.