About the Online Workshop: Building Micro-Frontends


Micro-frontends are the answer to today’s increasingly complex web applications. Inspired by the microservices model, this approach lets organizations break interfaces into separate features managed by different teams of developers. Microservices provide a way for scaling our projects and teams but so far there weren’t many options for frontend development. Micro-frontends are the answer for medium-large frontend applications, scale your team and empower them, de-risk your deployment strategy, innovate inside your team and share with the broader business.

These are the main topics we will cover with this online workshop:

  • Explore the technological impact of micro-frontends in your organization
  • Learn how to identify, generate, and orchestrate micro-frontends
  • Identify areas of an application UI that individual teams can handle
  • Understand and manage the complexity that micro-frontends bring inside an organization
  • Establish end-to-end automation for building and deploying micro-frontends using the strangler pattern

Online Workshop Topics


  • Introduction to micro-frontends 
    • The current status of Frontend applications
    • What are Micro-Frontends?
    • Core Principles
    • Benefits of working with Micro-Frontends
    • Who is using them?
    • Knowledge checkpoint
    • Q&A
    • Break
  • Architectural implementation
    • How to structure an application using Micro-Frontends
    • Core elements of a Micro-Frontend application
    • Micro-Frontends decisions framework
    • Q&A
    • Break
  • Automation as a first-class object
    • Testing and Static Analysis
    • CI/CD
    • Sequential versus Parallel Automation Execution
    • DAZN Automation Pipeline
    • Deployment Strategies
    • Q&A
    • Break
  • Technical challenges
    • Mindset Shift
    • Working by Contracts
    • Code Reusability
    • Dependency Management
    • SEO
    • Q&A
    • Break
  • Teams organization
    • Team Structure - core teams, features teams
    • On boarding
    • Developers Retention
    • Q&A
  • Wrap-up and Q&A
    • Core Micro-Frontends elements recap
    • Bibliography & Links to Resources
    • Q&A

Timetable:

  • Class Start: 18:00 (Barcelona GMT +2)
  • Break: 5 minutes every end of module
  • Class End: 21:00

What will you learn


  • How to structure a micro-frontend in your web application
  • The technology benefits of using micro-frontends
  • The challenges faced when working with micro-frontends (i.e., solid automation in place or code duplication)
  • The impact of micro-frontends within a team-based structure
  • The micro-frontends best practices
Sign up for the workshop!

About Luca Mezzalira


Luca Mezzalira is the vice president of architecture at DAZN. In his 16-year career, Luca has worked on cutting-edge projects for mobile, desktop, web, TVs, set-top boxes, and embedded devices. Luca is a Google Developer Expert on web technologies, the author of Front-End Reactive Architectures (Apress) and manager of the London JavaScript community.

The requirements to attend - knowledge wise


  • An understanding of modern frameworks for frontend applications (Angular, Vue.js, React + Redux, or similar frameworks)
  • Solid knowledge of automation (CI, CD, testing strategies, etc.)
  • Experience working with cross-functional or functional teams
  • Knowledge of evolutionary architectures (useful but not required)
  • Knowledge of microservices (useful but not required)

Date and Price


Next edition date is TBD

You can choose between three different payment methods for this workshop:

  • Method 1: Bank Transfer
  • Method 2: Installment Payment
  • Method 3: Direct Payment via Xing

Interested in the BuildingMicro-Frontends workshop? Contact us!