Let's see what's so special about JavaScript, what we can achieve with it, and what other technologies play well with it.
La oss se litt nærmere på hva som er så spesielt med JavaScript, hva vi kan oppnå ved å bruke det, og hvilke andre teknologier som passer godt sammen med det.
<<<<<<< HEAD
JavaScript was initially created to "make web pages alive".
The programs in this language are called scripts. They can be written right in a web page's HTML and run automatically as the page loads.
540d753e90789205fc6e75c502f68382c87dea9b
Programmer skrevet i JavaScript kalles for scripts. De kan skrives rett inn i en nettsides's HTML og kjører automatisk så fort siden blir lastet.
Scripts er utdelt og kjørt som ren tekst. De trenger altså ingen forberedelser eller å bli kompilert for å kjøre.
Med dette øyemed, er JavaScript veldig annerledes fra et annet språk kalt Java.
<<<<<<< HEAD
Når JavaScript ble skapt, hadde det i utgangspunktet navnet: "LiveScript". Men Java var veldig populært på den tiden, så det ble bestemt at å presentere et nytt programmeringsspråk som en "lillebror" til Java ville være en god ide.
=======
```smart header="Why is it called <u>Java</u>Script?"
When JavaScript was created, it initially had another name: "LiveScript". But Java was very popular at that time, so it was decided that positioning a new language as a "younger brother" of Java would help.
>>>>>>> 540d753e90789205fc6e75c502f68382c87dea9b
Men etterhvert som det utviklet seg ble JavaScript et helt uavhengig programmeringsspårk med sitt eget sett med spesifikasjoner kalt [ECMAScript](http://en.wikipedia.org/wiki/ECMAScript), og nå har det ingenting med Java å gjøre i det hele tatt.
Idag kan JavaScript kjøres på serveren, og ikke bare i nettleseren lenger, faktisk kan det kjøres på hvilken som helst enhet som har the JavaScript engine installert.
Nettleseren har en innebygget motor som noenganger blir kalt for en "JavaScript virtuell maskin".
Different engines have different "codenames". For example: Det finnes flere forskjellige motorer som har skilles fra hverandre med forskjellige "kodenavn". For eksempel:
<<<<<<< HEAD
- V8 -- i Chrome og Opera.
- SpiderMonkey -- i Firefox.
- ...Det er også andre kodenavn som "Trident" og "Chakra" for forskjellige versjoner av IE, "ChakraCore" for Microsoft Edge, "Nitro" og "SquirrelFish" for Safari, osv.
Begrepene ovenfor er gode å huske fordi de ofte brukt i artikler skrevet av utviklere på nettet. Vi vil bruke de også. For eksempel, hvis "en funksjon x er støttet av v8", vil den sannsynlig fungere i Chrome og Opera.
- V8 -- in Chrome, Opera and Edge.
- SpiderMonkey -- in Firefox.
- ...There are other codenames like "Chakra" for IE, "JavaScriptCore", "Nitro" and "SquirrelFish" for Safari, etc.
The terms above are good to remember because they are used in developer articles on the internet. We'll use them too. For instance, if "a feature X is supported by V8", then it probably works in Chrome, Opera and Edge.
540d753e90789205fc6e75c502f68382c87dea9b
Motorer er kompliserte. Men det grunnleggende er ganske lett.
<<<<<<< HEAD
1. Motoren (Innebygd hvis det er en nettleser) leser ("parser") scriptet.
2. Så konverterer den ("kompilerer") scriptet til maskin språk
3. Og så kjører maskin koden, veldig raskt.
Motoren tar ibruk optimaliseringer til hver eneste steg i prosessen. Passer til og med på det kompilerte scriptet imens det kjører, analyserer data som flyter gjennom det, og legger så til optimaliseringer til maskin koden basert på denne kunnskapen.
Når dette gjøres, kjører scripts rimelig fort.
=======
1. The engine (embedded if it's a browser) reads ("parses") the script.
2. Then it converts ("compiles") the script to machine code.
3. And then the machine code runs, pretty fast.
The engine applies optimizations at each step of the process. It even watches the compiled script as it runs, analyzes the data that flows through it, and further optimizes the machine code based on that knowledge.
>>>>>>> 540d753e90789205fc6e75c502f68382c87dea9b
<<<<<<< HEAD Moderne JavaScript er et "trygt" programmeringsspråk. Det gir ikke lavniå tilgang til minne eller CPU, fordi det i utgangspunktet var laget for nettlesere som ikke krever det.
Modern JavaScript is a "safe" programming language. It does not provide low-level access to memory or the CPU, because it was initially created for browsers which do not require it.
540d753e90789205fc6e75c502f68382c87dea9b
JavaScript's evber er sterkt avhengig av miljøet det kjører i. For eksempel, Node.js støtter funksjoner som lar JavaScript lese/skrive vilkårlig, gjennomføre nettverksforespørsler, osv.
I-nettleser JavaScript kan gjøre alt i forbindelse med manipulering av nettsider, interaksjon med brukeren, og nett-tjeneren.
For eksempel, i-nettleser JavaScript er i stand til å:
- Legge til ny HTML til en side, endre den eksisterende konteksten, modifisere stiling.
- Reagere på nye hendelser, kjøre ved museklikk, peker bevegelser, tastetrykk.
- Sende forespørsler over nettverket til eksterne tjenere, nedlasting og opplasting av filer (såkalte AJAX og COMET teknologier).
- Kalle på og endre informasjonskapsler, stille spørsmål til besøkende, vise meldinger.
- Huske data på klientsiden ("lokal lagring").
<<<<<<< HEAD JavaScript's egenskaper i nettleseren er begrensede på vegne av brukeren trygghet. Dette er ment for å hindre nettsider med onde hensikter fra å aksessere informasjon eller ramme brukerens data på noen som helst måte.
JavaScript's abilities in the browser are limited to protect the user's safety. The aim is to prevent an evil webpage from accessing private information or harming the user's data.
540d753e90789205fc6e75c502f68382c87dea9b
Eksempler på slike begrensninger inkluderer:
<<<<<<< HEAD
- JavaScript på en nettside kan ikke lese/skrive vilkårlige filer på en harddisk, kopiere eller kjøre programmer. Det har ingen direkte tilgang til funksjoner som er tilknyttet operativsystemet (OS). =======
- JavaScript on a webpage may not read/write arbitrary files on the hard disk, copy them or execute programs. It has no direct access to OS functions.
540d753e90789205fc6e75c502f68382c87dea9b
Moderne nettlesere tillater det til å behandle filer, men denne adgangen er begrenset og kun gitt hvis brukeren gjennomfører utvalgte hendelser, som å "slippe" en fil over et nettleservindu eller velger det via en `<input>` tag.
<<<<<<< HEAD Det finnes måter å interragere med kamera og mikrofon og andre enheter, men disse krever at brukeren gir eksplisitt tillatelse. Så en JavaScript-akrivert side kan ikke på en lumsk måte aktivere webkameraet, se seg rundt og sende informasjonen om dette til PST.
-
Forskjellige paneler/vinduer i en nettleser vet i utgangspunktet ingenting om hverandre. Noenganger gjør de det, for eksempel når et vindu bruker JavaScript til å åpne et annet vindu. Men selv i dette tilfellet, JavaScript fra en side til en kan ikke aksessere et annet vindu hvis det kommer fra forskjellige sider (fra et annet domene, protokoll eller port).
Dette er kalt "Same Origin Policy". For å jobbe rundt dette, må begge sidene inneholde en spesiell JavaScript kode som behandler denne utvekslingen av data.
Denne begrensningen er, igjen satt på plass med brukerens trygghet i tankene. En side fra
http://hvilkensomhelstside.nosom en bruker har åpnet kan overhodet ikke være i stand til å aksessere et annet panel med URL'enhttp://gmail.comog stjele informasjon derfra. -
JavaScript kan med letthet kommunisere med en tjener over nettet hvor den nåværende siden kom fra. Men dets egenskap til å motta data fra andre sider/domener er veldig tungvint, men det er mulig, dette krever eksplisitt tillatelse (uttrykt via HTTP headere) fra den eksterne siden. Igjen, dette er sikkerhetsbegrensning. ======= There are ways to interact with the camera/microphone and other devices, but they require a user's explicit permission. So a JavaScript-enabled page may not sneakily enable a web-camera, observe the surroundings and send the information to the NSA.
-
Different tabs/windows generally do not know about each other. Sometimes they do, for example when one window uses JavaScript to open the other one. But even in this case, JavaScript from one page may not access the other page if they come from different sites (from a different domain, protocol or port).
This is called the "Same Origin Policy". To work around that, both pages must agree for data exchange and must contain special JavaScript code that handles it. We'll cover that in the tutorial.
This limitation is, again, for the user's safety. A page from
http://anysite.comwhich a user has opened must not be able to access another browser tab with the URLhttp://gmail.com, for example, and steal information from there. -
JavaScript can easily communicate over the net to the server where the current page came from. But its ability to receive data from other sites/domains is crippled. Though possible, it requires explicit agreement (expressed in HTTP headers) from the remote side. Once again, that's a safety limitation.
Such limitations do not exist if JavaScript is used outside of the browser, for example on a server. Modern browsers also allow plugins/extensions which may ask for extended permissions.
540d753e90789205fc6e75c502f68382c87dea9b
Slike begrensninger eksisterer ikke hvis JavaScript brukes på utsiden av nettleseren, for eksempel på en tjener. Moderne nettlesere tillater også bruk utvidelser som kan spørre om utvidede tillatelser.
Dette er de tre minst gode ting om JavaScript:
<<<<<<< HEAD
+ Full integrasjon med HTML/CSS.
+ Enkle ting kan gjøres på en enkel måte.
+ Støttet av alle de største nettleserne og er påslått som standard.
=======
+ Full integration with HTML/CSS.
+ Simple things are done simply.
+ Supported by all major browsers and enabled by default.
>>>>>>> 540d753e90789205fc6e75c502f68382c87dea9b
JavaScript er den eneste nettleser teknologien som kombinerer disse tre tingene.
Dette er det som gjør JavaScript unikt. Dette er grunnen til at JavaScript er det mest utstrakte verktøyet for utvikling av grensesnitt i nettleseren.
<<<<<<< HEAD Imens du har planer om å lære deg en teknologi, er det gunstig å sjekke dens perspektiver. Så la oss fortsette til de moderne trendene som påvirker den, inkluderende nye språk og ny nettleser-funksjonalitet.
======= That said, JavaScript can be used to create servers, mobile applications, etc.
540d753e90789205fc6e75c502f68382c87dea9b
JavaScript's syntax er tilpasset alle sitt behov. Forskjellige folk trenger forskjellige funksjoner.
Dette er ikke overraskende, siden forskjellige prosjekter har forskjellige krav.
En haug av nye språk har nylig dukket opp, som er transpilert (konvertert) til JavaScript før de kjører i nettleseren.
<<<<<<< HEAD Moderne verktøy gjør transpileringen veldig rask og forutsigbar, faktisk så lar dette utviklere å skrive kode på et annet språk som blir automatisk konvertert "under panseret".
So, recently a plethora of new languages appeared, which are transpiled (converted) to JavaScript before they run in the browser.
540d753e90789205fc6e75c502f68382c87dea9b
Dette er eksempler på slike språk:
- CoffeeScript er en "syntaktisk sukker" for JavaScript. Det introduserer kortere syntax, som lar oss skrive klarer og mer presis kode. Ruby utviklere er vanligvis mer glad i dette.
- TypeScript er konsentrert rundt å legge til "streng datatyping" for å gjøre utvikling og drifting av komplekse systemer lettere. TypeScript er utviklet av Microsoft.
- Dart er et selvstendig språk som har sin egen motor som kjører ukjente miljøer for nettleseren (som mobilapplikasjoner). Det var i utgangspunktet lagt frem av Google som en erstatter for JavaScript, men foreløpig krever nettlesere at Dart transpileres til JavaScript akkurat som de andre nevnt ovenfor.
<<<<<<< HEAD Det finnes flere selvfølgelig. Men selv om vi bruker noen av disse språkene, er det lurt av oss å kjenne JavaScript for å vite hva vi egentlig driver med.
- CoffeeScript is "syntactic sugar" for JavaScript. It introduces shorter syntax, allowing us to write clearer and more precise code. Usually, Ruby devs like it.
- TypeScript is concentrated on adding "strict data typing" to simplify the development and support of complex systems. It is developed by Microsoft.
- Flow also adds data typing, but in a different way. Developed by Facebook.
- Dart is a standalone language that has its own engine that runs in non-browser environments (like mobile apps), but also can be transpiled to JavaScript. Developed by Google.
- Brython is a Python transpiler to JavaScript that enables the writing of applications in pure Python without JavaScript.
- Kotlin is a modern, concise and safe programming language that can target the browser or Node.
There are more. Of course, even if we use one of these transpiled languages, we should also know JavaScript to really understand what we're doing.
540d753e90789205fc6e75c502f68382c87dea9b
<<<<<<< HEAD
- JavaScript var i utgangspunktet skapt som et kun-nettleser språk, men finnes også i mange andre miljøer i tillegg.
- Idag, har JavaScript en unik position som det mest brukt nettleser språket med full integrasjon mot HTML/CSS.
- Det finnes mange språk som blir "transpilert" til JavaScript og som gir utvalgte funksjoner. Det er anbefalt å ta en kikk på de, ihvertfall ganske kort, etter at du mestrer JavaScript. =======
- JavaScript was initially created as a browser-only language, but it is now used in many other environments as well.
- Today, JavaScript has a unique position as the most widely-adopted browser language, fully integrated with HTML/CSS.
- There are many languages that get "transpiled" to JavaScript and provide certain features. It is recommended to take a look at them, at least briefly, after mastering JavaScript.
540d753e90789205fc6e75c502f68382c87dea9b