План на курса

Въведение

  • Преглед на Alpine JS
  • Какво представляват директивите на Alpine JS

Първи стъпки

  • Разбиране на ролята на Alpine JS в съвременния уеб дизайн
  • Да се научите да използвате Alpine JS и кога да използвате пълноценна уеб рамка
  • Инсталиране на Alpine JS
  • Създаване на Alpine JS програма

Използване на AlpineJs

  • Повторно използване на обекти с данни с Alpine.data
  • Деклариране на глобално хранилище на данни: Alpine.store

Alpine JS Директиви

  • Деклариране на данни за уебсайт: x-data
  • Добавяне на превключватели: x-show
  • Персонализирани събития и модификатори на събития с x-on
  • Задаване на динамични HTML атрибути: x-bind
  • Разширено свързване на атрибути с x-bind
  • Свързване на данни към елементи на формуляр: x-модел
  • Настройка на съдържанието на елементите: x-текст и x-HTML

Инициализация на Alpine JS компонент

  • Изпълняващ се код при инициализация на елемент: x-init
  • Отговаряне на промените в зависимостите: x-ефект
  • Референтни елементи по ключ: x-ref

Отстраняване на неизправности

Обобщение и следващи стъпки

Изисквания

  • Основно разбиране на уеб рамката
  • Опит с основно кодиране за уеб дизайн
  • JavaОпит в програмирането на скриптове

Публика

  • Разработчици
 14 Часа

Брой участници


Цена за участник

Oтзиви от потребители (5)

Предстоящи Курсове

Свързани Kатегории