Find the perfect coding resourcesLearn more

Learn Alpine JS

ScrimbaScrimba
Recommended
Meet Your Instructor
Andre Madarang avatar

Andre Madarang

Instructor

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.

1h 4m

Completion

Certificate included

Format

Interactive coding

Subscription

What You'll Learn

Installation and basic Alpine components

Building dropdowns with Alpine.js

Creating modals and using x-ref

Implementing sidebars

Building tabs functionality

Overview

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. 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.

Table of Contents
1
Introduction2:41
2
Installation & A Basic Alpine Component3:09
3
Dropdown4:34
4
Modals and x-ref4:17
5
Sidebar2:33
6
Tabs4:50
7
Image Selection4:01
8
Scroll Detection2:44
9
Accordion Toggle and loops7:11
10
fetch and x-init2:44
11
Todo App and x-model9:04
12
Transitions: Dropdown6:00
13
Transitions: Modal1:17
14
Transitions: Sidebar1:29
15
Easier Transitions3:53
16
Conclusion0:45
17
Congratulations on completing Learn Alpine JS!0:51
18
Certificate of Completion

Share Your Experience

Sign in to leave a review and help others

No reviews yet. Be the first to review!