Visão Geral

Este bootcamp visa ensinar as principais tecnologias e práticas utilizadas no desenvolvimento de Web Front-end. Os alunos aprenderão desde os conceitos básicos de HTML, CSS e JavaScript até os frameworks mais avançados, como React, Vue.js e Angular. O foco será em práticas modernas, ferramentas de desenvolvimento, controle de versão e design responsivo.

Objetivo

Após a conclusão do Bootcamp Web Front-end Development, você será capaz de:

• Criar interfaces de usuário dinâmicas e responsivas.
• Trabalhar com os principais frameworks JavaScript (React, Vue.js, Angular).
• Implementar design responsivo usando CSS3 e Flexbox.
• Utilizar ferramentas de controle de versão como Git.
• Desenvolver projetos completos de front-end utilizando boas práticas de UX/UI.

Publico Alvo

• Desenvolvedores iniciantes ou intermediários que desejam se especializar em Web Front-end.
• Profissionais que buscam melhorar suas habilidades em design de interfaces e interatividade em sites e aplicativos web.
• Empregadores que desejam treinar equipes para criação de interfaces web modernas.

Pre-Requisitos

• Conhecimento básico de HTML, CSS e JavaScript.
• Interesse em desenvolver interfaces web interativas e responsivas.

Materiais

Conteúdo Programatico

Fundamentos do Front-end (20h)

1. Introdução ao HTML5, CSS3 e JavaScript.
2. Estruturação de páginas web com HTML.
3. Estilização e layout com CSS.
4. Interatividade básica com JavaScript.
5. Introdução ao DOM (Document Object Model).

Design Responsivo e UX/UI (20h)

1. Criação de interfaces adaptáveis para dispositivos móveis.
2. CSS Grid e Flexbox.
3. Técnicas de design responsivo e boas práticas de UX/UI.
4. Ferramentas de prototipação e wireframing.

JavaScript Avançado (20h)

1. Manipulação avançada do DOM.
2. ES6+: Funções de ordem superior, Promises, Async/Await.
3. Trabalhando com APIs externas e consumo de dados.
4. Gerenciamento de estado no front-end.

Frameworks e Bibliotecas (30h)

1. React.js: Criação de componentes, Hooks e gerenciamento de estado.
2. Vue.js: Vue instance, componentes e Vue Router.
3. Angular: Módulos, diretivas, e injeção de dependências.

Ferramentas de Desenvolvimento (10h)

1. Git e GitHub: Controle de versão e colaboração.
2. Webpack e Babel: Processamento e empacotamento de arquivos.
3. Ferramentas de depuração e performance.

Projetos Práticos e Desenvolvimento de Aplicações (20h)

1. Desenvolvimento de um site ou aplicação responsiva.
2. Implementação de consumo de APIs em tempo real.
3. Criação de um portfólio com as habilidades adquiridas.