Histórico da Página
...
Link de Acesso: Fluig Academy
Ação: Crie sua conta e realize a matrícula nos cursos listados abaixo.
Trilhas Recomendadas
...
Focado na criação de interfaces dinâmicas e componentes para o ambiente de portais do TOTVS Fluig.
| Curso | Descrição |
|---|---|
| Como fazer - Instalar Eclipse 2019-R9 + Fluig Studio | Guia passo a passo para configurar o ambiente de desenvolvimento oficial (IDE) e o plugin Fluig Studio. |
| Iniciando o desenvolvimento de widgets | Conceitos fundamentais sobre a estrutura de uma widget, ciclo de vida e publicação no portal. |
| Client-side: Desenvolvimento com ES6+ no TOTVS Fluig | Modernização do código Client-side utilizando as novas especificações do JavaScript para maior performance. |
| Preferências da widget, como salvar e recuperar os dados | Aprenda a utilizar o mecanismo de persistência de dados para salvar e recuperar configurações customizadas da widget. |
| Templates Mustache em widgets, aprenda a desenvolver | Uso do engine de renderização Mustache para separar a lógica de dados da apresentação (HTML). |
| Client-side: Integrações eficientes com promises e async/await, incluindo datasets | Técnicas avançadas para manipulação de processos assíncronos e consumo de datasets via Client-side. |
| Widgets com APIs do TOTVS Fluig: Usuário logado | Como utilizar os serviços internos para recuperar informações contextuais do usuário em sessão. |
Consumo de APIs REST
...
Essencial para integrações entre o TOTVS Fluig e outros sistemas (ERPs, plataformas legadas).
| Curso | Descrição |
|---|---|
| Introdução ao Swagger do TOTVS Fluig - Básico I | Aprenda a navegar na documentação interativa das APIs do Fluig e testar endpoints nativos. |
| Consumindo a API REST do TOTVS Fluig com Postman | Guia prático de como configurar autenticação (OAuth 1.0) e realizar requisições externas para a plataforma. |
Interface e Experiência (Style Guide)
...
A padronização visual é obrigatória para manter a identidade da plataforma e a usabilidade.
| Curso | Descrição |
|---|---|
| Fluig Style Guide |
| Documentação oficial contendo a biblioteca de componentes, padrões de cores, tipografia e ícones. Essencial para consulta diária. |
| Style Guide - Datatable |
| Como implementar tabelas |
| inteligentes com recursos nativos de |
| listagem, paginação e ordenação de dados. |
| Style Guide - Filter |
| Desenvolvimento de campos de busca avançados com filtros dinâmicos para facilitar a localização de registros. | |
| Style Guide - Modal |
| Utilização de |
| janelas de diálogo |
| sobrepostas para interações rápidas, confirmações ou exibição de conteúdos adicionais sem trocar de página. |
| Como fazer - TOTVS Fluig - Modal de seleção de documentos |
| Implementação técnica para abrir a estrutura de pastas de documentos e permitir que o usuário selecione arquivos de forma nativa. |
Publicação e Store
...
A padronização visual é obrigatória para manter a identidade da plataforma e a usabilidadeEsta seção é destinada a parceiros que buscam elevar o nível de suas entregas, transformando desenvolvimentos em soluções oficiais ou pacotes reutilizáveis dentro do ecossistema.
| Curso | Descrição |
|---|---|
| Adaptando seu componente para a TOTVS Store | Requisitos técnicos e boas práticas para transformar seu desenvolvimento em um produto publicável na Store oficial. |
| Dica | ||
|---|---|---|
| ||
Antes de iniciar a codificação de uma nova widget, verifique sempre se o componente já existe no Style Guide para garantir a responsividade e compatibilidade com futuras atualizações do TOTVS Fluig. |
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas