Course Outline

Invoering

  • Overzicht van Alpine JS
  • Wat zijn de Alpine JS-richtlijnen

Aan de slag

  • De rol van Alpine JS in modern webdesign begrijpen
  • Alpine JS leren gebruiken en wanneer u een volwaardig webframework moet gebruiken
  • Alpine JS installeren
  • Alpine JS-programma maken

Met behulp van de AlpineJ's

  • Gegevensobjecten hergebruiken met Alpine.data
  • Een wereldwijde dataopslag declareren: Alpine.store

Alpine JS-richtlijnen

  • Websitegegevens declareren: x-data
  • Schakelaars toevoegen: x-show
  • Aangepaste evenementen en gebeurtenismodificatoren met x-on
  • Dynamische HTML attributen instellen: x-bind
  • Geavanceerde attribuutbinding met x-bind
  • Gegevens binden aan vormelementen: x-model
  • De inhoud van elementen instellen: x-text en x-HTML

Initialisatie van Alpine JS-component

  • Code uitvoeren bij elementinitialisatie: x-init
  • Reageren op veranderingen in afhankelijkheid: x-effect
  • Referentie-elementen per sleutel: x-ref

Probleemoplossen

Samenvatting en volgende stappen

Requirements

  • Basiskennis van webframework
  • Ervaring met basiscodering voor webdesign
  • JavaScript programmeerervaring

Publiek

  • Ontwikkelaars
 14 Hours

Getuigenissen (5)

Related Courses

Related Categories