Schița de curs

Introducere

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

Începutul

  • Înțelegerea rolului Alpine JS în designul web modern
  • Învățarea utilizării Alpine JS și când să folosești un cadru web complet
  • Instalarea Alpine JS
  • Crearea unui program Alpine JS

Utilizarea Alpine JS

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

Directive Alpine JS

  • Declararea datelor site-ului: x-data
  • Adăugarea comutatoarelor: x-show
  • Evenimente personalizate și modificatori de evenimente cu x-on
  • Setarea atributelor HTML dinamice: x-bind
  • Legături avansate de atribute cu x-bind
  • Legarea datelor la elementele formularului: x-model
  • Setarea conținutului elementelor: x-text și x-HTML

Inițializarea componentei Alpine JS

  • Executarea codului la inițializarea elementului: x-init
  • Răspunsul la modificările de dependență: x-effect
  • Referințe la elemente prin cheie: x-ref

Depanare

Rezumat și Următorii Pași

Cerințe

  • Înțelegere de bază a cadrelor web
  • Experiență în codare de bază pentru design web
  • Experiență în programare JavaScript

Publicul țintă

  • Dezvoltatori
 14 Ore

Numărul de participanți


Pret per participant

Mărturii (5)

Cursuri viitoare

Categorii înrudite