Guida introduttiva ai AEM Sites: esercitazione WKND

Ti diamo il benvenuto in un tutorial in più parti progettato per gli sviluppatori che non hanno mai utilizzato Adobe Experience Manager (AEM). Questa esercitazione illustra l’implementazione di un sito AEM per un brand di lifestyle fittizio WKND. L’esercitazione tratta argomenti fondamentali come la configurazione del progetto, i componenti core, i modelli modificabili, le librerie lato client e lo sviluppo dei componenti con Adobe Experience Manager Sites.

Panoramica

L’obiettivo di questa esercitazione in più parti è quello di insegnare agli sviluppatori 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 conoscere i pattern di progettazione comuni in AEM.

Opzioni per l’avvio di un progetto Sites

Esistono due approcci di base all’avvio di un progetto AEM Sites.

Archetipo di progetto AEM - Approccio tradizionale allo sviluppo AEM generando un progetto AEM minimo utilizzando un modello Maven. Questo è l’approccio consigliato per progetti AEM 6.5/6.4 e AEM progetti as a Cloud Service che anticipano una forte personalizzazione. L’esercitazione offre un’immersione più approfondita nello sviluppo AEM .

Avvia l’esercitazione con AEM Project Archetype

Modelli di sito AEM - nota anche come Creazione rapida di siti, approccio a basso codice per generare un sito AEM utilizzando un modello di sito predefinito. Utilizza i componenti e i modelli predefiniti per rendere rapidamente operativo un sito. Utilizza un flusso di lavoro a tema per applicare stili e personalizzazioni specifici del brand con solo CSS e JavaScript. Consigliato per nuovi progetti e sviluppatori. Disponibile solo per AEM as a Cloud Service.

Avvia l’esercitazione utilizzando un modello di sito

Kit interfaccia utente Adobe XD

Per avvicinare questa esercitazione a uno scenario reale, i designer UX di talento di Adobe hanno creato i modelli per il sito utilizzando Adobe XD. Nel corso dell'esercitazione, diverse parti delle progettazioni vengono implementate in un sito AEM completamente modificabile. Ringraziamenti speciali Lorenzo Buosi e Kilian Amendola che ha creato il bel design per il sito WKND.

Scarica i kit di interfaccia utente XD:

Sito di riferimento

Una versione completa del sito WKND è disponibile anche come riferimento: https://wknd.site/

L’esercitazione illustra le principali competenze di sviluppo necessarie per uno sviluppatore di AEM, ma not crea l’intero sito end-to-end. Il sito di riferimento finale è un'altra grande risorsa per esplorare e vedere di più AEM funzionalità predefinite.

Per testare il codice più recente prima di saltare nell'esercitazione, scarica e installa il ultima versione di GitHub.

Alimentato da Adobe Stock

Molte delle immagini del sito web WKND Reference provengono da Adobe Stock e sono materiale di terze parti come definito nei Termini aggiuntivi per le risorse demo all'indirizzo https://www.adobe.com/legal/terms.html. Se desideri utilizzare un’immagine Adobe Stock per altri scopi oltre a visualizzare questo sito web dimostrativo, ad esempio la sua funzione su un sito web o nel materiale di marketing, puoi acquistare una licenza su Adobe Stock.

Con Adobe Stock, puoi accedere a oltre 140 milioni di immagini di alta qualità e prive di royalty, incluse foto, grafica, video e modelli per dare un nuovo impulso ai tuoi progetti creativi.

Passaggi successivi

Cosa stai aspettando?! Scopri come generare un nuovo progetto Adobe Experience Manager utilizzando AEM Project Archetype o creare un sito utilizzando un modello di sito.

In questa pagina