Com esta formação, os alunos serão capazes de: Configurar e otimizar o Tailwind CSS em qualquer projeto web. Construir layouts complexos e responsivos utilizando a filosofia mobile-first. Criar e estender temas personalizados através do ficheiro de configuração. Implementar estados interativos e Dark Mode de forma nativa. Integrar o Tailwind com frameworks modernas (como React ou Next.js) de forma eficiente. Dominar técnicas de componentização para manter o código limpo e reutilizável.
Idade Mínima de 18 anos. Profissionais de programação e áreas relacionadas. Não é necessário saber programar, mas é recomendada familiaridade com programação front-end.
O bootcamp destina-se a programadores Frontend, Designers que codificam (UI Developers) e profissionais de Web Design que pretendem acelerar o seu fluxo de trabalho e adotar as tecnologias mais recentes do mercado.
A certificação é entregue aos alunos em formato digital. Inclui a carga horária, modular e total, do curso temáticas, notas finais de cada módulo e média final do curso, certificação DGERT, carimbo e assinatura da coordenação pedagógica do programa ou administração da escola.
O Tailwind CSS é uma framework de CSS "utility-first" que permite construir interfaces personalizadas rapidamente, sem sair do ficheiro HTML. Ao contrário de frameworks tradicionais como o Bootstrap, o Tailwind não oferece componentes pré-estilizados, mas sim classes utilitárias de baixo nível que oferecem total liberdade criativa e garantem uma performance superior através da otimização automática de ficheiros.
: Introdução ao conceito de utilitários vs. CSS tradicional;
: Instalação via CLI e PostCSS
: Configuração de tooling e IntelliSense no VS Code
: Domínio do Box Model (espaçamentos e dimensões;
: Implementação avançada de Flexbox e Grid.
: Estratégias de posicionamento e empilhamento (Z-index).
: Metodologia Mobile-First e Breakpoints;
: Estados interativos (Hover, Focus, Active);
: Utilização de modificadores€group e peer;
: Implementação de Dark Mode
: Anatomia do tailwind.conif.js.
: Extensão do tema: Cores, fontes e escalas personalizadas.
: Criação de Design Tokens a partir de guias de estilo.
: Uso de plugins oficiais e Arbitrary Values.
: Estratégias para evitar a duplicação de classes.
: Integração com frameworks de componentes.
: Otimização para produção (PurgeCSS/Minificação).
: Uso de bibliotecas auxiliares (Ex:€tailwind-merge).
: Desenvolvimento de uma aplicação completa “Pixel Perfect”.
: Refatoração e organização de código.
: Revisão de boas práticas e performance.
