План на курса
Въведение
- Преглед на 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-model Настройка съдържание на елементи: x-текст и x-HTML
Инициализация на Alpine JS компонент
- Изпълнение на код при инициализация на елемент: x-init Отговаряне на промени в зависимостта: x-effect Референтни елементи по ключ: x-ref
Отстраняване на неизправности
Обобщение и следващи стъпки
Изисквания
- Основно разбиране на уеб рамката
- Опит с основно кодиране за уеб дизайн
- JavaScript опит в програмирането
Публика
- Разработчици
Oтзиви от потребители (5)
The breadth of the topis covered was quite a bit and the trainer tried to do justice to that.
Lakshmipriya Sivakumar - Deque Systems Inc
Course - Spring Boot, React, and Redux
I like the professionality of the trainer, he really knows what he is talking about and able to explain almost even the simple subjects on the topic which is great.
Marlon - National Confederation of Cooperatives
Course - React with Next.js
trainer very knowledgeable clear classes explains the importance of learn the topic gives enough background on topic
Li Fang Bren Ong - DBS Bank Limited
Course - Ant Design
Научих много по темата
Zsolt Langviser - Accenture Industrial SS
Course - NestJS: Beginner to Advanced
Machine Translated
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.