Durante l’edizione di giugno dell’Hyvä Townhall, Hyvä ha annunciato ufficialmente il lancio del suo programma di certificazione, a partire dall’esame per Associate Developer. Nel frattempo il programma si è ampliato con l’introduzione della certificazione Hyvä Professional Developer, dedicata agli sviluppatori con maggiore esperienza su progetti Hyvä.
In qualità di Hyvä Partner con sviluppatori certificati Hyvä Associate Developer, in questo articolo condividiamo alcuni spunti utili per chi desidera approfondire contenuti e opportunità del programma di certificazione e, nello specifico, dell’esame Associate Developer.
Oltre a spiegare il ruolo della certificazione, illustriamo i passaggi necessari per sostenere l’esame, la sua struttura, le aree di studio e le risorse ufficiali. Concludiamo con alcune considerazioni basate sulla nostra esperienza diretta.
- Perché una certificazione?
- I vantaggi della certificazione Hyvä
- Come registrarsi all’esame di certificazione
- Struttura dell’esame, aree di studio e risorse ufficiali
- Considerazioni finali: la nostra esperienza con la certificazione
Perché una certificazione?
Con la crescita dell’ecosistema Hyvä è diventato sempre più importante poter disporre di criteri condivisi per verificare le competenze tecniche degli sviluppatori che lavorano sul frontend di Magento.
Il programma di certificazione Hyvä nasce per riconoscere la preparazione degli sviluppatori e verificare la conoscenza delle tecnologie, delle best practice e degli strumenti utilizzati nei progetti basati sul frontend Hyvä per Magento 2.
La certificazione è legata al singolo sviluppatore e rappresenta quindi un modo concreto per documentare le competenze acquisite nello sviluppo frontend con Hyvä.
I vantaggi della certificazione Hyvä
La certificazione consente di verificare attraverso un esame le competenze dello sviluppatore sulle principali tecnologie e pratiche utilizzate nei progetti Hyvä.
Per gli sviluppatori e le agenzie Magento
Per uno sviluppatore, conseguire una certificazione Hyvä significa poter dimostrare una preparazione specifica sull’ecosistema. Per un’agenzia, disporre di sviluppatori certificati permette di documentare le competenze presenti all’interno del team.
- Validazione delle competenze: la certificazione verifica conoscenze specifiche sullo sviluppo frontend con Hyvä.
- Aggiornamento tecnico: la preparazione all’esame richiede di approfondire documentazione, tecnologie e best practice utilizzate nei progetti Hyvä.
- Maggiore riconoscibilità professionale: la certificazione consente a sviluppatori e agenzie di rendere visibile una competenza specifica nell’ecosistema Magento e Hyvä.
Per i merchant
Per un merchant, la presenza di sviluppatori certificati Hyvä nel team che segue il progetto rappresenta un elemento utile nella valutazione delle competenze tecniche dell’agenzia.
- Competenze verificate: la certificazione attesta la conoscenza delle principali tecnologie e best practice Hyvä.
- Maggiore affidabilità tecnica: consente al merchant di individuare sviluppatori che hanno dimostrato una preparazione specifica sul frontend Hyvä.
- Attenzione alle performance: il programma comprende temi legati a Core Web Vitals, frontend performance e sviluppo secondo le pratiche raccomandate da Hyvä.
Come registrarsi all’esame di certificazione
Per sostenere l’esame Hyvä Certified Associate Developer è necessario seguire alcuni passaggi.
- Acquisto del voucher
Il voucher può essere acquistato dalla pagina ufficiale Hyvä Certification.
Costo: 200 € IVA esclusa. - Registrazione su Webassessor
Webassessor è la piattaforma utilizzata per la prenotazione e lo svolgimento dell’esame. - Scelta della data dell’esame
Dopo la registrazione è possibile selezionare la data e l’orario disponibili. - Inserimento del codice voucher
Il codice ricevuto con l’acquisto viene utilizzato durante la procedura di registrazione all’esame. - Svolgimento dell’esame
L’esame può essere sostenuto online in modalità proctored tramite Webassessor.- Durata: 90 minuti
- Domande: 60 domande a risposta multipla basate anche su scenari pratici
- Soglia di superamento: 70%
Struttura dell’esame, aree di studio e risorse ufficiali
Gli argomenti dell’esame sono descritti nella Guida ufficiale alla certificazione, che costituisce il riferimento principale per la preparazione.
È inoltre consigliabile consultare la documentazione ufficiale Hyvä.
Di seguito riportiamo le principali aree tematiche affrontate dall’esame Associate Developer.
Dal core di Magento al frontend Hyvä (Punti 1, 2, 3)
Questa parte riguarda le basi dello sviluppo frontend in Magento e il loro utilizzo all’interno di Hyvä: Layout XML, ViewModel, template e meccanismi di ereditarietà dei temi.
Layout XML, Blocchi e ViewModel (Punto 1)
È richiesta familiarità con il sistema XML di Magento per la gestione della struttura delle pagine. Questo comprende l’utilizzo dei tag <block> e <container> per inserire elementi e di <referenceBlock> e <referenceContainer> per intervenire su elementi esistenti, ad esempio rimuovendoli, riposizionandoli o modificandone attributi e argomenti.
È inoltre importante conoscere il tag <argument>, utilizzato per passare dati e oggetti ai blocchi.
I ViewModel sono una componente importante dell’architettura utilizzata da Hyvä. Possono essere iniettati tramite layout XML oppure richiamati dinamicamente all’interno dei template attraverso il ViewModelRegistry, ad esempio utilizzando $viewModels->require(...) in un file .phtml.
È inoltre necessario conoscere i layout handle, ad esempio catalog_product_view, e il modo in cui Hyvä può utilizzare handle dedicati per gestire il rendering del frontend.
Template (Punto 2)
Un’altra area importante riguarda l’utilizzo dei template .phtml. È necessario conoscere il processo di override dei template all’interno di un tema figlio Hyvä o di un modulo personalizzato.
L’esame verifica la capacità di effettuare un override replicando correttamente il percorso del file e collocando il nuovo template nella posizione prevista dal tema o dal modulo.
È inoltre richiesta la conoscenza delle best practice per la sanitizzazione dell’output, tramite l’oggetto $escaper e metodi come escapeHtml(), escapeHtmlAttr() ed escapeUrl(), utilizzati in base al contesto.
Tra gli argomenti rientra anche il passaggio sicuro di dati strutturati da PHP a JavaScript, utilizzando gli strumenti di encoding ed escaping appropriati.
Temi (Punto 3)
L’esame comprende la conoscenza della creazione e configurazione di un tema Hyvä personalizzato, della relazione con il tema base e dei principali file necessari alla registrazione e configurazione del tema Magento.
È inoltre necessario comprendere la configurazione di Tailwind CSS all’interno del tema e il modo in cui le risorse del tema padre possono essere utilizzate durante lo sviluppo.
Il cuore di Hyvä: moduli di compatibilità, Tailwind, Alpine.js e funzionalità Hyvä (Punti 4, 5, 6, 8)
Questa parte dell’esame riguarda alcune delle tecnologie e funzionalità centrali del frontend Hyvä: moduli di compatibilità, Tailwind CSS, Alpine.js e funzionalità specifiche messe a disposizione dal tema.
Moduli di compatibilità (Punto 4)
È importante comprendere il funzionamento dei moduli di compatibilità utilizzati per adattare al frontend Hyvä estensioni Magento originariamente sviluppate per Luma.
Tra gli argomenti figurano l’individuazione dei moduli interessati, l’override dei relativi template e la configurazione utilizzata da Hyvä per riconoscere i moduli compatibili.
Tailwind CSS (Punto 5)
Per Tailwind CSS è necessaria una buona comprensione del processo di build e della configurazione adottata nei temi Hyvä.
È importante conoscere la differenza tra i workflow di sviluppo e di produzione e sapere come generare gli asset CSS nelle diverse fasi del progetto.
L’esame comprende inoltre la configurazione di Tailwind per personalizzare elementi come colori, font e breakpoint e l’utilizzo degli strumenti previsti per gestire classi CSS che non possono essere individuate automaticamente durante il processo di build.
Fa parte degli argomenti anche il funzionamento della configurazione Hyvä relativa ai moduli e ai comandi Magento utilizzati per aggiornarla.
Alpine.js e JavaScript (Punto 6)
Hyvä utilizza Alpine.js per gestire le interazioni dinamiche del frontend. Tra gli argomenti principali rientrano:
- Componenti: utilizzo di
x-dataper definire stato e comportamento e creazione di componenti Alpine riutilizzabili. - Eventi e modificatori: gestione degli eventi tramite direttive Alpine, ad esempio
@click, e utilizzo di modificatori come.debounce,.throttle,.once,.outsidee.window. - Ottimizzazione delle performance: caricamento differito di script e componenti quando non sono necessari immediatamente durante il rendering iniziale della pagina.
- Sicurezza e CSP: sviluppo di componenti JavaScript compatibili con le Content Security Policy e gestione corretta degli script inline.
Funzionalità Hyvä (Punto 8)
È richiesta la conoscenza di diverse funzionalità messe a disposizione da Hyvä, tra cui il sistema di modali, la validazione dei form e gli strumenti che consentono di gestire parti dello store che richiedono ancora il frontend Luma.
Performance e stabilità visiva (Punto 7)
L’esame valuta anche la comprensione dei principi di performance web e dei principali Core Web Vitals:
- LCP (Largest Contentful Paint): ottimizzazione del caricamento dell’elemento principale visibile nella pagina.
- CLS (Cumulative Layout Shift): prevenzione degli spostamenti di layout, ad esempio attraverso una corretta gestione delle dimensioni delle immagini, dei font e degli elementi caricati dinamicamente.
- INP (Interaction to Next Paint): valutazione della reattività dell’interfaccia alle interazioni dell’utente.
È inoltre importante conoscere la differenza tra dati di laboratorio, come quelli ottenuti attraverso Lighthouse, e dati reali degli utenti (field data), utilizzandoli correttamente nell’analisi delle performance del frontend.
Considerazioni finali: la nostra esperienza con la certificazione
Dopo aver sostenuto e superato l’esame, la nostra valutazione dell’esperienza è positiva.
Il formato, basato anche su scenari pratici, richiede allo sviluppatore di applicare le proprie conoscenze a situazioni simili a quelle che si incontrano nello sviluppo di un progetto Magento con Hyvä.
L’esame affronta il theming di Magento, le principali tecnologie utilizzate da Hyvä e diversi aspetti legati alle performance e alle best practice di sviluppo. Per la preparazione è importante fare riferimento alla guida ufficiale alla certificazione e alla documentazione Hyvä.
In qualità di Hyvä Partner, continuiamo a investire nella formazione e nella certificazione del team, con l’obiettivo di applicare competenze aggiornate e best practice condivise dall’ecosistema nei nostri progetti di sviluppo Magento Hyvä.