Overig

Speedcourse HTML/CSS/JS notities Building Block Front End CMGT jaar 1

0 keer verkocht

Instelling
Hogeschool Rotterdam (HR)

Een document waar ik mijn notities opschreef van de speedcourse HTML/CSS/JS. Deze notities heb ik gebruikt om te werken aan mijn Front End Building Block.

[Meer zien]

Voorbeeld 1 van de 1 pagina's

Bekijk voorbeeld

Geupload op 27 januari 2021
Aantal pagina's 1
Geschreven in 2019/2020
Type Overig
Persoon Onbekend

€3,49

In winkelwagen

Opslaan

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

2de deel speedcourse. 1ste deel was basis webpagina opstellen.
Je kan codes in elements/inspecteren uitproberen en dan pas coderen.

JavaScript:
-filenaam main.js
-console is enorm belangrijk(console.log)
-Elements (elementen pagina inspecteren rechter muis + Inspect)

CSS:
-nav ul display: flex; (elementen list naast elkaar zetten)
-flex-grow: 1; (hele breedte benutten voor enkel element, tenzij je binnen nav ul li {} zet)
OF .menu-item (in HTML een class geven!)
-text-align: center; (tekst/element in midden zetten)
-.menu-item a (a href link) { text-decoration: none;} (lijntje onder link weghalen)
-list-style-type: none; (bolletjes unlisted item weghalen)
-display: inline-block; (Vanaf hier grootte, padding en kleur aanpassen)
padding is makkelijker (border om tekst ipv afmetingen achtergrond)
-margin: 0 auto; (Boven-onder en links-rechts spacing)
-float: left; (element aan 1 kant laten hoveren)
-flex-wrap; (skipt lijn zodra er geen ruimte voor het element meer is.

Tutorial flex display opzoeken!

HTML:
-Zoveel mogelijk elementen een class geven.
-Block elementen, bevat inline (p, ul tags)
-Inline elementen, binnen een block (a, span, strong, i tags)
-ul li tags (unlisted items en listed items)
-<figure> <img “image link.jpg” alt = “naam image”/> <figcaption>naam
image</figcaption></figure> (foto toevoegen aan website)
-image map aanmaken
-src is altijd verwijzing naar de link
-alt/figcaption is voor slechtzienden (alt is verplicht!! (rechtszaak Domino’s website)
figcaption is sterk aangeraden!!)

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.