Tutorial per sviluppatori di Edge Delivery Services e editor universale

Tutorial per sviluppatori di Edge Delivery Services e editor universale

In questo tutorial imparerai le nozioni di base per la creazione di un sito web AEM che combina funzionalità di authoring avanzate con l’editor universale e una distribuzione estremamente rapida tramite Edge Delivery Services. Al termine, 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 diretto con l’editor universale per la creazione di contenuti e la distribuzione rapida dei contenuti tramite Edge Delivery Services.

Creare un progetto di codice

Creare un progetto di codice

Crea un progetto di codice per Edge Delivery Services, modificabile tramite l’editor universale.

Ulteriori informazioni

Creare un sito AEM

Creare un sito AEM

Crea un sito in AEM Sites per Edge Delivery Services, modificabile tramite l’editor universale.

Ulteriori informazioni

Configurazione di sviluppo

Scopri come configurare l’ambiente di sviluppo locale per consentire lo sviluppo rapido di siti web. Questa configurazione consente una creazione diretta dei siti con l’editor universale 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

Configurare un ambiente di sviluppo locale per i siti da distribuire tramite Edge Delivery Services e modificabili con l’editor universale.

Ulteriori informazioni

Aggiungere il branding al sito web

Aggiungere il branding al sito web

Definisci i CSS globali, le variabili CSS e i font web per un sito Edge Delivery Services.

Ulteriori informazioni

Sviluppo di un blocco

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

Creare un blocco

Crea un blocco per un sito web Edge Delivery Services modificabile con l’editor universale.

Ulteriori informazioni

Authoring di un blocco

Authoring di un blocco

Authoring di un blocco Edge Delivery Services con l’editor universale.

Ulteriori informazioni

Sviluppare un blocco con CSS

Sviluppare un blocco con CSS

Sviluppa un blocco con CSS per Edge Delivery Services, modificabile tramite l’Editor universale.

Ulteriori informazioni

Sviluppare un blocco con CSS e JS

Sviluppare un blocco con CSS e JS

Sviluppa un blocco con CSS e JavaScript per Edge Delivery Services, modificabile tramite l’editor universale.

Ulteriori informazioni

Passaggi successivi

Dopo aver completato questo tutorial, metti in pratica ciò che hai imparato con queste procedure mirate. Queste guide approfondiscono il codice e i concetti trattati, esplorando casi d’uso specifici per singoli ruoli, tecniche avanzate e suggerimenti aggiuntivi per migliorare le competenze di sviluppo di Edge Delivery Services e dell’editor universale.

Opzioni di blocco

Opzioni del blocco

Scopri come creare un blocco con più opzioni di visualizzazione.

Ulteriori informazioni

Intestazione e piè di pagina

Intestazione e piè di pagina

Scopri come intestazione e piè di pagina vengono sviluppati in Edge Delivery Services e nell’editor universale.

Ulteriori informazioni

Visualizzare in anteprima un’estensione per l’editor universale

Visualizzare in anteprima un’estensione per l’editor universale

Scopri come visualizzare in anteprima un’estensione per l’editor universale in esecuzione locale durante lo sviluppo.

Ulteriori informazioni

recommendation-more-help
bb44cebf-d964-4e3c-b64e-ce882243fe4d