Tutoriel de développement sur Edge Delivery Services et l’éditeur universel
Dans ce tutoriel, vous apprendrez les principes de base de la création d’un site web AEM qui associe une création puissante à l’éditeur universel et une diffusion ultra-rapide à l’aide d’Edge Delivery Services. À la fin, vous aurez une compréhension de base de la création d’un projet, de la configuration d’un environnement de développement local et de la création d’un bloc.
Configuration du projet
Découvrez comment créer un projet de code et configurer un nouveau site dans AEM as a Cloud Service. Cette configuration permet un développement transparent avec l’éditeur universel pour la création de contenu et la diffusion rapide de contenu via Edge Delivery Services.
Créez un projet de code pour Edge Delivery Services, modifiable à l’aide de l’éditeur universel.
Créez un site dans AEM Sites pour Edge Delivery Services, modifiable à l’aide de l’éditeur universel.
Configuration de développement
Découvrez comment configurer votre environnement de développement local pour permettre un développement rapide de site web. Cette configuration permet une création de site transparente avec l’éditeur universel et une diffusion de contenu efficace via Edge Delivery Services, assurant ainsi un workflow de développement fluide et optimisé.
Configurer un environnement de développement local
Configurez un environnement de développement local pour les sites fournis avec Edge Delivery Services et modifiables avec l’éditeur universel.
Ajouter une image de marque à un site web
Définissez des variables CSS et CSS globales et des polices web pour un site Edge Delivery Services.
Développement de bloc
Découvrez comment créer un bloc en définissant son modèle de contenu et en configurant un exemple de contenu pour les tests et le développement. Explorez deux méthodes de rendu du bloc et comprenez comment le structurer pour des performances et une flexibilité optimales dans AEM et Edge Delivery Services.
Créez un bloc pour un site web Edge Delivery Services modifiable avec l’éditeur universel.
Développez un bloc avec CSS pour Edge Delivery Services, modifiable à l’aide de l’éditeur universel.
Développer un bloc avec CSS et JS
Développez un bloc avec CSS et JavaScript pour Edge Delivery Services, modifiable à l’aide de l’éditeur universel.
Étapes suivantes
Maintenant que vous avez terminé ce tutoriel, appuyez-vous sur ce que vous avez appris grâce à ces procédures ciblées. Ces guides développent le code et les concepts abordés ici, explorant des cas d’utilisation spécifiques aux rôles, des techniques avancées et des conseils supplémentaires pour améliorer les compétences de développement d’Edge Delivery Services et de l’éditeur universel.
Découvrez comment l’en-tête et les pieds de page sont développés dans Edge Delivery Services et l’éditeur universel.
Aperçu d’une extension d’éditeur universel
Découvrez comment prévisualiser une extension d’éditeur universel exécutée localement pendant le développement.