Use, Integrate and develop Patterns for Plone 6 Classic
Audience:
Integrator
Developer
Designer
Level:
Beginner
Intermediate
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
- A laptop with a code editor of your choice.
- Plone installed as described in training instructions ( https://training.plone.org/5/mastering-plone/instructions.html ).
- A recent version of Node installed (minimum 12.20.0). You might want to use the node version manager: https://github.com/nvm-sh/nvm
Prerequisites
For the Pattern development part you should know JavaScript (ES6+ syntax, arrow functions, module imports), Python and have basic experience with Plone.