Intrati in legatura

Schița de curs

Introducere

  • Prezentare generală a Alpine JS
  • Care 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 AlpineJs

  • 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 de formular: x-model
  • Setarea conținutului elementelor: x-text și x-HTML

Inițializarea componentelor Alpine JS

  • Executarea codului la inițializarea elementului: x-init
  • Răspuns la schimbările de dependență: x-effect
  • Referințe la elemente după cheie: x-ref

Depanare

Rezumat și pași următori

Cerințe

  • Cunoștințe de bază despre cadrele web
  • Experiență în codare de bază pentru design web
  • Experiență în programarea JavaScript

Publicul țintă

  • Dezvoltatori
 14 Ore

Numărul de participanți


Pret per participant

Mărturii (4)

Cursuri viitoare

Categorii înrudite