Advanced Alpine JS

• Podstawowe zrozumienie frameworków internetowych
• Doświadczenie z podstawowym kodowaniem dla projektowania stron internetowych
• [Doświadczenie w programowaniu skryptów

Publiczność

• Programiści

Alpine JS to minimalny front-endowy framework programistyczny do komponowania zachowań bezpośrednio w znacznikach. Może służyć do dodawania interaktywności i responsywności do stron internetowych.

Szkolenie na żywo prowadzone przez instruktora (na miejscu lub zdalnie) jest przeznaczone dla zaawansowanych programistów, którzy chcą korzystać z zaawansowanych funkcji Alpine JS do nowoczesnego i dynamicznego tworzenia stron internetowych.

Pod koniec tego szkolenia uczestnicy będą mogli

• Dogłębnie zrozumieć, jak działa Alpine JS.
• Tworzyć nowoczesne i interaktywne strony internetowe za pomocą Alpine JS.

Format kursu

• Interaktywny wykład i dyskusja.
• Wiele ćwiczeń i praktyki.
• Praktyczne wdrożenie w środowisku laboratoryjnym na żywo.

Opcje dostosowywania kursu

• Aby poprosić o spersonalizowane szkolenie dla tego kursu, skontaktuj się z nami w celu ustalenia szczegółów.

Wprowadzenie

• Przegląd Alpine JS
• Jakie są dyrektywy Alpine JS

Pierwsze kroki

• Zrozumienie roli Alpine JS w nowoczesnym projektowaniu stron internetowych
• Nauka korzystania z Alpine JS i kiedy używać pełnoprawnego frameworka internetowego
• Instalacja Alpine JS
• Tworzenie programu Alpine JS

Korzystanie z AlpineJs

• Ponowne wykorzystanie obiektów danych za pomocą Alpine.data
• Deklarowanie globalnego magazynu danych: Alpine.store

Dyrektywy Alpine JS

• Deklarowanie danych strony: x-data
• Dodawanie przełączników: x-show
• Zdarzenia niestandardowe i modyfikatory zdarzeń z x-on
• Ustawianie atrybutów dynamicznych HTML: x-bind
• Zaawansowane wiązanie atrybutów za pomocą x-bind
• Wiązanie danych z elementami formularza: x-model
• Ustawianie zawartości elementów: x-text i x-HTML

Inicjalizacja komponentu JS Alpine

• Uruchamianie kodu podczas inicjalizacji elementu: x-init
• Reagowanie na zmiany zależności: x-effect
• Odwoływanie się do elementów według klucza: x-ref

Rozwiązywanie problemów

Podsumowanie i kolejne kroki