Plan Szkolenia

Introduction

  • Overview of Alpine JS
  • What are the Alpine JS directives

Getting Started

  • Understanding Alpine JS’ role in modern web design
  • Learning to use Alpine JS and when to use a full-fledge web framework
  • Installing Alpine JS
  • Creating Alpine JS program

Using the AlpineJs

  • Reusing data objects with Alpine.data
  • Declaring a global data store: Alpine.store

Alpine JS Directives

  • Declaring website data: x-data
  • Adding toggles: x-show
  • Custom events and Event Modifiers with x-on
  • Setting dynamic HTML attributes: x-bind
  • Advanced attribute binding with x-bind
  • Binding data to form elements: x-model
  • Setingt the content of elements: x-text and x-HTML

Initialization of Alpine JS Component

  • Running code on element initialization: x-init
  • Responding to dependency changes: x-effect
  • Reference elements by key: x-ref

Troubleshooting

Summary and Next Steps

Wymagania

  • Basic understanding of web framework
  • Experience with basic coding for web design
  • JavaScript programming experience

Audience

  • Developers
 14 godzin

Liczba uczestników



Cena za uczestnika

Opinie uczestników (5)

Szkolenia Powiązane

Building Interactive Applications with React, Redux and GraphQL

28 godzin

Spring Boot, React, and Redux

14 godzin

Managing Vue JS State with Vuex

7 godzin

Next.js 14 Advanced Development

21 godzin

React with Next.js

14 godzin

Managing React State with MobX

14 godzin

Material UI

7 godzin

Ant Design

7 godzin

NestJS: Beginner to Advanced

14 godzin

REST API Development with LoopBack

14 godzin

Building Web Apps using the MEAN stack

35 godzin

Node.js & Express.js Basics, working with PM2 & WebStorm

21 godzin

Svelte

14 godzin

Advanced Svelte JS

14 godzin

Introduction to Svelte.js

14 godzin

Powiązane Kategorie