План на курса
Въведение
- Преглед на 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Опит в програмирането на скриптове
Публика
- Разработчици
Oтзиви от потребители (5)
Научих много по темата
Zsolt Langviser - Accenture Industrial SS
Курс - NestJS: Beginner to Advanced
Машинен превод
The training has good content and easy to follow
David Phetole Leshabela - Vodacom SA
Курс - React with Next.js
The breadth of the topis covered was quite a bit and the trainer tried to do justice to that.
Lakshmipriya Sivakumar - Deque Systems Inc
Курс - Spring Boot, React, and Redux
trainer very knowledgeable clear classes explains the importance of learn the topic gives enough background on topic
Li Fang Bren Ong - DBS Bank Limited
Курс - Ant Design
Although I had a pretty good knowledge of the subject already, I found out a lot useful stuff during the course.