Thank you for sending your enquiry! One of our team member will contact you shortly.
Thank you for sending your booking! One of our team member will contact you shortly.
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
Testimonials
Good energy from the trainer
Nduvho Mukhavhuli - Vodacom SA
The trainer is very experienced.
Karabo Ngwato - Vodacom SA
The interaction was very good.
Mpho Makhalimela - Vodacom SA
Interaction and communication
Archie Dlamini - Vodacom SA
It was interactive. We got to code as we went.
Barnaby Dellar
the exercises that we did
Baby Mulaudzi
I really like going through the training examples and real life examples
Yohance Campbell
Good report, patient in spending time unblocking student's wrong thinking.
Daryl Campbell
Very knowledgeable, easy to understand trainer.
geoff loken
He style of presentation and knowledge of the subject area.
- Athabasca University
He really made an effort to provide specifically the topics we need, and research stuff he didn't normally use.
Michael Kusternig - Greentube IES GmbH
Really knowledgable and friendly guy Answering questions I liked the content and the free exercise in the end
Bianca Zankl - Greentube IES GmbH
I liked the fact the all the questions we prepared beforehand were answered; also the 90 minute challenge to create a little game at the end was a good fun!
Peter Melchart - Greentube IES GmbH
Application of gained knowledge in summative exercise
NPTC Group of Colleges
I came away with a much better understanding of the unity package.
NPTC Group of Colleges
The course, The Trainer
Novat Adam - Goerge Ngaiza, Tanzania Revenue Authority
It was very relevant to what I am currently doing at work. I learn very essentials skills.
Lindokuhle Mtshali
The fact that it was hands on, that really made me understand it more.
Vodacom
The knowledge sharing style was pretty good
Zandile Langa
The interaction with the audience; sense of humour, engagement, real world examples, repetition of concepts for understanding and learning
Megan Trow - BMW
Practical time was fun.
Pieter Hartzenberg - BMW
Practical work
BMW
The trainer was knowledgeable and also funny. He gave appropriate examples, and we were able to follow along easily
BMW
Very interactive and helpful
BMW
His ability to teach me through real-life examples, and his immediate response to my question with a clear and understandable answer.
Zayed Al Kindi
Step by step instructions and samples
Bureau of Fisheries and Aquatic Resources
Very well explained.
ALDRIN JUDE MADALAG - Bureau of Fisheries and Aquatic Resources
Interactive; realistic examples; good structure.
KENNETH DENNIS BALUCOS - Bureau of Fisheries and Aquatic Resources
I like the hands on activities.
Jerome Caronan - Bureau of Fisheries and Aquatic Resources
He discussed the topic and afterwards he gave you exercises to work with
Bureau of Fisheries and Aquatic Resources
Learning the fundamentals
Neil Michael Mendez - Bureau of Fisheries and Aquatic Resources
I like the trainer's respect to everyone's time which was seen for his every day early time-in/start as well as his expertise in his subject. Moreover, I was impressed by the tools they are using wherein it enables the user to monitor the trainees' activities through desktop remote.
Joan Princess Dacasin - Bureau of Fisheries and Aquatic Resources
Console part in web environment it gives me ho to navigate and check the history, browser api. It explains well the proper functions every element in the templates.
Glenford Cataluna - Bureau of Fisheries and Aquatic Resources
All the lessons... I've learned a lot about html and css especially on javascript
Bureau of Fisheries and Aquatic Resources
The tricks learned
Alina Dabuleanu, Pirelli
I enjoyed the interactivity and the fact that the trainer had a good balance regarding how deep he went into some topics and regarding "feeling the crowd" so to speak. It makes you feel like you are part of the learning program, and not as if you are here just to listen and if you understand, ok, if not, unlucky, no one cares. Great job considering participants' feedback!
Alexandru - Alina Dabuleanu, Pirelli
The DaDesktop solution. Training exercises.
Bogdan - Alina Dabuleanu, Pirelli
I loved how the trainer was able to personalize the course material to my needs! He was amazing!
Jeffrey Fleet-Hétu, Service Canada
Good examples
Related Courses
Spring Boot, React, and Redux
14 hours
Managing Vue JS State with Vuex
7 hours
Introduction to Svelte.js
14 hours
Svelte
14 hours
Advanced Svelte JS
14 hours
Nuxt.js and Vue.js
14 hours
Gatsby: Beginner to Advanced
14 hours
Aurelia Javascript Framework
14 hours
Ensuring Code Quality with ESLint
14 hours
Hapi.js
7 hours
Polymer.js Fundamentals
14 hours
Polymer LitElement
14 hours