100% tevredenheidsgarantie Direct beschikbaar na betaling Zowel online als in PDF Je zit nergens aan vast
logo-home
Eerder door jou gezocht
Eerder door jou gezocht
logo
Samenvatting WebTech2 CMD Leerjaar 1 Semester, deeltoets 1 & 2 + casustoets €8,32
In winkelwagen
Snel navigeren naar
Voorbeeld
  2.  
  3. Haagse Hogeschool (HHS)
  4.  
  5. Web Technologies (CMDWT220)

Samenvatting

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

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

Laatste update van het document: 2 jaar geleden

Voorbeeld 3 van de 67  pagina's

Document informatie

  • 23 juni 2022
  • 23 juni 2022
  • 67
  • 2021/2022
  • Samenvatting

Onderwerpen

Geschreven voor

Alle documenten voor dit vak (3)

Verkoper

avatar-seller
anoukmateman

Voorbeeld van de inhoud

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

Voordelen van het kopen van samenvattingen bij Stuvia op een rij:

Verzekerd van kwaliteit door reviews

Verzekerd van kwaliteit door reviews

Stuvia-klanten hebben meer dan 700.000 samenvattingen beoordeeld. Zo weet je zeker dat je de beste documenten koopt!

Snel en makkelijk kopen

Snel en makkelijk kopen

Je betaalt supersnel en eenmalig met iDeal, creditcard of Stuvia-tegoed voor de samenvatting. Zonder lidmaatschap.

Focus op de essentie

Focus op de essentie

Samenvattingen worden geschreven voor en door anderen. Daarom zijn de samenvattingen altijd betrouwbaar en actueel. Zo kom je snel tot de kern!

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 62774 samenvattingen verkocht

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

Start met verkopen
€8,32
  • (0)
In winkelwagen
Toegevoegd