Introdução ao AEM Sites - Tutorial WKND
Criado para:
- Iniciante
- Desenvolvedor
Para publicar do AEM Sites usando o Edge Delivery Services, clique aqui.
Bem-vindo a um tutorial em várias partes projetado para desenvolvedores novos no Adobe Experience Manager (AEM). Este tutorial aborda a implementação de um site do AEM para uma marca fictícia de estilo de vida, a WKND. O tutorial abrange tópicos fundamentais como configuração de projetos, componentes principais, modelos editáveis, bibliotecas do lado do cliente e desenvolvimento de componentes com o Adobe Experience Manager Sites.
Visão geral
O objetivo deste tutorial em várias partes é ensinar ao desenvolvedor como implementar um site usando os padrões e as tecnologias mais recentes do Adobe Experience Manager (AEM). Após concluir este tutorial, um desenvolvedor deve entender a base básica da plataforma e os padrões de design comuns no AEM.
Opções para iniciar um projeto do Sites
Há duas abordagens básicas para iniciar um projeto AEM Sites.
Arquétipo de projeto do AEM - Abordagem tradicional para o desenvolvimento do AEM gerando um projeto AEM mínimo usando um modelo Maven. Essa é a abordagem recomendada para projetos do AEM 6.5/6.4 e projetos do AEM as a Cloud Service que preveem personalização intensa. O tutorial oferece um mergulho mais profundo no desenvolvimento do AEM.
Inicie o tutorial com o Arquétipo de projeto do AEM
Modelos de Site do AEM - Também conhecido como Criação Rápida de Site, uma abordagem low-code para gerar um Site do AEM usando um Modelo de Site predefinido. Use componentes e modelos prontos para uso para ativar e executar rapidamente um site. Use um fluxo de trabalho de temas para aplicar estilos e personalizações específicos da marca apenas com CSS e JavaScript. Recomendado para novos projetos e desenvolvedores. Disponível somente para AEM as a Cloud Service.
Kit de interface do usuário do Adobe XD
Para tornar este tutorial mais próximo de um cenário real, os talentosos designers de UX da Adobe criaram os modelos para o site usando o Adobe XD. Ao longo do tutorial, várias partes dos designs são implementadas em um site do AEM totalmente autorável. Agradecimentos especiais ao Lorenzo Buosi e ao Kilian Amendola, que criaram um belo design para o site WKND.
Baixe os kits de interface do usuário do XD:
Site de referência
Uma versão concluída do Site WKND também está disponível como referência: https://wknd.site/
O tutorial aborda as principais habilidades de desenvolvimento necessárias para um desenvolvedor do AEM, mas não criará todo o site de ponta a ponta. O site de referência concluído é outro grande recurso para explorar e ver mais dos recursos prontos para uso da AEM.
Para testar o código mais recente antes de ir para o tutorial, baixe e instale a última versão do GitHub.
Desenvolvido pela Adobe Stock
Muitas das imagens no site de Referência WKND são do Adobe Stock e são Materiais de Terceiros conforme definido nos Termos Adicionais do Ativo de Demonstração em https://www.adobe.com/legal/terms.html. Se você quiser usar uma imagem do Adobe Stock para outros propósitos além da exibição deste site de demonstração, como exibi-la em um site ou em materiais de marketing, é possível adquirir uma licença no Adobe Stock.
Com o Adobe Stock, você tem acesso a mais de 140 milhões de imagens de alta qualidade e isentas de royalties, incluindo fotos, gráficos, vídeos e modelos para dar o pontapé inicial nos seus projetos criativos.
Próximas etapas
O que você está esperando?! Saiba como gerar um novo projeto do Adobe Experience Manager usando o Arquétipo de Projeto do AEM ou criar um site usando um Modelo de Site.