Back to Browse

Getting Started with Alpine.js

8.0K views
Jun 27, 2022
15:09

Alpine.js is a lightweight JavaScript framework that's a perfect fit for adding functionality onto existing markup. In Video: Chris Sev (https://twitter.com/chris__sev(https://twitter.com/chris__sev)) 0:00 Introduction 01:30 Getting Started with Alpine.js 02:06 Creating a Button 02:57 Click Events with Alpine.js 03:48 Showing and Hiding an Element 05:56 x-text 06:28 Alpine.js vs React vs Vue 07:51 Looping over a list 09:12 x-model 2-way data binding 10:52 Submitting a Form with Alpine.js 12:03 Adding Alpine.js Methods 13:17 Conclusion To learn more about DigitalOcean: https://www.digitalocean.com/ Follow us on Twitch: https://www.twitch.tv/digitaloceantv Follow us on Twitter: https://twitter.com/digitalocean Like us on Facebook: https://www.facebook.com/DigitalOceanCloudHosting Follow us on Instagram: https://www.instagram.com/thedigitalocean We're hiring: http://grnh.se/aicoph1

Download

1 formats

Video Formats

360pmp419.4 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Getting Started with Alpine.js | NatokHD