O objetivo deste documento é fornecer ao desenvolvedor o apoio necessário para os primeiros passos técnicos na plataforma. É altamente recomendável que a equipe do parceiro conclua os cursos fundamentais antes de iniciar qualquer desenvolvimento. O domínio da base de conhecimento evita retrabalho e assegura a aplicação das melhores práticas da TOTVS.
Para iniciar, o colaborador deve possuir uma conta ativa na plataforma de ensino:
Link de Acesso: Fluig Academy
Ação: Crie sua conta e realize a matrícula nos cursos listados abaixo.
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. |
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. |
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. |
Esta 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. |
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. |