Egghead Instructor Simon Vrachliotis

Simon Vrachliotis

Swiss front-end designer and developer based on Sydney's Northern Beaches. Proud father of two. Surf, basketball, ukulele. Love learning, love teaching.



Support Simon's Free Lessons
become a member today

Browse Simon Vrachliotis's lessons.

showing 3 lessons...

Generate multiple HTML components from an array with the "for loop" in TwigJS

Make your HTML components dynamic with the "with" keyword in TwigJS

Create reusable HTML components with the "include" tag in TwigJS

html5 tutorial about Generate multiple HTML components from an array with the "for loop" in TwigJS

Generate multiple HTML components from an array with the "for loop" in TwigJS

1:19 html5

In this lesson, we transform a series of TwigJS "includes" into a clean "for loop". We store our content into an array and let the loop generate one HTML component for each entry.

html5 tutorial about Make your HTML components dynamic with the "with" keyword in TwigJS

Make your HTML components dynamic with the "with" keyword in TwigJS

1:29 html5

In this lesson, we make TwigJS components output custom content via the "with" keyword of the "include" tag. We also set up fallback values to make our component work in a variety of scenarios.

html5 tutorial about Create reusable HTML components with the "include" tag in TwigJS

Create reusable HTML components with the "include" tag in TwigJS

1:09 html5

In this lesson, we take a repeating block of HTML and turn it into a dynamic, reusable TwigJS component. The "include" tag allows us to generate multiple instances of the component, each with their own custom content.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?