Skip to content

Commit d9751b4

Browse files
authored
Merge branch 'master' into sync-dccca58f
2 parents 0e80aa7 + d799f8f commit d9751b4

File tree

44 files changed

+381
-330
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

44 files changed

+381
-330
lines changed
Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,42 +1,42 @@
11

2-
# Manuals and specifications
2+
# Manualer og specifikationer
33

4-
This book is a *tutorial*. It aims to help you gradually learn the language. But once you're familiar with the basics, you'll need other sources.
4+
Denne bog er en *tutorial*. Den går efter at hjælpe dig med at lære dig sproget lidt ad gangen. Men, lige så snart du er fortrolig med det grundlæggende, vil du få brug for andre kilder til information.
55

6-
## Specification
6+
## Specifikationer
77

8-
[The ECMA-262 specification](https://www.ecma-international.org/publications/standards/Ecma-262.htm) contains the most in-depth, detailed and formalized information about JavaScript. It defines the language.
8+
[ECMA-262 specificationen](https://www.ecma-international.org/publications/standards/Ecma-262.htm) indeholder den mest dybdegående, detaljerede og formaliserede information om JavaScript. Det er den der definerer selve sproget.
99

10-
But being that formalized, it's difficult to understand at first. So if you need the most trustworthy source of information about the language details, the specification is the right place. But it's not for everyday use.
10+
Men, når det er skrevet så formelt er det også meget svært at forstå for en begynder. Så, hvis du skal bruge den mest pålidelige kilde til information om detaljer i sproget, så er specifikationen det rigtige sted. Men, det er ikek til hverdagsbrug.
1111

12-
A new specification version is released every year. In-between these releases, the latest specification draft is at <https://tc39.es/ecma262/>.
12+
En ny spedifikation bliver udgivet hvert år. Imellem hver udgivelse kan du se kladden til den næste på <https://tc39.es/ecma262/>.
1313

14-
To read about new bleeding-edge features, including those that are "almost standard" (so-called "stage 3"), see proposals at <https://github.com/tc39/proposals>.
14+
Hvis du vil læse om de sidste nye features og de features der "næsten er standard" (kaldet "stage 3") kan du se dem på <https://github.com/tc39/proposals>.
1515

16-
Also, if you're in developing for the browser, then there are other specs covered in the [second part](info:browser-environment) of the tutorial.
16+
Derudover, hvis du er interesseret i at udvikle til browseren, er der også andre specifikationer der dækkes i [anden del](info:browser-environment) af denne tutorial.
1717

18-
## Manuals
18+
## Manualer
1919

20-
- **MDN (Mozilla) JavaScript Reference** is a manual with examples and other information. It's great to get in-depth information about individual language functions, methods etc.
20+
- **MDN (Mozilla) JavaScript Reference** er en manual med ekempler og anden information. Den er en god kilde til uddybende information om sprogets funktioner, metoder etc.
2121

22-
One can find it at <https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference>.
22+
Du kan finde den på <https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference>.
2323

24-
Although, it's often best to use an internet search instead. Just use "MDN [term]" in the query, e.g. <https://google.com/search?q=MDN+parseInt> to search for `parseInt` function.
24+
Det kan dog ofte nemmest betale sig at søge i den via internettet. Skriv noget i stil med "MDN [term]" i søgefeltet, f.eks. <https://google.com/search?q=MDN+parseInt> for at slå op på funktionen `parseInt`.
2525

2626

27-
- **MSDN** – Microsoft manual with a lot of information, including JavaScript (often referred to as JScript). If one needs something specific to Internet Explorer, better go there: <http://msdn.microsoft.com/>.
27+
- **MSDN** – Microsoft manual med en masse information, blandt andet JavaScript (ofte referet til som JScript). Hvis du har behov for viden, der er specifik til Internet Exlporer, så kig på <http://msdn.microsoft.com/>.
2828

29-
Also, we can use an internet search with phrases such as "RegExp MSDN" or "RegExp MSDN jscript".
29+
Her kan du også søge via en søgemaskine med sætninger som "RegExp MSDN" eller "RegExp MSDN jscript".
3030

31-
## Compatibility tables
31+
## Oversigter over kompatibilitet
3232

33-
JavaScript is a developing language, new features get added regularly.
33+
JavaScript er et sprog i udvikling og nye muligheder bliver jævnligt tilføjet.
3434

35-
To see their support among browser-based and other engines, see:
35+
For et overblik over, hvad der er understøttet i hvilke browsere, så kan du besøge:
3636

37-
- <http://caniuse.com> - per-feature tables of support, e.g. to see which engines support modern cryptography functions: <http://caniuse.com/#feat=cryptography>.
38-
- <https://kangax.github.io/compat-table> - a table with language features and engines that support those or don't support.
37+
- <http://caniuse.com> - oversigt over understøttelse af enkelte features, f.eks. for at se, hvilke motorer, der understøtter funtkioner til kryptering: <http://caniuse.com/#feat=cryptography>.
38+
- <https://kangax.github.io/compat-table> - en tanel med sprogfeatures og hvilke browsere der understøtter dem og hvilke der ikke gør.
3939

40-
All these resources are useful in real-life development, as they contain valuable information about language details, their support etc.
40+
Alle disse ressourcer er anvendelige i dagligdags udvikling. De indeholder vigtig information om detaljer i sproget, deres grad af understøttelse osv.
4141

42-
Please remember them (or this page) for the cases when you need in-depth information about a particular feature.
42+
Husk dem (eller denne side) til de tidspunkter, hvor du for brug for forklaringer på detaljer omkring sproget eller en specifik feature.
Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,46 @@
1-
# Code editors
1+
# Kodeeditorer
22

3-
A code editor is the place where programmers spend most of their time.
3+
En kodeeditor er det sted, hvor du som programmør bruger det meste af din tid.
44

5-
There are two main types of code editors: IDEs and lightweight editors. Many people use one tool of each type.
5+
Der er grundlæggende to typer af editorer: IDE'er og letvægtseditorer. Mange udviklere bruger én af hver type.
66

77
## IDE
88

9-
The term [IDE](https://en.wikipedia.org/wiki/Integrated_development_environment) (Integrated Development Environment) refers to a powerful editor with many features that usually operates on a "whole project." As the name suggests, it's not just an editor, but a full-scale "development environment."
9+
Begrebet [IDE](https://en.wikipedia.org/wiki/Integrated_development_environment) (Integrated Development Environment) referer til en kraftfuld editor med mange muligheder der gør det muligt at arbejde med "hele projekter". Som navnet antyder, er det ikke kun en editor, men et fuldskala udviklingsmiljø.
1010

11-
An IDE loads the project (which can be many files), allows navigation between files, provides autocompletion based on the whole project (not just the open file), and integrates with a version management system (like [git](https://git-scm.com/)), a testing environment, and other "project-level" stuff.
11+
Et IDE henter et projekt (som kan indeholde mange filer), tillader navigation mellem filer, hjælper med automatisk udførelse baseret på hele projektet og ikke bare den åbne fil, og integrerer med systemer til versionering (såsom [git](https://git-scm.com/)), et testmiljø og andre funktioner på projektniveau.
1212

13-
If you haven't selected an IDE yet, consider the following options:
13+
Hvis du ikke har valgt en IDE endnu, så kan du prøve følgende:
1414

15-
- [Visual Studio Code](https://code.visualstudio.com/) (cross-platform, free).
16-
- [WebStorm](http://www.jetbrains.com/webstorm/) (cross-platform, paid).
15+
- [Visual Studio Code](https://code.visualstudio.com/) (cross-platform, gratis).
16+
- [WebStorm](http://www.jetbrains.com/webstorm/) (cross-platform, betaling).
1717

18-
For Windows, there's also "Visual Studio", not to be confused with "Visual Studio Code". "Visual Studio" is a paid and mighty Windows-only editor, well-suited for the .NET platform. It's also good at JavaScript. There's also a free version [Visual Studio Community](https://www.visualstudio.com/vs/community/).
18+
Til WIndows er der også "Visual Studio", ikke at forveksle med "Visual Studio Code". "Visual Studio" er en kraftfuld WIndows-only editor der dog koster penge i den fulde version og virkelig god til udvikling på .NET platformen. Den er dog også god til JavsScript og der findes en gratis version kaldet [Visual Studio Community](https://www.visualstudio.com/vs/community/).
1919

20-
Many IDEs are paid, but have a trial period. Their cost is usually negligible compared to a qualified developer's salary, so just choose the best one for you.
20+
Mange IDE er betalingsprogrammer, men de har ofte en prøveperiode. De koster dog ikke så meget at man som professionel udvikler ikke kan forsvare at betale det, så vælg den du synes matcher dine behov bedst, når du begynder at arbejde professionelt med programmering.
2121

22-
## Lightweight editors
22+
## Letvægtseditorer
2323

24-
"Lightweight editors" are not as powerful as IDEs, but they're fast, elegant and simple.
24+
Letvægtseditorer er ikke så kraftfulde som IDE'er, men de er hurtige, elegante og simple.
2525

26-
They are mainly used to open and edit a file instantly.
26+
De bliver hovedsageligt brugt til hurtigt at åbne og redigere filer.
2727

28-
The main difference between a "lightweight editor" and an "IDE" is that an IDE works on a project-level, so it loads much more data on start, analyzes the project structure if needed and so on. A lightweight editor is much faster if we need only one file.
28+
Hovedforskellen mellem et IDE og en letvægtseditor er, at IDE'et arbejder på projektniveau, så den henter mange flere data fra starte, analyserer projektets struktur, hvis der er behov for det osv. En letvægtseditor er meget hurtigere, hvis du bare skal arbejde med enkelte filer.
2929

30-
In practice, lightweight editors may have a lot of plugins including directory-level syntax analyzers and autocompleters, so there's no strict border between a lightweight editor and an IDE.
30+
I praksis, så har mange letvægtseditorer mulighed for en masse plugin programmer, der også indbefatter syntax-analusering, autofuldførelse osv, så der er ikke nogen klar grænse mellem letvægtseditorer og et IDE.
3131

32-
The following options deserve your attention:
32+
Følgende programmer kan være gode at undersøge:
3333

34-
- [Atom](https://atom.io/) (cross-platform, free).
35-
- [Visual Studio Code](https://code.visualstudio.com/) (cross-platform, free).
34+
- [Atom](https://atom.io/) (cross-platform, gratis).
35+
- [Visual Studio Code](https://code.visualstudio.com/) (cross-platform, gratis).
3636
- [Sublime Text](http://www.sublimetext.com) (cross-platform, shareware).
37-
- [Notepad++](https://notepad-plus-plus.org/) (Windows, free).
38-
- [Vim](http://www.vim.org/) and [Emacs](https://www.gnu.org/software/emacs/) are also cool if you know how to use them.
37+
- [Notepad++](https://notepad-plus-plus.org/) (Windows, gratis).
38+
- [Vim](http://www.vim.org/) og [Emacs](https://www.gnu.org/software/emacs/) er også gode, hvis man ved, hvordan de bruges.
3939

40-
## Let's not argue
40+
## Lad os nu ikke komme op og skændes
4141

42-
The editors in the lists above are those that either I or my friends whom I consider good developers have been using for a long time and are happy with.
42+
Editorer på listen ovenfor er dem som enten jeg eller jeg har set folk omkring mig bruge og betragte som gode redskaber for dem.
4343

44-
There are other great editors in our big world. Please choose the one you like the most.
44+
Der findes andre gode editorer på nettet. Kig dig omkring og brug den du har det bedst med..
4545

46-
The choice of an editor, like any other tool, is individual and depends on your projects, habits, and personal preferences.
46+
Valget af editor er, som med mange andre redskaber, et individuelt valg og er nogle gange afhængig af projektet, vaner og personlig præference.
Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,63 +1,63 @@
1-
# Developer console
1+
# Udvikler konsollen
22

3-
Code is prone to errors. You will quite likely make errors... Oh, what am I talking about? You are *absolutely* going to make errors, at least if you're a human, not a [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)).
3+
Kode er næsten dømt til at indeholde fejl. Du vil næsten helt sikkert lave fejl jævnligt ... hvad snakker jeg om? Du vil *helt sikkert* lave fejl - i hvert fald, hvis du er menneske og ikke en [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)).
44

5-
But in the browser, users don't see errors by default. So, if something goes wrong in the script, we won't see what's broken and can't fix it.
5+
Men, i en browser ser du ikke umiddelbart fejlene. Så, når noget går galt er det ikke altid muligt at se i browseren og derfor heller ikke muligt at fikse fejlen.
66

7-
To see errors and get a lot of other useful information about scripts, "developer tools" have been embedded in browsers.
7+
For at se fejlene og samtidig få en masse anden brugbar information om din kode, så findes der en række værktøjer i browseren kaldet "developer tools".
88

9-
Most developers lean towards Chrome or Firefox for development because those browsers have the best developer tools. Other browsers also provide developer tools, sometimes with special features, but are usually playing "catch-up" to Chrome or Firefox. So most developers have a "favorite" browser and switch to others if a problem is browser-specific.
9+
Mange udviklere hælder til at bruge Chrome eller Firefox fordi deres værktøjer er meget udviklede. Andre browsere tilbyder også udviklingsværktøjer, nogle gange med specielle features, men prøver normalt at samle op på mulighederne fra Chrome eller Firefox. De fleste udviklere har en favorit browser og skifter til de andre for at teste browserspecifikke problemer.
1010

11-
Developer tools are potent; they have many features. To start, we'll learn how to open them, look at errors, and run JavaScript commands.
11+
Udviklingsværktøjerne har mange praktiske features. Til at starte med, skal du lære at åbne dem, kigge efter fejl og afvikle JavaScript kommandoer.
1212

1313
## Google Chrome
1414

15-
Open the page [bug.html](bug.html).
15+
Åbn siden [bug.html](bug.html).
1616

17-
There's an error in the JavaScript code on it. It's hidden from a regular visitor's eyes, so let's open developer tools to see it.
17+
Der er en fejl i sidens JavaScript kode. Det er skjult for den besøgende, så åbn udviklingsværktøjerne (developer tools) for at se dem.
1818

19-
Press `key:F12` or, if you're on Mac, then `key:Cmd+Opt+J`.
19+
Tryk `key:F12` eller, hvis du er på Mac `key:Cmd+Opt+J`.
2020

21-
The developer tools will open on the Console tab by default.
21+
Udviklingsværktøjerne vil åbne med tabben KOnsol (Console) som standard.
2222

23-
It looks somewhat like this:
23+
Det ser ud i stil med dette:
2424

2525
![chrome](chrome.png)
2626

27-
The exact look of developer tools depends on your version of Chrome. It changes from time to time but should be similar.
27+
Det præcise udseende vil afhænge af din version af Chrome. Det skifter fra tid til anden men burde minde om billedet.
2828

29-
- Here we can see the red-colored error message. In this case, the script contains an unknown "lalala" command.
30-
- On the right, there is a clickable link to the source `bug.html:12` with the line number where the error has occurred.
29+
- Her kan du se fejlmeddelelsen i en rød farve. I det her tilfælde indeholder scriptet en ukendt "lalala" kommando.
30+
- Til højre er et klikbart link til kildekoden `bug.html:12` med den linje i koden, hvor fejlen er opstået.
3131

32-
Below the error message, there is a blue `>` symbol. It marks a "command line" where we can type JavaScript commands. Press `key:Enter` to run them.
32+
Under fejlmeddelelsen er det et blåt `>` symbol. Det markerer en "kommandolinje" hvor du kan skrive JavaScript kommandoer. Tryk `key:Enter` for at afvikle dem.
3333

34-
Now we can see errors, and that's enough for a start. We'll come back to developer tools later and cover debugging more in-depth in the chapter <info:debugging-chrome>.
34+
Nu har du lært, hvor du kan se fejl, og det er nok til en begyndelse. Du kommer tilbage til udviklingsværktøjerne senere og lærer om at finde fejl (debugge) i kapitlet <info:debuggingD-chrome>.
3535

3636
```smart header="Multi-line input"
37-
Usually, when we put a line of code into the console, and then press `key:Enter`, it executes.
37+
Normalt, når du skriver en linje kode og trykker `key:Enter`, bliver kommandoen afviklet.
3838
39-
To insert multiple lines, press `key:Shift+Enter`. This way one can enter long fragments of JavaScript code.
39+
For at afvikle flere linjer på én gang skal du trykke `key:Shift+Enter` mellem hver kommando. På den måde kan du skrive længere stykker JavaScript kode der skal afvikles samtidig
4040
```
4141

42-
## Firefox, Edge, and others
42+
## Firefox, Edge og andre
4343

44-
Most other browsers use `key:F12` to open developer tools.
44+
De fleste browsere bruger `key:F12` for at åbne udviklingsværktøjerne
4545

46-
The look & feel of them is quite similar. Once you know how to use one of these tools (you can start with Chrome), you can easily switch to another.
46+
Udseendet og måden de virker på er ret ens. Så snart du kender til én af browsernes værktøjer, kan du nemt skifte til de andre.
4747

4848
## Safari
4949

50-
Safari (Mac browser, not supported by Windows/Linux) is a little bit special here. We need to enable the "Develop menu" first.
50+
Safari (Mac browser, ikke understøttet af Windows/Linux) er lidt speciel her. Du er nød til først at aktivere "Udviklermenu" (Develop menu) først.
5151

52-
Open Preferences and go to the "Advanced" pane. There's a checkbox at the bottom:
52+
Åbn indstillingerne og gå til "Avanceret" (Advanced) pane. Her er der en checkbox nederst:
5353

5454
![safari](safari.png)
5555

56-
Now `key:Cmd+Opt+C` can toggle the console. Also, note that the new top menu item named "Develop" has appeared. It has many commands and options.
56+
Nu kan `key:Cmd+Opt+C` åbne konsollen. Derudover har du en menu i toppen kaldet "Udvikler" (Develop) med en række muligheder.
5757

58-
## Summary
58+
## Opsummering
5959

60-
- Developer tools allow us to see errors, run commands, examine variables, and much more.
61-
- They can be opened with `key:F12` for most browsers on Windows. Chrome for Mac needs `key:Cmd+Opt+J`, Safari: `key:Cmd+Opt+C` (need to enable first).
60+
- Udviklingsværktøjer gør det muligt at se fejl, afvikle kommandoer, undersøge variable og meget mere.
61+
- De kan åbnes med `key:F12` i de fleste browsere på Windows. Chrome for Mac bruger `key:Cmd+Opt+J`, Safari: `key:Cmd+Opt+C` (Husk, at åbne for muligheden i indstillinger).
6262

63-
Now we have the environment ready. In the next section, we'll get down to JavaScript.
63+
Nu er udviklingsmiljøet sat op. I den næste sektion, skal du dykke ned i JavaScript sproget.

1-js/01-getting-started/index.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
1-
# An introduction
1+
# En introduktion
22

3-
About the JavaScript language and the environment to develop with it.
3+
Om sproget JavaScript og det miljø du udvikler med det i.

1-js/02-first-steps/01-hello-world/1-hello-alert/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<body>
55

66
<script>
7-
alert( "I'm JavaScript!" );
7+
alert( "Jeg er JavaScript!" );
88
</script>
99

1010
</body>

1-js/02-first-steps/01-hello-world/1-hello-alert/solution.view/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@
44
<body>
55

66
<script>
7-
alert( "I'm JavaScript!" );
7+
alert( "Jeg er JavaScript!" );
88
</script>
99

1010
</body>
1111

12-
</html>
12+
</html>

1-js/02-first-steps/01-hello-world/1-hello-alert/task.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,11 @@ importance: 5
22

33
---
44

5-
# Show an alert
5+
# Vis en advarsel
66

7-
Create a page that shows a message "I'm JavaScript!".
7+
Opret en side der viser beskeden "Jeg er JavaScript!".
88

9-
Do it in a sandbox, or on your hard drive, doesn't matter, just ensure that it works.
9+
Gør det i en sandkasse, eller på din egen harddisk. Det er ligemeget hvor - bare det virker. :)
1010

1111
[demo src="solution"]
1212

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
alert("I'm JavaScript!");
1+
alert("Jeg er JavaScript!");
Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
The HTML code:
1+
html-koden:
22

33
[html src="index.html"]
44

5-
For the file `alert.js` in the same folder:
5+
og her er JavaScript koden `alert.js` som skal ligge i samme folder:
66

77
[js src="alert.js"]
88

1-js/02-first-steps/01-hello-world/2-hello-alert-ext/task.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@ importance: 5
22

33
---
44

5-
# Show an alert with an external script
5+
# Vis en advarsel med gennem et eksternt script
66

7-
Take the solution of the previous task <info:task/hello-alert>. Modify it by extracting the script content into an external file `alert.js`, residing in the same folder.
7+
Tag din løsning fra før <info:task/hello-alert>. Tilret det, så du trækker JavaScript koden ud til en ekstern fil kaldet `alert.js` og som er placeret i samme folder som html-dokumentet.
88

9-
Open the page, ensure that the alert works.
9+
Åbn side for at sikre dig, at dialogboksen stadig vises.

0 commit comments

Comments
 (0)