Introdução ao AEM Sites - Tutorial WKND introduction
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.
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.