Temas

Descrição do curso

Aprenda a controlar a aparência do portal em Styling Liferay with Themes. Este curso de um dia irá cobrir a anatomia e a estrutura de nível de código do em Temas Liferay. Saiba como Liferay implementa Bootstrap através AlloyUI, bem como as opções avançadas e configurações de tema. Desde a modificação de uma página do site para considerar layouts responsivos, a partir deste curso você vai ter uma sólida compreensão das melhores práticas para orientar a experiência do usuário.

O que você irá aprender:

Ao final do treinamento, você terá um entendimento do que o Liferay Portal tem a oferecer nativamente, incluindo:

  • Entendo a arquitetura de temas
  • Como construir a partir de um tema base
  • Aplicando HTML, CSS e JavaScript
  • Opções configuráveis ​​usando definições de tema
  • Opções configuráveis ​​usando esquemas de cores
  • Usando Freemarker e Velocity em um tema Liferay
  • Usando SASS e Compass
  • Usando AlloyUI em seu Tema
  • Usando Alloy Bootstrap em seu Tema
  • Desenvolvendo um Layout Template
  • Entendo de como pensar sobre design responsivo
  • Criando um modelo de Site usando seu tema

Pré-requisitos: Conhecimento em HTML e CSS.

Formato do curso: Presencial

Versão: 6.2

This course is also offered for Liferay Version 6.1

ATENÇÃO PARTICIPANTES:

Recomendamos fortemente que assistam aos videos introdutórios:

TÓPICOS DO CURSO

Dia 1
 

Configuração

  • Como instalar o Liferay utilizando o Liferay Developer Studio
Entendendo Temas Liferay
  • Arquitetura do Tema
  • Layout de Página Liferay
  • Managing Users Through Organizations and User Groups

Como Construir um Tema no Liferay

  • Criação básica de temas
  • Como gerenciar um código customizado no tema
  • Entendendo a estrutura HTML de uma página Liferay
  • Como lidar com as diferenças de cross-browser em Liferay

Configurações de Opções através de um Tema Liferay

  • Usando configurações de temas para fornecer opções de configurações no Liferay
  • Usando esquema de cores para fornecer variações de CSS e imagens customizadas

Usando Velocity em um Tema Liferay

  • Entendendo a linguagem Velocity
  • Implementações básicas do Velocity

Como criar um Layout Template

  • O que é um Layout Template?
  • Criação básica de um Layout Template

Recursos Adicionais em Temas Liferay

  • Aproveitando SASS e Compass em um Tema Liferay
  • Introdução ao AlloyUI
  • Layout responsivo em tema Liferay
  • Criando um modelo de Site e importando conteúdo usando temas

Visão geral das Práticas Recomendadas

  • Boas práticas para Acessibilidade e Tecnologia de Temas

Download as a PDF

REQUISITOS DO LAPTOP A SER UTILIZADO

  • 6GB RAM
  • 5GB Free Hard Disk Space
  • Windows x64, Mac OSX*, or Linux*

* Observação: Se você usa Mac OSX ou Linux, você deve estar preparado para configurar seu sistema operacional caso haja algum problema, não é garantido que o treinador esteja familiarizado com esses sistemas operacionais.

TRAINING RECOMMENDATIONS

  • 8GB RAM

Por favor contate-nos, se houver alguma dúvida. 1-877-LIFERAY