Course Outline

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

Requirements

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

Audience

  • Developers
 14 Hours

Number of participants



Price per participant

Testimonials (1)

Related Courses

Building Interactive Applications with React, Redux and GraphQL

28 Hours

Spring Boot, React, and Redux

14 Hours

Managing Vue JS State with Vuex

7 Hours

Next.js 14 Advanced Development

21 Hours

React with Next.js

14 Hours

Managing React State with MobX

14 Hours

Material UI

7 Hours

Ant Design

7 Hours

NestJS: Beginner to Advanced

14 Hours

REST API Development with LoopBack

14 Hours

Building Web Apps using the MEAN stack

35 Hours

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

21 Hours

Svelte

14 Hours

Advanced Svelte JS

14 Hours

Introduction to Svelte.js

14 Hours

Related Categories

1