Dia 1
Este curso de um dia fornece aos desenvolvedores um mergulho profundo no uso de temas para customizar a aparência do portal Liferay. Participantes aprenderão como aplicar HTML, CSS, Velocity e imagens para transformar completamente seu portal e criar uma melhor usabilidade para seus usuários. Além de desenvolver um tema, os participantes também aprenderão sobre o desenvolvimento de Layout Templates e explorarão tópicos avançados tal como configurações de tema e incorporação de portlets em temas e Layout Templates.
Antes do início do curso, você será convidado a participar de um breve curso on-line, chamado Introdução ao Liferay, que consiste em três vídeos. Esses três vídeos são a base de formação para a construção de temas no treinamento Liferay.
Com esse conhecimento, passaremos pelo Liferay Plugins Software Development Kit (SDK) para aprender como ele pode ser usado para criar e personalizar temas para o Portal Liferay. Também veremos como os projetos de temas são criados e organizados.
Após esta breve introdução, vamos configurar o seu ambiente de desenvolvimento. Durante todo o curso usaremos o Liferay Developer Studio para criar e fazer o deploy do seu tema. Com seu ambiente de desenvolvimento configurado vamos criar o seu primeiro tema Liferay.
Este primeiro projeto de tema será usado para ilustrar elementos de estilo de página, como o cabeçalho, background, rodapé e dockbar, bem como o estilo aplicado a cada portlet. Tópicos adicionais, tais como esquemas de cores também serão explorados. Uma vez que o tema foi criado, você vai desenvolver seu tema e, finalmente, compilar e testar.
Finalizado o primeiro tema, vamos conhecer alguns Tópicos Avançados. Primeiro, vamos dar uma olhada em como usar o Velocity em seus temas. Começaremos com uma introdução à linguagem Velocity e, em seguida, aprenderemos como acessar as variáveis Velocity em seu tema personalizado. Também aprenderemos como usar Velocity para configurar e integrar portlets em seu tema.
Depois do Velocity, passaremos pelo Alloy UI, framework UI que poderá ser utilizado em seu tema Liferay. Começaremos com uma introdução e uma visão geral de como utilizar o Alloy e, em seguida, faremos um exercício onde você terá a oportunidade de combinar Alloy e Velocity para criar elementos dinâmicos reutilizáveis.
No final do dia, vamos encerrar com uma revisão de cada um dos temas abordados e dar uma olhada em algumas das melhores práticas e recomendações para criação de temas no Liferay. Depois de concluir este curso, você verá que está pronto para começar a desenvolver seus próprios temas personalizados.