TOTVS Fluig Academy | Fundamentos CSS: Simples e Prático

Sumário

O curso é voltado para desenvolvedores e estudantes que buscam aprender a utilizar a linguagem padrão de estilização web para definir a aparência de páginas HTML. O ponto crucial é a aplicação prática: o aluno aprende desde os fundamentos, como a inserção e hierarquia de seletores , até a estruturação de layouts e alinhamentos utilizando Box Model e Flexbox. Além disso, o curso foca em boas práticas do mercado, reduzindo o tempo de manutenção com a adoção de Variáveis CSS (Design System) e garantindo a entrega de interfaces fluídas e modernas através da abordagem Mobile First. 

Objetivo

Capacitar o aluno na utilização do CSS moderno para criar, organizar e alinhar elementos visuais em páginas web , otimizando o desenvolvimento através de sistemas flexíveis , armazenamento de propriedades reutilizáveis e técnicas de responsividade, para tornar a construção de sites mais ágil, visualmente padronizada e adaptável a qualquer dispositivo móvel ou desktop.

Destaques

Aplicação no Desenvolvimento Visual e Construção de Layouts Web

• Flexbox na prática:  Controle total sobre o alinhamento, posicionamento e distribuição de espaço através de contêineres e itens flexíveis , facilitando a criação de barras de navegação, cards e centralização de elementos nos eixos horizontal e vertical.

• Responsividade e Mobile First: Adaptação de layouts para diferentes tamanhos de tela (desktop, tablet e mobile) utilizando Viewport e Media Queries , com foco em iniciar o design pelos dispositivos móveis para garantir melhor experiência do usuário (UX), carregamento otimizado e acessibilidade.

• Box Model e Tipografia Otimizada:  Compreensão de como os elementos HTML são exibidos visualmente (content, padding, border e margin) , com a utilização da propriedade border-box para facilitar o cálculo dimensional , além do uso estratégico de medidas relativas (rem) e importação correta de fontes do Google Fonts.
• Variáveis CSS e Padronização:   Compreensão de como os elementos HTML são exibidos visualmente (content, padding, border e margin) , com a utilização da propriedade border-box para facilitar o cálculo dimensional , além do uso estratégico de medidas relativas (rem) e importação correta de fontes do Google Fonts.

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