-
Notifications
You must be signed in to change notification settings - Fork 0
Front end Week 1: Progressive Enhancement Findings
Datastructuren bestaan uit getallen, booleans en strings. Het eerste wat je nodig hebt is een datastructuur. Strings zijn data die achterelkaar wordt gezet (...,...,...,...,..) Je kunt in strings dus veel data in een keer kwijt. Maar dit is onhandig omdat je elke stukje data zelf eruit moet halen, om ze weer terug te lezen als een enkel data op zichzelf. Arrays lossen dit probleem op. Arrays zijn reeksen van waarden in een lijst [2, 3, 5, 7, 11]; De eerste index van een array is nul, niet één. Dus het eerste element wordt opgehaald met listOfNumbers[0],in dit voorbeeld is dit dan 2. Beschouw de index als het aantal items dat moet worden overgeslagen, gerekend vanaf het begin van de array.
Properties
MyString.length => length is de eigenschap (property) & Mystring is de waarde (value). Null & undefined zijn uitzonderingen en zijn dus geen waardes.
Twee manieren om toegang te krijgen op properties (eigenschappen) van een waarde (in dit geval value)
-
value[x]haalt de eigenschap van x indirect kijkend in de string van data -
value.xgeeft aan dat de eigenschap achter de punt (x dus) letterlijk de naam van de eigenschap is (haalt de eigenschap met de valuenaam "x" op) bijv. Mystring.length, length is de letterlijke naam van de eigenschap en zegt iets over de waarde Mystring
Methoden
Methodes zijn functies die in een string of array zitten (dit zijn geen variables). Methodes kunnen dus de eigenschappen van een object aanpassen.
bijv.
let doh = "Doh" ;
console . log ( typeof doh . toUpperCase );
// → functie
console . log ( doh . toUpperCase ());
// → DOH
In dit voorbeeld zorgt de toUpperCase ervoor dat de waarde Doh verandert in DOH (hoofdletters).
Met push. voeg je een waarde toe aan het einde van de array.
Met pop verwijder je een waarde aan het einde van de array.
Objects Met objects kun je andere soorten informatie invullen dan alleen cijfers.
Een netwerkprotocol beschrijft een stijl van communicatie over een netwerk. Er zijn protocollen voor het verzenden van e-mail, voor het ophalen van e-mail, voor het delen van bestanden, en zelfs voor het controleren van computers die toevallig zijn geïnfecteerd met kwaadaardige software.
Het Hypertext Transfer Protocol (HTTP) is bijvoorbeeld een protocol voor het ophalen van stukjes informatie, zoals webpagina's of afbeeldingen.
HTTP stopt bits in de juiste volgorde op de juiste bestemming.
Dit kan soms verkeerd gaan.
GET /index.html HTTP/1.1
Het Transmission Control Protocol (TCP) is een protocol dat dit probleem aanpakt. Alle met internet verbonden apparaten "spreken" het, en de meeste communicatie op internet is er bovenop gebouwd.
TCP werkt op de volgende manier, de computer die de informatie moet ontvangen luistert als het ware, Om te kunnen 'luisteren' worden er verschillende port nummers gebruikt.
Het World Wide Web bestaat uit protocollen en formaten die zorgen dat webpagina's in een browser te bezoeken zijn. Het "Web" in de naam World Wide Web verwijst naar dergelijke pagina's gemakkelijk naar elkaar kunnen linken en zo een groot netwerk vormen waar gebruikers zich doorheen kunnen bewegen.
Elk document op het web heeft een _Uniform Resource Locator _(URL):
http://eloquentjavascript.net/13_browser.html
| | | | protocol server path
Apparaten die met het internet zijn verbonden krijgen een IP-address, dit nummer dat kan worden gebruikt om berichten naar het apparaar te sturen. 149.210.142.219 of 2001:4860:4860::8888 (IP-adres)
HTML bestand bestaat uit blokken die in elkaar zijn genest. De blokken maak je door tags te gebruiken.
<!doctype html>
<html>
<head>
<title>My home page</title>
</head>
<body>
<h1>My home page</h1>
<p>Hello, I am Marijn and this is my home page.</p>
<p>I also wrote a book! Read it
<a href="http://eloquentjavascript.net">here</a>.</p>
</body>
</html>
Document Object Model (DOM) DOM is eigenlijk een soort van boom met verschillende objecten, en al die objecten samen vormen het Document Object Model. Het represeteert je webpagina.
Wat is Progressive Enhancement? Progressive Enhancement is principe binnen webontwikkeling waarin webapplicaties de basis ontwikkelen die werkt en daarop extra lagen die de gebruikereveraring verbeteren zodat het gebruik makkelijker wordt.
Voorbeelden van Progressive Enchancement:
- CSS
- Javascript
- Mobile first
- progressive webapps die bijna net zo goed werken als native apps
Bronnen Online Marketing Agency. (2020a, september 1). Wat is Progressive enhancement? https://onlinemarketingagency.nl/marketingtermen/progressive-enhancement/#:%7E:text=Progressive%20enhancement%20is%20een%20principe,deze%20functies%20niet%20worden%20ondersteund.
Sofya Gerges Productions 💜 | 2021
Speciale message voor docent front-end, Alles wat onder de kopjes Research Javascript & Eloquent Javascript Book staat is voor het vak Front-end. En de twee losse pagina's Codeplan + wireframes en Progressive Enchanchment ook.
- Template Engines
- Progressive Enchanchment Front-end:
- Formatters & Linters
- Text editors
- Command Line: Git Strategy
- Clean Code Javascript