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

Delivery Options

Private Group Training

Our identity is rooted in delivering exactly what our clients need.

  • Pre-course call with your trainer
  • Customisation of the learning experience to achieve your goals -
    • Bespoke outlines
    • Practical hands-on exercises containing data / scenarios recognisable to the learners
  • Training scheduled on a date of your choice
  • Delivered online, onsite/classroom or hybrid by experts sharing real world experience

Private Group Prices RRP from £3800 online delivery, based on a group of 2 delegates, £1200 per additional delegate (excludes any certification / exam costs). We recommend a maximum group size of 12 for most learning events.

Contact us for an exact quote and to hear our latest promotions


Public Training

Please see our public courses

Testimonials (5)

Provisional Upcoming Courses (Contact Us For More Information)

Related Categories