Get in Touch

Course Outline

Introduction to Alpine JS

Installing Alpine JS

Basic Alpine Components

Visibility

Models and X-ref

Sidebars and Tabs

Image Selection

Scroll Detection

Accordion Toggle and Loops

Fetch and X-init

Attribute binding

Text and HTML

Todo App and X-model

Transitions

Summary and Next Steps

Requirements

  • Basic knowledge of HTML, CSS, and JavaScript

Audience

  • Developers
 7 Hours

Number of participants


Price per participant

Runs with a minimum of 4 + people. For 1-to-1 or private group training, request a quote.

Testimonials (3)

Project folder and files with exercises all available to us with a virtual desktop, pair programming during the exercises

Jacob Flynn - Chemist4U
Course - React with Next.js

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

Upcoming Courses

Alpine JS

2026-07-06 9:30 am
7 hours
Bismarck, ND - Juniper Workantile
$ 1630 (Online)
$ 2230 (Classroom)

Alpine JS

2026-07-20 9:30 am
7 hours
Boise, ID - Regus - Boise Downtown
$ 1630 (Online)
$ 2230 (Classroom)

Alpine JS

2026-08-03 9:30 am
7 hours
Bridgeport, CT – Regus at Downtown Bridgeport
$ 1630 (Online)
$ 2230 (Classroom)

Alpine JS

2026-08-17 9:30 am
7 hours
Burlington, VT – Regus at Williston
$ 1630 (Online)
$ 2230 (Classroom)

Alpine JS

2026-08-31 9:30 am
7 hours
Cambridge, MA – Regus at Harvard Square
$ 1630 (Online)
$ 2230 (Classroom)

Related Courses

Advanced Vue.js

 14 Hours

This instructor-led, live training in the US (online or onsite) is aimed at Vue JS developers who wish to create advanced components that are simpler, more flexible, and easier to maintain.

By the end of this training, participants will be able to:

  • Write VueJS code that is maintainable and resilient.
  • Write application logic that is portable and reusable.
  • Create customized components and widgets while avoiding unneeded complexity.
Read more...

Advanced Vue.js: Scalable Apps and Optimization

 35 Hours

This course provides an in-depth exploration of advanced Vue.js concepts, focusing on scalability, maintainability, and real-world performance optimization within modern frontend ecosystems.

This instructor-led, live training (online or onsite) is aimed at intermediate-level to advanced-level developers who wish to deepen their Vue.js expertise, adopt modern workflows, and integrate ecosystem tools such as Pinia, Quasar, and Vite effectively.

By the end of this training, participants will be able to:

  • Build scalable, modular Vue.js applications using advanced reactivity and composition patterns.
  • Design and manage complex global states efficiently with Pinia.
  • Integrate APIs, handle errors, and manage data flow between stores and components.
  • Apply advanced TypeScript and testing strategies for maintainability and reliability.
  • Optimize build performance, CI/CD workflows, and production deployments.

Format of the Course

  • Interactive lecture and discussion.
  • Hands-on exercises and code labs.
  • Practical implementation using real-world project scenarios.

Course Customization Options

  • To request a customized training for this course, please contact us to arrange.
Read more...

Laravel and Vue.js

 14 Hours

This instructor-led, live training in the US (online or onsite) is aimed at web developers who wish to use Laravel and Vue JS for fullstack web development.

By the end of this training, participants will be able to:

  • Develop web applications with Laravel and Vue JS.
  • Integrate the Laravel backend API into Vue JS.
  • Deploy a Laravel application.
Read more...

Building Micro-Frontends with Vue.js

 14 Hours

This instructor-led, live training in the US (online or onsite) is aimed at intermediate-level developers who wish to create micro-frontend applications using Vue.js.

By the end of this training, participants will be able to:

  • Have a better understanding of micro-frontends.
  • Learn how to split large applications into micro-frontends.
  • Implement micro-frontends using different approaches.
  • Build micro-frontend applications with Vue.js.
Read more...

Next.js 14 Advanced Development

 21 Hours

This instructor-led, live training in the US (online or onsite) is aimed at intermediate-level to advanced-level web developers and technical architects who wish to explore the advancements of Next.js 14 and gain the knowledge to build cutting-edge web applications.

By the end of this training, participants will be able to:

  • Leverage the full potential of Next.js 14 for building complex applications.
  • Utilize the latest features such as Middleware, React Server Components, and Edge Functions.
  • Implement best practices for performance, scalability, and SEO.
  • Troubleshoot common issues in Next.js applications effectively.
Read more...

Next.js 14 - Advanced

21 Hours

This instructor-led, live training in the US (online or onsite) is aimed at advanced-level developers who wish to master the latest features in Next.js 14, optimize performance, and implement modern React techniques.

By the end of this training, participants will be able to:

  • Implement advanced React hooks and concurrent features.
  • Understand and utilize Next.js routing strategies effectively.
  • Leverage Server Components, Server Actions, and hybrid rendering approaches.
  • Optimize data fetching, caching, and incremental static regeneration.
  • Use Next.js as a backend solution with Edge Functions and Edge Runtime.
  • Manage state using React Context, Redux, and atomic state libraries.
  • Optimize application performance for Web Core Vitals.
  • Test, monitor, and deploy Next.js applications efficiently.
Read more...

Quasar Framework and Vue.js

 14 Hours

This instructor-led, live training in the US (online or onsite) is aimed at web developers who wish to use Quasar Framework and Vue JS to create cross-platform applications.

By the end of this training, participants will be able to:

  • Build a cross-platform application for iOS, Windows, etc.
  • Manage states and data with Vuex.
  • Create a backend application with Firebase.
Read more...

Building Interactive Applications with React, Redux and GraphQL

 28 Hours

In this instructor-led, live training in the US, participants will learn how to build React applications using Flux and GraphQL. The course covers installation, setup, integration, testing, deployment and best practices as it walks participants through the creation of a series of sample applications that demonstrate how to add additional levels of complexity and "coolness" to an application using the most advanced toolkits and techniques.

Developing applications with React requires a different kind of thinking, compared to what some developers are accustomed to, especially when coming from the mindset of other MVC frameworks such as AngularJS and Bootstrap.
This training covers the fundamentals behind of the technologies used each step of the way so that participants are not only able to build a functional application, but also understand why a particular approach is used. This lays the groundwork for thinking independently and creatively about the design and the desired results for building their own applications in the future.

Read more...

React Native for iOS and Android

 21 Hours

In this instructor-led, live training in the US, participants learn the principles and approach behind React Native as they take on the development of their own mobile application for Android and iOS

Read more...

React Native Expo

 7 Hours

In this instructor-led, live training in , participants learn to use React Native Expo through discussion and hands-on practice. By the end of the course, participants will be equipped to create and deploy their own React Native application using React Native Expo.

Read more...

React with Next.js

 14 Hours

This instructor-led, live training in the US (online or onsite) is aimed at web developers who wish to use Next.js to create React applications.

By the end of this training, participants will be able to:

  • Develop server-side web applications and static sites in Next.js.
  • Handle and store data with MongoDB.
  • Secure a web application with AuthO authentication.
Read more...

Spring Boot, React, and Redux

 14 Hours

This instructor-led, live training in the US (online or onsite) is aimed at web developers who wish to build functional front-end and back-end web applications with Spring Boot, React, and Redux.

By the end of this training, participants will be able to:

  • Build a front-end application with React and Redux.
  • Create RESTful APIs with Spring Boot.
  • Secure web services with Spring security and JWT web tokens.
Read more...

Vue 3

 7 Hours

This instructor-led, live training in the US (online or onsite) is aimed at developers and programmers who wish to use the framework changes and new features in Vue 3 to create applications.

By the end of this training, participants will be able to:

  • Migrate and update from Vue 2 to Vue 3.
  • Learn the new features to improve the development of applications.
  • Test and use Vue 3 to build maintainable and reliable applications.
Read more...

Vue.js

21 Hours

In this instructor-led, live training in the US (online or onsite), participants will learn how to take advantage of Vue JS's incrementally adoptable architecture to build a complex, single-page application (SPA).

By the end of this training, participants will be able to:

  • Build web apps that process and render data conditionally.
  • Design interactive web apps that react efficiently to user events.
  • Write modular and reusable code.
  • Incrementally progress a view into full-blown single-page application.
  • Integrate VueJS to an existing webpage.
  • Use Vue's ecosystem to extend the framework's capability.
Read more...

Javascript and Vue.js for Beginners

 21 Hours

In this instructor-led, live training in the US (online or onsite), participants will learn just the necessary Javascript to take advantage of Vue JS's incrementally adoptable architecture to build a complex, single-page application (SPA).

By the end of this training, participants will be able to:

  • Undestand and use Javascript and the VueJS framework to build an interactive web application.
  • Design interactive web apps that react efficiently to user events.
  • Write modular and reusable code.
  • Incrementally progress a view into full-blown single-page application.
Read more...

Related Categories

JavaScript
JavaScript