Guida introduttiva ad AEM Sites: tutorial WKND introduction
Benvenuti in un tutorial in più parti progettato per sviluppatori e sviluppatrici che utilizzano per la prima volta Adobe Experience Manager (AEM). Questo tutorial illustra l’implementazione di un sito AEM per un brand di lifestyle fittizio, WKND. Il tutorial tratta elementi fondamentali come la configurazione del progetto, i componenti core, i modelli modificabili, le librerie lato client e lo sviluppo di componenti con Sites di Adobe Experience Manager.
Panoramica wknd-tutorial-overview
L’obiettivo di questo tutorial in più parti è insegnare a uno sviluppatore come implementare un sito web utilizzando gli standard e le tecnologie più recenti in Adobe Experience Manager (AEM). Dopo aver completato questa esercitazione, uno sviluppatore deve comprendere le basi di base della piattaforma e i modelli di progettazione comuni in AEM.
Opzioni per avviare un progetto Sites
Esistono due approcci di base per avviare un progetto AEM Sites.
Archetipo progetto AEM - Approccio tradizionale allo sviluppo dell'AEM generando un progetto AEM minimo utilizzando un modello Maven. Questo è l’approccio consigliato per i progetti AEM 6.5/6.4 e per i progetti AEM as a Cloud Service che prevedono pesanti personalizzazioni. Questo tutorial offre informazioni più approfondite sullo sviluppo dell’AEM.
Inizia l’esercitazione con l’archetipo del progetto AEM
Modelli di sito AEM - Anche noto come Creazione rapida di siti, un approccio low-code per la generazione di un sito AEM utilizzando un modello di sito predefinito. Utilizza componenti e modelli predefiniti per rendere rapidamente operativo un sito. Utilizza un flusso di lavoro per tema per applicare stili e personalizzazioni specifici per il brand solo con CSS e JavaScript. Consigliato per nuovi progetti e sviluppatori. Disponibile solo per AEM as a Cloud Service.
Kit interfaccia utente di Adobe XD
Per avvicinare questo tutorial a uno scenario reale, i talentuosi designer UX di Adobe hanno creato i modelli per il sito utilizzando Adobe XD. Nel corso del tutorial vari pezzi dei progetti sono implementati in un sito AEM completamente modificabile. Un ringraziamento speciale a Lorenzo Buosi e Kilian Amendola che hanno creato il bellissimo design per il sito WKND.
Scarica i kit dell’interfaccia utente dell’XD:
Sito di riferimento reference-site
È inoltre disponibile una versione completata del sito WKND come riferimento: https://wknd.site/
Il tutorial illustra le principali competenze di sviluppo necessarie per uno sviluppatore AEM, ma non creerà l'intero sito end-to-end. Il sito di riferimento completo è un’altra ottima risorsa per esplorare e visualizzare ulteriori funzionalità dell’AEM pronte all’uso.
Per testare il codice più recente prima di passare all'esercitazione, scarica e installa la versione più recente da GitHub.
Con tecnologia Adobe Stock
Molte delle immagini nel sito Web di riferimento WKND provengono da Adobe Stock e sono materiale di terze parti come definito nei termini aggiuntivi della risorsa demo all'indirizzo https://www.adobe.com/legal/terms.html. Se desideri utilizzare un’immagine Adobe Stock per altri scopi oltre alla visualizzazione del sito web demo, ad esempio visualizzarla su un sito web o nel materiale di marketing, puoi acquistare una licenza su Adobe Stock.
Con Adobe Stock, puoi accedere a più di 140 milioni di immagini di alta qualità e gratuite, tra cui foto, grafica, video e modelli, per avviare subito i tuoi progetti creativi.
Passaggi successivi next-steps
Cosa state aspettando?! Scopri come generare un nuovo progetto Adobe Experience Manager utilizzando l'archetipo di progetto AEM o creare un sito utilizzando un modello di sito.