Tutorial de desenvolvedor do Edge Delivery Services e do editor universal
Neste tutorial, você aprenderá os fundamentos da criação de um site do AEM que combine a criação avançada do editor universal e a entrega de alta velocidade do Edge Delivery Services. Após conclui-lo, você terá uma compreensão básica de como criar um novo projeto, configurar um ambiente de desenvolvimento local e criar um novo bloco.
Configuração do projeto
Saiba como criar um projeto de código e configurar um novo site no AEM as a Cloud Service. Essa configuração permite o desenvolvimento contínuo com o editor universal para a criação de conteúdo e a entrega rápida por meio do Edge Delivery Services.
Crie um projeto de código para o Edge Delivery Services, editável por meio do editor universal.
Crie um site no AEM Sites para Edge Delivery Services que é editável por meio do editor universal.
Configuração de desenvolvimento
Saiba como configurar o ambiente de desenvolvimento local para habilitar o desenvolvimento rápido do site. Essa configuração permite a criação contínua de sites com o editor universal e a entrega eficiente de conteúdo por meio do Edge Delivery Services, garantindo um fluxo de trabalho de desenvolvimento descomplicado e otimizado.
Configurar um ambiente de desenvolvimento local
Configure um ambiente de desenvolvimento local para sites fornecidos pelo Edge Delivery Services que são editáveis no editor universal.
Adicionar identidade visual do site
Defina o CSS global, variáveis de CSS e fontes da web para um site do Edge Delivery Services.
Desenvolvimento de bloco
Saiba como criar um novo bloco definindo seu modelo de conteúdo e configurando conteúdos de amostra para teste e desenvolvimento. Conheça dois métodos para renderizar o bloco e entenda como estruturá-lo para obter desempenho e flexibilidade ideais no AEM e no Edge Delivery Services.
Crie um bloco para um site do Edge Delivery Services que seja editável com o editor universal.
Desenvolva um bloco com CSS para o Edge Delivery Services, o qual seja editável por meio do editor universal.
Desenvolver um bloco com CSS e JS
Desenvolva um bloco com CSS e JavaScript para o Edge Delivery Services, o qual seja editável por meio do editor universal.
Próximas etapas
Agora que você concluiu este tutorial, pratique o que aprendeu com estas instruções específicas. Esses guias expandem o código e os conceitos abordados aqui, explorando casos de uso específicos de função, técnicas avançadas e dicas adicionais para aprimorar suas habilidades de desenvolvimento no Edge Delivery Services e no editor universal.
Saiba como o cabeçalho e os rodapés são desenvolvidos no Edge Delivery Services e no editor universal.
Visualizar uma extensão do editor universal
Saiba como visualizar uma extensão do editor universal executado localmente durante o desenvolvimento.