JavaScript for Plone Developers

The definitive location for documentation regarding Plone’s JavaScript and Resource Registries is located at: http://docs.plone.org/adapt-and-extend/theming/resourceregistry.html

Training Objective

The most important objective of this training is mostly to explain how to integrate JavaScript applications and integrations into Plone in many different scenarios. Secondly, it is to explain the JavaScript technologies used in Plone itself(RequireJS, Patterns, Resource registry).

This training is not about:

• how to write JavaScript
• how to write React/Angular 2/JS framework of the week

Sections

• The JavaScript development process in Plone
  • Code style
  • Mockup contributions
  • Documentation
• RequireJS and JavaScript modules
  • Defining a module
  • More information
• Mockup - A Patternslib based collection of components
  • The Mockup project structure
  • A minimal pattern
• Writing documentation for Mockup
• Through-The-Web development
  • portal_javascript & portal_css
  • Resource Registries
• Exercises
  • Exercise 1: Include JavaScript in browser view
  • Exercise 2: NG2 APP component rendered in a browser view
  • Exercise 3: NG2 APP component in a bundle
  • Exercise 4: NG2 APP in logged in bundle
  • Exercise 5: Gallery integration with theme
  • Exercise 6: Simple Pattern
  • Exercise 7: Using a pattern in a z3c form widget
  • Exercise 8: Pattern wrapping a 3rd party library
  • Exercise 9: Pattern with react
  • Exercise 10: Customizing pattern