I ❤️ WEB(DEV)

Sep 5, 2024

  • Hoe kan ik mijn visitekaartje verder bouwen met JavaScript?
  • Wat kan ik allemaal met JavaScript?

Ik heb een menu met linkjes toegevoegd aan deze webpagina. Ook heb ik hem net iets anders ingericht met behulp van grid.

JavaScript

document.querySelector('h1').textContent = 'Javascript'; document.querySelectorAll('p')[1].textContent

Sep 4, 2024

  • Wat is het nut van een breakdown schets?
  • Waar moet je op letten als je een breakdown schets maakt?
  • Welke onderdelen van een breakdown schets zijn het belangrijkst?

Ik heb vandaag een breakdown schets gemaakt (nadat ik mijn visitekaartje helemaal had opgemaakt...). Ik heb verder gewerkt aan mijn visitekaartje - ik heb een beetje responsiveness toegevoegd, ik heb mijn code opgeruimd, en heb alle placeholders vervangen door content. Onderweg naar huis heb ik nog een extra breakpoint toegevoegd voor kleine apparaten zoals smartphones, en heb ik animaties toegevoegd aan de linkjes. Ook heb ik even snel deze site aangemaakt zodat ik een plekje had om dingen op te schrijven.

Sep 3, 2024

  • What's the one thing designers should know about JavaScript?

Hoorcollege notities

Afkortingen

HTTP
Hypertext Transfer Protocol
HTML
Hypertext Markup Language
TBL
Tim Berners Lee
DOM
Document Object Model
CSS
Cascading Style Sheets

CSS Selectors

  • *
  • .class
  • #id
  • p
  • p, id
  • article h2
  • div + p
  • p
  • a:link
  • a:visited
  • a:hover
  • a:active
  • :[target]
  • a[href$=".pdf"]
  • p::after
  • p::before
  • p::first-letter
  • p::first-line