GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

No menu could be recovered. Follow the blue links in the page.

This view

  • Original page
  • New address

GeezerVison is showing da.javascript.info — Den moderne JavaScript-tutorial

The JavaScript language

Here we learn JavaScript, starting from scratch and go on to advanced concepts like OOP.

We concentrate on the language itself here, with the minimum of environment-specific notes.

En introduktion
  • En introduktion til JavaScript
  • Manualer og specifikationer
  • Kodeeditorer
  • Udvikler konsollen
Grundlæggende JavaScript
  • Hello, world!
  • Kodens struktur
  • Den 'moderne' metode, "use strict"
  • Variables
  • Datatyper
  • Interaktion: alert, prompt, confirm
  • Konvertering mellem datatyper
  • Grundlæggende operatorer, matematik
  • Sammenligning
  • Betinget forgrening: if, '?'
  • Logiske operatorer
  • Nullish coalescing operator '??'
  • Løkker: while og for
  • "switch" udtryk
  • Funktioner
  • Funktionsudtryk
  • Pilefunktioner (Arrow functions), grundlæggende
  • Særlige kendetegn ved JavaScript
  • Mere…
Kvalitet af kode
  • Debugging i browseren
  • Kodestil
  • Kommentarer
  • Ninja code
  • Automatisk testning med Mocha
  • Polyfills og transpilers
Objekter: grundlæggende
  • Objekter
  • Objekt referencer og kopiering af objekter
  • Oprydning af affald (Garbage collection)
  • Objektmetoden, "this"
  • Constructor, operatoren "new"
  • Valgfri sammenkædning '?.'
  • Datatypen Symbol
  • Konvertering fra objekt til primitiv
Data typer
  • Metoder hos primitive typer
  • Tal (Numbers)
  • Tekststrenge (Strings)
  • Arrays (rækker)
  • Array-metoder
  • Itererbare objekter
  • Map og Set
  • WeakMap og WeakSet
  • Object.keys, values, entries
  • Deestrukturering
  • Dato og tid
  • JSON metoder, toJSON
  • Mere…
Avanceret arbejde med funktioner
  • Rekursion og stak
  • Rest parameteren og spread syntaks
  • Variable scope, closure
  • Den gamle "var"
  • Objektet Global
  • Funktion som objekt, NFE
  • Syntaksen "new Function"
  • Planlægning: setTimeout og setInterval
  • Decorators og videresendelse, call/apply
  • Function binding
  • Arrow funktioner genbesøgt
  • Mere…
Konfiguration af egenskaber for objekt
  • Flag og beskrivelser for objektegenskaber
  • Getters og setters for egenskaber
Prototyper, nedarvning
  • Prototypal inheritance
  • F.prototype
  • Indbyggede prototyper (native prototypes)
  • Prototype metoder, objekter uden __proto__
Klasser
  • Klasser: Grundlæggende syntaks
  • Nedarvning af klasser
  • Statiske egenskaber og metoder
  • Private og beskyttede egenskaber og metoder
  • Udvid indbyggede klasser
  • Tjek en klasse: "instanceof"
  • Mixins
Håndtering af fejl
  • Håndtering af fejl, "try...catch"
  • Brugerdefinerede fejl, udvidelse af Error
Promises, async/await
  • Introduktion: callbacks
  • Promise
  • Sammenkædning af promises (chaining)
  • Håndtering af fejl med promises
  • Promise API
  • Promisificering
  • Microtasks
  • Async/await
Generators, avanceret iteration
  • Generatorer
  • Asynkron iteration og generatorer
Moduler
  • Moduler, introduktion
  • Export og Import
  • Dynamisk import
Miscellaneous
  • Proxy and Reflect
  • Eval: run a code string
  • Currying
  • Reference Type
  • BigInt
  • Unicode, String internals
  • WeakRef and FinalizationRegistry

Browser: Dokumenter, Hændelser, brugergrænseflader

Lær hvordan man håndterer browserens side: tilføj elementer, manipuler deres størrelse og position, opret grænseflader dynamisk og interager med brugeren.

Dokumentet
  • Browser miljø, specs
  • DOM træet
  • Gennemløbe DOM'en
  • Søgning: getElement*, querySelector*
  • Node egenskaber: type, tag og contents
  • Attributter og egenskaber
  • Modificering af dokumentet
  • Styles og classes
  • Størrelsen på elementer og scrolling
  • Størrelse på vinduet og scrolling
  • Koordinator
  • Mere…
Introduktion til Events
  • Introduktion til browser events
  • Bubbling og capturing
  • Delegering af events
  • Browserens standard handlinger
  • Dispatching custom events
UI Events
  • Mouse events
  • Moving the mouse: mouseover/out, mouseenter/leave
  • Drag'n'Drop with mouse events
  • Pointer events
  • Keyboard: keydown and keyup
  • Scrolling
Forms, controls
  • Form properties and methods
  • Focusing: focus/blur
  • Events: change, input, cut, copy, paste
  • Forms: event and method submit
Document and resource loading
  • Page: DOMContentLoaded, load, beforeunload, unload
  • Scripts: async, defer
  • Resource loading: onload and onerror
Miscellaneous
  • Mutation observer
  • Selection and Range
  • Event loop: microtasks and macrotasks

Yderligere artikler

Liste over ekstra emner, der forudsætter, at du har gennemgået de første to dele af tutorialen. Der er ingen klar hierarkisk rækkefølge her, du kan læse artiklerne i den rækkefølge, du vil.
Frames and windows
  • Popups and window methods
  • Cross-window communication
  • The clickjacking attack
Binary data, files
  • ArrayBuffer, binary arrays
  • TextDecoder and TextEncoder
  • Blob
  • File and FileReader
Network requests
  • Fetch
  • FormData
  • Fetch: Download progress
  • Fetch: Abort
  • Fetch: Cross-Origin Requests
  • Fetch API
  • URL objects
  • XMLHttpRequest
  • Resumable file upload
  • Long polling
  • WebSocket
  • Server Sent Events
  • Mere…
Storing data in the browser
  • Cookies, document.cookie
  • LocalStorage, sessionStorage
  • IndexedDB
Animation
  • Bezier curve
  • CSS-animations
  • JavaScript animations
Web components
  • From the orbital height
  • Custom elements
  • Shadow DOM
  • Template element
  • Shadow DOM slots, composition
  • Shadow DOM styling
  • Shadow DOM and events
Regular expressions
  • Patterns and flags
  • Character classes
  • Unicode: flag "u" and class \p{...}
  • Anchors: string start ^ and end $
  • Multiline mode of anchors ^ $, flag "m"
  • Word boundary: \b
  • Escaping, special characters
  • Sets and ranges [...]
  • Quantifiers +, *, ? and {n}
  • Greedy and lazy quantifiers
  • Capturing groups
  • Backreferences in pattern: \N and \k<name>
  • Alternation (OR) |
  • Lookahead and lookbehind
  • Catastrophic backtracking
  • Sticky flag "y", searching at position
  • Methods of RegExp and String
  • Mere…
Del
Tutorial-oversigt

Kommentarer

læs dette før du kommenterer…
  • Hvis du har forslag til forbedringer - så opret venligst et GitHub-issue eller en pull request i stedet for at kommentere.
  • Hvis du ikke forstår noget i artiklen - så uddyb venligst.
  • For at indsætte få ord kode, brug <code>-taggen, for flere linjer - omslut dem i <pre>-tag, for mere end 10 linjer - brug en sandbox (plnkr, jsbin, codepen…)
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.