Tutorial de desenvolvedor do Edge Delivery Services e do editor universal

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.

Criar um projeto de código

Criar um projeto de código

Crie um projeto de código para o Edge Delivery Services, editável por meio do editor universal.

                    Saiba mais

Criar um site do AEM

Criar um site do AEM

Crie um site no AEM Sites para Edge Delivery Services que é editável por meio do editor universal.

                    Saiba mais

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

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.

                    Saiba mais

Adicionar identidade visual do site

Adicionar identidade visual do site

Defina o CSS global, variáveis de CSS e fontes da web para um site do Edge Delivery Services.

                    Saiba mais

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.

Criar um bloco

Criar um bloco

Crie um bloco para um site do Edge Delivery Services que seja editável com o editor universal.

                    Saiba mais

Criar um bloco

Criar um bloco

Crie um bloco do Edge Delivery Services com o editor universal.

                    Saiba mais

Desenvolver um bloco com CSS

Desenvolver um bloco com CSS

Desenvolva um bloco com CSS para o Edge Delivery Services, o qual seja editável por meio do editor universal.

                    Saiba mais

Desenvolver um bloco com CSS e JS

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.

                    Saiba mais

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.

Opções de bloco

Opções de bloco

Saiba como criar um bloco com várias opções de exibição.

                    Saiba mais

Cabeçalho e rodapé

Cabeçalho e rodapé

Saiba como o cabeçalho e os rodapés são desenvolvidos no Edge Delivery Services e no editor universal.

                    Saiba mais

Visualizar uma extensão do editor universal

Visualizar uma extensão do editor universal

Saiba como visualizar uma extensão do editor universal executado localmente durante o desenvolvimento.

                    Saiba mais

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