Schița de curs

Introducere

  • Prezentare generală a Alpine JS
  • Care sunt directivele Alpine JS

Noțiuni introductive

  • Înțelegerea Alpine JS’ rolul în designul web modern
  • Învățarea de a utiliza Alpine JS și când să utilizați un cadru web cu drepturi depline
  • Instalarea Alpine JS
  • Crearea programului Alpine JS

Utilizarea AlpineJs

  • Reutilizarea obiectelor de date cu Alpine.data
  • Declararea unui depozit global de date: Alpine.store

Directivele Alpine JS

  • Declararea datelor site-ului web: x-data
  • Adăugarea de comutatoare: x-show
  • Evenimente personalizate și modificatori de evenimente cu x-on
  • Setarea atributelor dinamice HTML: x-bind
  • Legarea avansată a atributelor cu x-bind
  • Legarea datelor la elementele de formular: x-model
  • Stabilirea conținutului elementelor: x-text și x-HTML

Inițializarea componentei Alpine JS

  • Rularea codului de inițializare a elementelor: x-init
  • Răspunsul la modificările de dependență: x-effect
  • Referința elementelor prin cheie: x-ref

Depanare

Rezumat și etapele următoare

Cerințe

  • Cunoașterea de bază a cadrului web
  • Experiență cu codarea de bază pentru design web
  • JavaScript experiență în programare
  • .

Audiență

  • Dezvoltatorii
 14 ore

Mărturii (5)

Cursuri înrudite

Categorii înrudite