Samenvatting

Samenvatting WebTech2 CMD Leerjaar 1 Semester, deeltoets 1 & 2 + casustoets

0 keer verkocht

Vak
Web Technologies (CMDWT220)

Instelling
Haagse Hogeschool (HHS)

De samenvatting bevat: Deeltoets 1 voorbereiding - WK10 - Responsive design - WK 11 - Layout with Flexbox - WK12 - CSS Grid - WK 10 t/m 12 Quiznotes a.d.h.v. Codecademy Deeltoets 2 voorbereiding - WK 13 - - WK 14 - - WK 15 - - WK 13 t/m 15 Quiznotes a.d.h.v. Codecademy

[Meer zien]

Laatste update van het document: 2 jaar geleden

Voorbeeld 3 van de 67 pagina's

Bekijk voorbeeld

Geupload op 23 juni 2022
Bestand laatst geupdate op 23 juni 2022
Aantal pagina's 67
Geschreven in 2021/2022
Type Samenvatting

€8,32

In winkelwagen

Op verlanglijstje

100% tevredenheidsgarantie
Direct beschikbaar na je betaling
Lees online óf als PDF
Geen vaste maandelijkse kosten

Voorbereiding WT-2 deeltoets 1
⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻

WK10 | RESPONSIVE DESIGN

Viewport
<meta name = “viewport” content=“width=device-with” />

– De website moet zich aanpassen aan de scherm breedte van het
device. Hier dient de meta tag ‘vierport’ voor

Relatieve eenheden in CSS:
– Procenten (%)
– Em
– Rem
– VW & VH (viewport width & viewport height)

Media Queries
– Met media Queries kan een website zich aanpassen aan verschillende
kenmerken of parameters van een apparaat. (@media).

Voorbeelden:

,
, NOTE:
– Mobile fist design!
Omdat een mobile device de meeste ‘uitdagingen’ bevat; klein scherm,
beperkte bandbreedte, touch-bediening, gebruikersgedrag, etc. is het
verstandig progressive enhancement toe te passen
– Breakingpoints.

Desktop first design
– Van groot naar klein werken.
– We optimaliseren een website voor desktop en passen hem aan naar
gelang de schermbreedte afneemt.
– De complexiteit van de website neemt af (graceful degredation)

Mobile first design
– Van klein naar groot werken
– We optimaliseren een website voor mobiel en passen hem aan naar
gelang de schermbreedte toeneemt.
– De complexiteit van de website neemt toe (progressive enhancement)

⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻

WK11 | LAYOUT WITH FLEXBOX

Flexbox paraat eigenschappen (flexcontainer)
# flexcontainer {
display: flex; (of inline-flex;)
}

DOEL: Een efficiëntere manier om de ruimte tussen items in een container in te
delen, uit te lijnen en te verdelen zelfs als hun grootte onbekend en / of

Dit zijn jouw voordelen als je samenvattingen koopt bij Stuvia:

Bewezen kwaliteit door reviews

Studenten hebben al meer dan 850.000 samenvattingen beoordeeld. Zo weet jij zeker dat je de beste keuze maakt!

In een paar klikken geregeld

Geen gedoe — betaal gewoon eenmalig met iDeal, creditcard of je Stuvia-tegoed en je bent klaar. Geen abonnement nodig.

Direct to-the-point

Studenten maken samenvattingen voor studenten. Dat betekent: actuele inhoud waar jij écht wat aan hebt. Geen overbodige details!

Veelgestelde vragen

Wat krijg ik als ik dit document koop?

Je krijgt een PDF, die direct beschikbaar is na je aankoop. Het gekochte document is altijd, overal en oneindig toegankelijk via je profiel.

Tevredenheidsgarantie: hoe werkt dat?

Onze tevredenheidsgarantie zorgt ervoor dat je altijd een studiedocument vindt dat goed bij je past. Je vult een formulier in en onze klantenservice regelt de rest.

Van wie koop ik deze samenvatting?

Stuvia is een marktplaats, je koop dit document dus niet van ons, maar van verkoper anoukmateman. Stuvia faciliteert de betaling aan de verkoper.

Zit ik meteen vast aan een abonnement?

Nee, je koopt alleen deze samenvatting voor €8,32. Je zit daarna nergens aan vast.

Is Stuvia te vertrouwen?

4,6 sterren op Google & Trustpilot (+1000 reviews)

Afgelopen 30 dagen zijn er 69052 samenvattingen verkocht

Opgericht in 2010, al 15 jaar dé plek om samenvattingen te kopen

Begin nu gratis