Practical exercises

Try your hand at the following exercises to extend your knowledge:

1. Change the way confetti.js was added to the project via declarative notation. Then, modify a template file to ensure that the confetti is triggered and set up using the data-mage-init HTML tag attribute within the cart summary.
2. Implement an Exit Popup jQuery plugin for your packt2 theme on the cart page and show it only if the quote in the shopping cart is lower than $200 and the customer is logged out. Feel free to add any random content to it. Make sure you add the CSS into proper LESS files. Use declarative notation.
3. On the Customer Login page, hook into the login action and show a modal window with an OK button that the user needs to click to log in to the system. If the modal window is closed, nothing should happen.
4. Make sure you have installed the necessary training modules from this book’s GitHub repository and that the PacktPub_JavaScriptPlayGround module is enabled...