План на курса
Въведение
- Преглед на 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Опит в програмирането на скриптове
Публика
- Разработчици
Отзиви от потребители (5)
Трайнор дава повече примери, което много помага.
Romulo - Tribal Software Philippines, Inc.
Курс - Advanced TypeScript
Машинен превод
Обучението има добър съдържание и лесно е за следване
David Phetole Leshabela - Vodacom SA
Курс - React with Next.js
Машинен превод
Упростяване на нови сложни техники
Brian Zaranyika - Vodacom SA
Курс - React Native Expo
Машинен превод
Обхвата на темите, които бяха покрити, беше значителен и треньорът се стара да им дава справедливо представяне.
Lakshmipriya Sivakumar - Deque Systems Inc
Курс - Spring Boot, React, and Redux
Машинен превод
Тренерът изглеждаше много добре запознат с Vue. Ценях виждането на стила му за програмиране и ученето на някои нови концепции, които мога да опитам.
Adrian Borrmann - CBC/Radio-Canada
Курс - Advanced Vue.js
Машинен превод