Fundamentos Style Guide: Simples e Prático Desenvolvimento

15 aulas

01 hora e 01 minuto

Este e outros 3 cursos fazem parte da trilha Dev Start, totalizando 05 horas e 21 minutos de conteúdo! Clique aqui e confira mais detalhes.
Geral

Fórum de dúvidas

Fórum de dúvidas

Laboratório TOTVS Fluig

Apresentação

Introdução

Apresentação dos Módulos

Módulo 1 - Fundamentos do Style Guide

Módulo 1 - Fundamentos do Style Guide

Módulo 2 - Formulário GED Profissional

Módulo 2 - Formulário GED Profissional

Módulo 3 - Construindo Dashboard

Módulo 3 - Construindo Dashboard Parte 1

Módulo 3 - Construindo Dashboard Parte 2

Módulo 4 - Datable e Ações

Módulo 4 - Datable e Ações

Módulo 5 - Refinando o Layout com Helpers

Módulo 5 - Refinando o Layout com Helpers

Módulo 6 - Dando Vida ao Dashboard

Módulo 6 - Dando Vida ao Dashboard

Conclusão

Até breve!

Pesquisa de satisfação

Certificado

Sumário

O curso capacita desenvolvedores a aplicarem os recursos visuais do Style Guide no desenvolvimento de interfaces para a plataforma TOTVS Fluig, com foco na criação de formulários e widgets. O aluno aprende os conceitos fundamentais da biblioteca e a construir formulários integrados ao GED (Gerenciamento Eletrônico de Documentos), além de desenvolver na prática um dashboard em formato de widget para realizar o cadastro, edição e exclusão de projetos com comunicação de dados via API REST. O treinamento também aborda a configuração de datatables, o refinamento do layout utilizando helpers e a integração de componentes JavaScript nativos, garantindo a criação de interfaces dinâmicas, bem estruturadas e alinhadas aos padrões visuais do Fluig.

Objetivo

Capacitar desenvolvedores a utilizar os recursos do Style Guide do TOTVS Fluig para a construção de interfaces padronizadas. O treinamento foca no desenvolvimento prático de formulários integrados ao GED (Gerenciamento Eletrônico de Documentos) e na criação de widgets funcionais, garantindo a comunicação de dados via API REST e a aplicação de boas práticas visuais.

Destaques

  • Fundamentos e Construção de Formulários GED: Apresentação dos conceitos essenciais do Style Guide e demonstração de como construir e organizar o layout de formulários que serão gerenciados eletronicamente no Fluig.

  • Desenvolvimento de Dashboard: Criação prática de uma aplicação em formato de widget atuando como um dashboard. O aluno aprenderá a desenvolver funcionalidades para cadastrar novos projetos (com nome do projeto, cliente e status), além de editar e excluir esses registros.

  • Datatables e Refinamento de Layout: Implementação de datatables com ações integradas para a listagem e organização de dados, além da utilização de helpers para refinar e aprimorar a apresentação visual da interface.

Rodolfo Emerson Ferreira

foto Rodolfo Emerson Ferreira

Desenvolvedor Front-end com foco no ecossistema TOTVS Fluig, atuando na criação de interfaces modernas,  componentes web e soluções voltadas à usabilidade, performance e experiência do usuário. Possui experiência no desenvolvimento de portais, widgets e aplicações web, aplicando boas práticas de JavaScript, HTML, e CSS em projetos voltados à produtividade e automação de processos.

Linkedin