Earn Your Business Degree, Tuition-Free, 100% Online!
Get 20% off all career paths from fullstack to AI
Overview
AI, Data Science & Cloud Certificates from Google, IBM & Meta — 50% Off
One plan covers every Professional Certificate on Coursera. 50% off Coursera Plus Annual for 10 days only — price increases June 17.
Unlock All Certificates
Learn how to build a color contrast checker using Eleventy Serverless for on-request page generation in this comprehensive tutorial. Explore the newly released Eleventy 1.0 features as Ben Myers guides you through the process of creating a functional tool with minimal client-side JavaScript. Discover the basics of Eleventy, understand the benefits of serverless architecture, and dive into practical implementation steps. Cover topics such as templating language options, configuring eleventy.js, passing objects, managing dependencies, and adding navigation. Gain hands-on experience with Eleventy Serverless while creating a useful accessibility tool for checking color contrasts.
Syllabus
Welcome
Guest introduction
What is Eleventy?
How does serverless help?
Where does this fall down?
Where should we start?
Templating language options
Digging in to eleventy.js
Passing an object
Do we have to manage dependencies?
Adding ratios
Adding navigation
Taught by
Learn With Jason