Learn Alpine JS

Enroll for free Get started!

Join 4417 other students

Log in to get

Access to all our free courses

Interactive hands-on content

100s of code challenges

Join a friendly community

Enroll for free

Subscribe to access!Subscribe to access!

Subscribe to access to this course and ALL other courses. You get a 30-day money-back guarantee, no questions asked.

Subscription includes

All courses and career paths

100s of coding challenges

Certificates of completion

Exclusive Pro members chat

with Andre Madarang

Course level: Intermediate

Alpine.js offers the reactive and declarative nature of big frameworks like Vue or React at a much lower cost. This interactive course will teach you the basics in less than an hour.

What's inside

This course contains 18 interactive screencasts

Learn Alpine JS

18 lessons1 hour 4 min

1. Introduction

2. Installation & A Basic Alpine Component

3. Frontend Career Path

5. Modals and x-ref

8. Image Selection

9. Scroll Detection

10. Accordion Toggle and loops

11. fetch and x-init

12. Todo App and x-model

13. Transitions: Dropdown

14. Transitions: Modal

15. Transitions: Sidebar

16. Easier Transitions

18. Congratulations on completing Learn Alpine JS! 🗻

Prerequisites

Before taking this course, you should have a basic understanding of HTML, CSS, and JavaScript. Here’s our suggested resources to get you up to speed.

Meet your teacher

The course creator

Andre Madarang

Greetings! I’m Andre. I spend my days designing and developing web applications, and teaching about it. I specialize in the Laravel PHP framework on the backend, Vue.js on the frontend and Tailwind CSS for styling.

Follow me on twitter

Why this course rocks

Are you looking for a quick way to add interactivity to a website without having to introduce a full-blown framework like Vue or React? Look no further!

Alpine.js offers you the reactive and declarative nature of big frameworks at a much lower cost. You get to keep your DOM and sprinkle in behavior as you see fit. Think of it like Tailwind for JavaScript!

This course will give you a quick introduction to Alpine.js via interactive coding challenges. The teacher is the eminent Andre Madarang, a full-stack web developer, and popular YouTube instructor.

Join the Scrimba community chat

Learning alone can be lonely. Click here to join our Discord server and connect with other Scrimba learners!