Front-End Developer

Programa Front End CodeLab
por Pedro Pereira Dias

Formação prática, acessível e direta ao ponto para dar os primeiros passos no desenvolvimento web, aprendendo de forma moderna e divertida.

1) Propósito do Programa
O Front End CodeLab foi criado para quem quer experimentar a programação web sem precisar investir muito. É o primeiro contacto ideal com as tecnologias que estruturam a internet HTML, CSS e JavaScript com uma abordagem simples, visual e prática.

Sem certificado, sem complicações — apenas o essencial para começar a construir páginas, interfaces e pequenos projetos reais.

2) Estrutura do Programa
Duração sugerida: 6 semanas (flexível)

Carga semanal: 4 a 6 horas (vídeo + prática)

Formato: aulas curtas, exercícios simples e desafios guiados.

Objetivo: compreender a base do Front End moderno e aplicar na criação de páginas completas.

3) Módulos do Programa

Módulo 1 — Fundamentos de UX/UI (4h)
O que é UX e UI (experiência e interface do utilizador)
Princípios de design visual e usabilidade
Estrutura e navegação de websites
Wireframes e boas práticas visuais
Mini‑projeto: layout simples de uma landing page.

Módulo 2 — Introdução à Programação (4h)
Lógica de programação com exemplos práticos
Variáveis, operadores, condições e loops
O papel da linguagem no desenvolvimento web
Mini‑projeto: pequeno script de interação (alertas, prompts e mensagens dinâmicas).

Módulo 3 — HTML5 e CSS3 (10h)
Estrutura base de uma página web
Tags principais e semântica
Estilização com CSS, cores, tipografia e espaçamento
Layouts responsivos com Flexbox e Grid
Projeto: criação de um site completo (página de apresentação ou portfólio pessoal).

Módulo 4 — JavaScript Básico e Interatividade (8h)
Variáveis, funções e eventos
DOM (Document Object Model) e manipulação de elementos
Introdução a loops, arrays e condicionais
Mini‑projeto: galeria de imagens interativa.

Módulo 5 — JavaScript Avançado (6h)
Funções anónimas, arrow functions e callbacks
Manipulação de dados e objetos
Introdução a APIs e JSON
Projeto: app simples com dados externos (ex: previsão do tempo ou lista de tarefas).

Módulo 6 — Frameworks e Bootstrap (6h)
O que são frameworks front-end
Introdução ao Bootstrap 5
Criação de layouts rápidos e responsivos
Componentes prontos: cards, botões, formulários
Projeto final: landing page responsiva com Bootstrap.

4) O que vais conquistar
Conhecimento sólido da base do Front End.
Capacidade de criar páginas e mini-aplicações.
Autonomia para seguir aprendendo frameworks modernos (React, Vue, etc.).

5) Público-Alvo
Pessoas curiosas sobre tecnologia e web.
Quem quer começar a programar sem investir muito.
Profissionais de outras áreas que desejam entender o digital.

6) Estrutura Simples de Apoio
Exercícios e desafios com soluções comentadas.
Grupo de partilha e apoio.
Feedback prático em projetos.

7) Preço Acessível
Apenas 59€ (pagamento único)

Um investimento pequeno para dar um grande primeiro passo no mundo da programação web.

8) Notas Finais
Aprende HTML, CSS e JavaScript criando os teus primeiros projetos web.
Inscreve‑te no Front End CodeLab e descobre se a programação é para ti!