Esercitazione per sviluppatori Edge Delivery Services e Universal Editor
- Si applica a:
- Experience Manager as a Cloud Service
Creato per:
- Principiante
- Sviluppatore
In questa esercitazione imparerai le nozioni di base per la creazione di un sito web AEM che combina funzionalità di authoring avanzate con Universal Editor e una distribuzione estremamente rapida tramite Edge Delivery Services. Entro la fine, avrai acquisito le nozioni di base per creare un nuovo progetto, configurare un ambiente di sviluppo locale e creare un nuovo blocco.
Configurazione del progetto
Scopri come creare un progetto di codice e configurare un nuovo sito in AEM as a Cloud Service. Questa configurazione consente uno sviluppo senza soluzione di continuità con Universal Editor per la creazione di contenuti e la distribuzione rapida dei contenuti tramite Edge Delivery Services.
Crea un progetto di codice per Edge Delivery Services, modificabile tramite l’Editor universale.
Crea un sito in AEM Sites per Edge Delivery Services, modificabile tramite l’Editor universale.
Configurazione dello sviluppo
Scopri come configurare l’ambiente di sviluppo locale per abilitare lo sviluppo rapido dei siti web. Questa configurazione consente una creazione fluida dei siti con Universal Editor e una distribuzione efficiente dei contenuti tramite Edge Delivery Services, garantendo un flusso di lavoro di sviluppo fluido e ottimizzato.
Configurare un ambiente di sviluppo locale
Configurare un ambiente di sviluppo locale per i siti forniti con Edge Delivery Services e modificabili con Universal Editor.
Definisci le variabili CSS, CSS e i font Web globali per un sito Edge Delivery Services.
Blocca sviluppo
Scopri come creare un nuovo blocco definendone il modello di contenuto e configurando contenuti di esempio per il test e lo sviluppo. Esplora due metodi per il rendering del blocco e scopri come strutturarlo per ottenere prestazioni e flessibilità ottimali in AEM e Edge Delivery Services.
Creare un blocco per un sito Web Edge Delivery Services modificabile con Universal Editor.
Creare un blocco Edge Delivery Services con Universal Editor.
Sviluppa un blocco con CSS per Edge Delivery Services, modificabile tramite l’Editor universale.
Sviluppa un blocco con CSS e JS
Sviluppa un blocco con CSS e JavaScript per Edge Delivery Services, modificabile tramite l’Editor universale.
Passaggi successivi
Dopo aver completato questa esercitazione, sviluppa ciò che hai imparato con queste procedure guidate. Queste guide approfondiscono il codice e i concetti trattati qui, esplorando casi d’uso specifici per singoli ruoli, tecniche avanzate e suggerimenti aggiuntivi per migliorare le competenze di sviluppo di Edge Delivery Services e Universal Editor.
Scopri come creare un blocco con più opzioni di visualizzazione.
Scopri come intestazioni e piè di pagina vengono utilizzati in Edge Delivery Services e Universal Editor.