Introdução ao AEM Sites - Tutorial WKND introduction

[Para publicar do AEM Sites usando o Edge Delivery Services, clique aqui.]{class="badge positive" title="Publish de AEM para Edge Delivery Services"}

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 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 wknd-tutorial-overview

O objetivo deste tutorial em várias partes é ensinar o desenvolvedor a implementar um site usando os mais recentes padrões e tecnologias no 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 AEM - Abordagem tradicional para o desenvolvimento do AEM gerando um projeto AEM mínimo usando um modelo Maven. Essa é a abordagem recomendada para projetos AEM 6.5/6.4 e projetos 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 AEM

Modelos de Site do AEM - Também conhecido como Criação Rápida de Sites, 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.

Iniciar o tutorial usando um modelo de site

Kit de interface do usuário do Adobe XD

Para tornar este tutorial mais próximo de um cenário real, designers de UX talentosos Adobe criaram os modelos para o site usando o Adobe XD. Ao longo do tutorial, várias partes dos projetos são implementadas em um site de 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 reference-site

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 de AEM, mas não criará todo o site de ponta a ponta. O site de referência final é outro grande recurso para explorar e ver mais do AEM oferecendo recursos prontos para uso.

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 next-steps

O que você está esperando?! Saiba como gerar um novo projeto do Adobe Experience Manager usando o Arquétipo de Projeto AEM ou criar um site usando um Modelo de Site.

recommendation-more-help
b2a561c1-47c0-4182-b8c1-757a197484f9