Course Outline
Introduction
- Overview of Alpine JS
- Understanding Alpine JS directives
Getting Started
- Understanding Alpine JS’s role in contemporary web design
- Deciding when to use Alpine JS versus a full-fledged web framework
- Installing Alpine JS
- Creating your first Alpine JS program
Working with Alpine JS
- Reusing data objects with Alpine.data
- Establishing a global data store using Alpine.store
Alpine JS Directives
- Declaring component data with x-data
- Implementing toggles using x-show
- Handling custom events and modifiers with x-on
- Binding dynamic HTML attributes with x-bind
- Advanced attribute binding techniques using x-bind
- Linking data to form elements with x-model
- Updating element content with x-text and x-html
Initializing Alpine JS Components
- Executing code upon element initialization with x-init
- Reacting to dependency changes using x-effect
- Referencing elements by key with x-ref
Troubleshooting
Summary and Next Steps
Requirements
- Fundamental knowledge of web frameworks
- Experience with basic web design coding
- Proficiency in JavaScript programming
Target Audience
- Software Developers
Testimonials (5)
The lessons was very interactive and the excersices was good practical
Heino - NWK Limited
Course - Laravel and Vue.js
I am glad we can get the recordings, slides and files zipped to us so we can always reference back to them when needed. David explained concepts clearly and was able to answer questions that we had. He was very knowledgeable.
Renee Chan - Mackenzie Investments
Course - Vue.js
practice exercises
Mateusz - DPDgroup IT Solutions sp. z o.o.
Course - React Native for iOS and Android
The vue.js is something that I never worked with and the presentation clarified few of my doubts. But again, online courses are not efficient in acquiring knowledge.
Bogdan Stoica - EMAG IT Research S.R.L
Course - Advanced Vue.js
His ability to explain complex concept in simpler terms. Giving an overview of how everything ties together and how we can best apply these in our work scenarios
