Course Outline
Overview of Hyvä Themes Framework
- Definition of Hyvä and its foundational purpose
- Comparative analysis with Luma and PWA Studio frameworks
- Hyvä compatibility standards and associated module ecosystem
Installation and Initial Configuration of Hyvä
- System requirements and licensing considerations
- Deploying Hyvä via Composer package management
- Enabling and configuring Hyvä themes within Magento 2 environments
Utilizing Tailwind CSS and Alpine.js
- Detailed examination of Tailwind CSS utility class methodologies
- Implementation of custom styling and layout structures
- Leveraging Alpine.js for the development of interactive user interface elements
Template Architecture and Layout Modification
- Analysis of the Hyvä template structural design
- Extension of blocks and manipulation of layout XML configurations
- Development and overriding of PHTML template files
Module Integration and Compatibility Management
- Integration of modules certified for Hyvä compatibility
- Mitigation strategies for modules lacking direct compatibility
- Application of fallback mechanisms involving Luma or Hyvä Checkout components
Frontend Performance Optimization with Hyvä
- Assessment of performance metrics and Lighthouse scoring outcomes
- Asset minification techniques and delivery optimization protocols
- Implementation of lazy loading and advanced caching strategies
Advanced Applications and Custom Component Development
- Construction of reusable components utilizing Alpine.js
- Utilization of the Hyvä UI component library
- Form integration methodologies and management of user data input
Best Practices and Long-Term Maintenance
- Code organization standards and modularity guidelines
- Protocols for maintaining Hyvä and dependent libraries to current versions
- Deployment procedures and theme version control workflows
Conclusion and Future Implementation Steps
- Comprehensive review of core architectural concepts
- Preparation for production environment deployment
- Identification of resources for sustained professional development within the Hyvä ecosystem
Requirements
- Demonstrated experience in Magento 2 frontend and backend development
- Proficiency in HTML, CSS, JavaScript, and PHP standards
- Working familiarity with templating engines and Magento theme architectural principles
Intended Audience
- Magento developers transitioning to Hyvä Themes for public sector projects
- Frontend developers maintaining Adobe Commerce storefronts
- Technical architects focused on optimizing Magento 2 performance and user experience
Testimonials (3)
What I liked most about the training was the technical color and video performance theory session. It helped me clearly understand the reasoning behind key production decisions, such as why specific frame rates are chosen for different types of videos and how particular color spaces impact visual quality and performance. Having this theoretical foundation made the technical concepts more meaningful and easier to apply in practical scenarios.
Jason Lee
Course - Adobe Creative Cloud (After Effects, Premiere Pro, Illustrator, Animate, and Character Animator) for Beginners
Marko was very knowledgeable, friendly and explained in a very clear way. He also brought so many use cases, examples from his broad experience and was super interactive with us.
Delia Roxana Isfan-Stan
Course - Adobe Acrobat: PDF Creation and Editing
Marko’s openness to answer all our questions