Use, Integrate and develop Patterns for Plone 6 Classic

Audience:
Designer
Integrator
Developer
Level:
Intermediate
Beginner




Use, create and integrate JavaScript functionality based on Patternslib into Plone 6.

What you will learn

How to use Patterns from Patternslib and Mockup in Plone 6:

  • Use pat-inject for AJAX based navigation,
  • Use pat-switch to change CSS classes on clicking,
  • Use pat-gallery, pat-carousel, pat-masonry for enhancing your site with ready-to-use UI components,
  • Build a datagrid-like form just with patterns
  • and more...

Create a JavaScript pattern from scratch and add external libraries to it.

Integrate Patterns into Plone for development, debugging and production.

Things to bring

Prerequisites

For the Pattern development part you should know JavaScript (ES6+ syntax, arrow functions, module imports), Python and have basic experience with Plone.

Johannes Raggam