Skip to content
Become a sponsor to Alpine Day

→ Claim Your Ticket & Watch All The Talks

Alpine Day 2021 🥳

Schedule:

Time (ET) Slot
9:30 AM Opening Remarks
9:40 AM

The Story Of Alpine

Caleb Porzio - Creator Of Alpine

Alpine has a come a long way from being my little JavaScript experiment without even a name (remember project X?). To kick off the day, we're going to look at the journey and philosophies that made Alpine resonate with so many people, and what it's become today.

10:00 AM

Tips for real-world AlpineJS

Hugo - Founder, Code with Hugo & Alpine.js Weekly

Alpine might be love at first sight of the README + Vue-like syntax, but, like any tool, a lot can go amiss when you delve beyond "Hello World".

Here's a look at how to build common web patterns with Alpine and to ensure JS and Alpine play nice together. Based on examples of top recurring Alpine.js questions & gotchas from GitHub, StackOverflow & Discord.

10:20 AM

Building a Better Modal

Austen Cameron - Livewire Core Contributor

Are you still using the modal example code from Alpine's readme? What if there was something better? Most modals aren't concerned with accessibility, nor do they support stuff like nesting and trapping focus within the modal.

In this talk, we'll build a "better" modal that is accessible, works with nesting, and traps focus state for forms. This ain't your readme's modal.

10:40 AM

Micro Interactions using AlpineJS

Shruti Balasa - Mentor, Course Creator & YouTuber

Micro-interactions bring your web pages to life. They are the little details, the subtle animations like the neat sliding of a sidebar, the zooming in of a modal pop-up, scaling of a button once clicked and more. All these create an engaging moment for your users. We tend to avoid adding micro-interactions in our projects because of the complexity and time involved. However, with AlpineJS (along with Tailwind CSS utilities) you will see how simple it is, to trigger such actions and define the transitions that wow your users and take your work to the next level.

11:00 AM Break
11:20 AM

How to keep your tech stack simple, have a calm life, and make a million dollars

Justin Jackson & Jon Buda - Founders of Transistor.fm

11:40 AM

How To Carve A Spoon (Literally)

Jesse Schutt - Lead Engineer at Zaengle

Programming is awesome, but even after a productive day of coding it's hard to shake the feeling that you haven't built anything tangible.

I’ve found woodworking to be a perfect solution to this digital conundrum. Working raw material with sharp tools is a satisfying experience, plus you have something to show for your time!

One of the barriers to getting in to typical woodworking is the number of tools it requires. Unless you have access to an amply supplied shop the hobby may seem out of reach.

Fortunately, there is an option! Spoon carving is a great way to get into woodworking as it only requires a few tools and stock comes right from the trees. In this quick talk I'll show you the basic toolkit, demonstrate basic knife grips, and show you how to make a usable spoon.

12:00 PM

From Vue to Alpine: How & Why

Matt Stauffer - Partner & CTO, Tighten

Every time we approach a new project, we ask ourselves the question: Understanding the needs of this project, what’s the best frontend stack? Vue, React, Alpine? Livewire? SPA? Inertia?

However, we seldom change the tech stack on existing projects. In this talk I’ll cover how and why I’ve started converting some of our Vue sites to Alpine—and why you should consider it, too!

12:20 PM Break
12:40 PM

Live Pairing Session: Building An Alpine V3 Plugin

Adam Wathan - Creator Of TailwindCSS

This is going to be a unique type of talk. We're going to bring Adam onto the live stream with no prior preparations and see if he can build an Alpine plugin using the new customization features in V3. We'll be there to help him along, but it should be a fun way to get a view inside Alpine V3's new internals, and while having a ball hanging out with Adam live!

01:15 PM

The Future Of Alpine

Caleb Porzio - Creator of Alpine

This is it folks. Everything I've been working on over the past 6 months will be shown off and launched during this slot. We'll demo Alpine V3, show off all the new features, launch new plugins, deploy a new site, and the list goes on. You don't want to miss this one.

3:00 PM *Closing Remarks & No Plans To Merge After Party 🎉

436 sponsors are funding alpineday’s work.

@tatebosler
@paulhennell
@sarthaksavvy
@wpoortman
@NeptuneDesign
@Leondriel
@mattbrailsford
@atej
@victortolbert
@davideperfetto
@raydotnl
@earlAchromatic
@cglazier12
@devepilef
@Jedt3D
@BrendanTWhite
@dephiros
@turboMagneTT
@devilcoders
@marushad
@zapscribbles
@jonneroelofs
@derekbrown
@vaibhavb
@jakeryansmith
@AlexanderSix
@james0r
@alanmingau
@aap-tim
@AAP-Becky
@PeterSeb
@BobWalsh
@NightOwlPrgmr
@carltongibson
@Rahkeen
@ericp1337
@chrisdevelops
@jokersk
@jkniest
@garethjohnsdesign
@mrbrianhinton
@cmo8
@JeffreyDavidson
@curiositypaths
@jahvi
@ganderzon
@karimmtarek
@bard5216
@netzlabor
@fanboxio
@gehrisandro
@vlalieu2

Select a tier

$ one time

Choose a custom amount.

$29 one time

Select

Alpine Day Ticket

This ticket give you access to all the videos from Alpine Day 2021 here: https://alpineday.com/join

Notes:

  • Once sponsored, you can view the videos here: https://alpineday.com/join (it may take a few minutes to recognize you as a sponsor)
  • If you sponsored with an organization account and need to access with a personal account, please email support with both usernames here: alpine-day@calebporzio.helpscoutapp.com
  • Please leave "Receive email updates from alpineday" checked at checkout.