YoVDO

Learn Alpine JS - Full Course for Beginners

Offered By: Scrimba via YouTube

Tags

Alpine.js Courses Web Development Courses Data Binding Courses

Course Description

Overview

Dive into a comprehensive tutorial on Alpine JS, perfect for beginners seeking to enhance website interactivity without the complexity of larger frameworks. Learn from expert instructor Andre Madarang how to leverage Alpine.js's reactive and declarative nature through hands-on coding challenges. Explore key concepts including installation, basic components, dropdowns, modals, sidebars, tabs, image selection, scroll detection, accordion toggles, loops, fetching data, todo app creation, and various transition effects. Master the art of sprinkling behavior into your DOM and discover why Alpine.js is often compared to "Tailwind for JavaScript." By the end of this hour-long course, gain the skills to efficiently add dynamic elements to your web projects using this lightweight yet powerful JavaScript framework.

Syllabus

- Introduction
- Installation & A Basic Alpine Component
- Dropdown
- Modals and x-ref
- Sidebar
- Tabs
- Image Selection
- Scroll Detection
- Accordion Toggle and loops
- fetch and x-init
- Todo App and x-model
- Transitions: Dropdown
- Transitions: Modal
- Transitions: Sidebar
- Easier Transitions
- Conclusion


Taught by

Scrimba

Related Courses

Laravel Movies Project
YouTube
Curso Tailwind desde cero
YouTube
Learn Alpine JS
Scrimba
Tailwind CSS - A new way to > THINK < CSS
Udemy
Build a Video Game Aggregator
Laracasts