Kiana Khansmith
Jules of Nature
will byers stan first human second
Claire Keane
let's talk about Bridgerton tea, my ask is open
KIROKAZE
Kaledo Art
todays bird
Cosimo Galluzzi
@theartofmadeline
wallacepolsom
No title available
noise dept.
tannertan36
hello vonnie
Xuebing Du
h
TVSTRANGERTHINGS
ojovivo
Stranger Things
seen from Netherlands
seen from Türkiye
seen from Belgium
seen from South Africa
seen from South Africa
seen from Colombia
seen from Colombia
seen from South Africa
seen from Türkiye
seen from United States
seen from United States
seen from United States
seen from United States
seen from United States
seen from United States
seen from Poland
seen from United States
seen from United States
seen from United States
seen from United States
@zofiessscript-blog
Gereserveerde woorden in Javascript
ECMA-262, derde editie:
abstract
boolean
byte
char
class
const
debugger
double
enum
export
extends
final
float
goto
implements
import
int
interface
long
native
package
private
protected
public
short
static
super
synchronized
throws
transient
volatile
Non-strict mode, de 5e editie:
class
const
enum
export
extends
import
super
Strict mode, de 5e editie:
implements
interface
let
package
private
protected
public
static
yield
Keywords in Javascript
break
case
catch
continue
debugger
default
delete
do
else
finally
for
function
if
in
instanceof
new
return
switch
this
throw
try
typeof
var
void
while
with
Basis
Javascript is hoofdlettergevoelig: variabelen, functions en operators
IDENTIFIER:
is de naam van een variabele, functie, property of function argument.
Het eerste karakter met een letter, liggend streepje (_) of een dollarteken zijn.
Alle andere karakters mogen letters, cijfers, dollartekens of liggende streepjes zijn.
Vaak wordt er gebruik gemaakt van "camel casing" zoals bijvoorbeeld: firstSecond
COMMENTS (opmerkingen) kunnen als volgt toegevoegd worden:
// Een opmerking van 1 regel
/* Een opmerking van meerdere regels */
STRICT MODE:
Om de strict mode te activeren voeg je "use strict"; toe bovenaan.
IE 10+, Firefox 4++, Safari 5.1+, Opera 12+ en Chrome ondersteunen de strict mode
"Strict mode is a different parsing and execution model for JavaScript, where some of the erratic behavior of ECMAScript 3 is addressed and errors are thrown for unsafe activities."
STATEMENTS:
Statements worden in de meeste gevallen afgesloten door een ";". Het is niet nodig om dit effectief te doen, maar het wordt wel aangeraden. Het helpt om errors te voorkomen.
Meerdere statements kunnen gecombineerd worden in een "code block" door deze tussen { } te plaatsen zoals bijvoorbeeld: if (test){ test = false; alert(test); }
VARIABELEN:
Bewaart een waarde.
Wordt ook wel eens een placeholder genoemd
gaat vooraf met de var keyword met daarna de naam van de variabele
voorbeeld var variabele;
Als er geen waarde wordt toegekend is de waarde automatisch "undefined"
Soorten waarden:
string
number
boolean
object
function
null
undefined
JavaScript in HTML
Javascript wordt inline tussen <script> en </script> geplaatste
Er zijn 6 attributen voor het <script> element:
async (zorgt ervoor dat er geen rekening wordt gehouden met de volgorde van de te laden JavaScript-files)
charset
defer (zorgt ervoor dat eerst de pagina wordt ingeladen vooraleer het script wordt uitgevoerd en geldt enkel voor externe JavaScript-files)
language
src
type (text/javascript)
Voorbeeld:
<script type"text/javascript> function sayHi(){ alert("Hi!!"); } </script>
Om JavaScript toe te voegen van uit een externe file moet je de src attribuut gebruiken:
<script type="text/javascript" src="voorbeeld.js" />
Het is mogelijk om externe JavaScript van andere servers/sites toe te voegen
Meestal wordt deze tussen de <head> en </head> geplaatst, maar dat zorgt ervoor dat uw site iets trager wordt aangezien de browser eerst de volledige JavaScript-file download en dan pas verder gaat met het inladen van de pagina. De pagina zal tijdens het inladen van de file blanco zijn.
<noscript></noscript> Hiertussen kan je een boodschap laten weergeven om je bezoeker te laten weten dat JavaScript nodig is voor deze pagina.
Over JavaScript
Javascript heel korte geschiedenis:
JavaScript ontstond in 1995
Had in het begin als hoofddoel om content te valideren (bijvoorbeeld als een invulveld al dan niet werd ingevuld)
Client-side
Ondertussen groeide het tot een volwaardige programmeertaal
Een volledige JavaScript implementatie bestaat uit de volgende drie te onderscheiden onderdelen
The Core (ECMAScript)
The Document Object Model (DOM)
The Browser Object Model (BOM)
DOM
Is een application programming interface (API)
Elke attribuut wordt ook wel een "node" genoemd
Er zijn 4 verschillende interface-types:
DOM Views: to keep track of the various views of a document
DOM Events: describes interfaces for events and event handling
DOM Style: deals with CSS-based styling of elements
DOM Traversal and Range: describes interfaces to traverse and manipulate a document tree
BOM
Allowed access and manipulation of the browser window
developers can interact with the browser outside the context of its displayed page.
Extensie van de BOM:
de mogelijkheid voor pop-up vensters
de mogelijkheid om de vensters te verplaatsen, vergroten of verkleinen of te sluiten.
de navigator object geeft gedetailleerde informatie over de browser
de location object geeft gedetailleerde informatie over de geladen pagina
de screen object geeft gedetailleerde informatie over de schermresolutie van de gebruiker
Cookies support
Custom objecten zoals XMLHttpRequest en IE's ActiveXObject