Visão Geral

Curso Bootcamp Fullstack Do Front-End ao Back-End. Este Bootcamp Fullstack intensivo foi meticulosamente desenhado para pessoas que buscam uma imersão completa no desenvolvimento web, capacitando-as a construir aplicações de ponta a ponta, do Front-End ao Back-End. Seja você um iniciante absoluto com paixão por tecnologia ou alguém em busca de uma transição de carreira rápida e eficaz, este programa te transformará em um desenvolvedor Fullstack pronto para o mercado de trabalho. Do ponto de vista técnico, você mergulhará nas linguagens e frameworks mais demandados: do HTML, CSS e JavaScript avançado para interfaces dinâmicas, passando por React (ou Angular/Vue) para a construção de SPAs (Single Page Applications), até o poderoso Node.js com Express (ou Spring Boot/Python Django/Flask) para o desenvolvimento de APIs RESTful e lógica de negócio robusta, culminando com o gerenciamento de bancos de dados (SQL e NoSQL). O curso é 100% focado na prática, com projetos reais, hands-on constante, desafios de codificação e simulações de cenários de desenvolvimento em equipe.

Curso Bootcamp Fullstack Do Front-End ao Back-End, o desenvolvedor Fullstack é um dos profissionais mais versáteis e demandados no mercado de tecnologia atual. Empresas de todos os portes buscam talentos capazes de atuar em todas as camadas de uma aplicação, o que acelera o desenvolvimento, otimiza a comunicação entre equipes e garante uma compreensão holística do produto. Investir em um bootcamp Fullstack significa maximizar suas chances de empregabilidade, obter salários competitivos e ter a flexibilidade de trabalhar em diferentes aspectos do desenvolvimento de software. Este bootcamp não é apenas um curso; é um atalho estratégico para uma carreira promissora e dinâmica no mundo da programação, te preparando para construir soluções digitais completas e inovadoras.

Objetivo

Ao final do Curso Bootcamp Fullstack Do Front-End ao Back-End, você será capaz de:

• Construir interfaces de usuário modernas e responsivas usando HTML, CSS e JavaScript.
• Desenvolver Single Page Applications (SPAs) com um framework Front-End líder de mercado (React).
• Criar e consumir APIs RESTful robustas no Back-End.
• Gerenciar e interagir com bancos de dados relacionais e não-relacionais.
• Implementar lógica de negócio e autenticação/autorização em aplicações web.
• Aplicar boas práticas de desenvolvimento de software, incluindo controle de versão (Git).
• Desenvolver projetos completos que integram Front-End e Back-End.
• Estar apto a participar de processos seletivos para vagas de Desenvolvedor Fullstack Júnior.

Publico Alvo

• Iniciantes Completos: Pessoas sem experiência prévia em programação, mas com grande interesse e aptidão para a área de tecnologia.
• Profissionais em Transição de Carreira: Aqueles que buscam uma recolocação no mercado de trabalho ou desejam se especializar em desenvolvimento web.
• Estudantes de TI: Que querem complementar seus estudos acadêmicos com habilidades práticas e orientadas ao mercado.
• Empreendedores: Que desejam construir seus próprios produtos digitais ou entender o processo de desenvolvimento de software.

Pre-Requisitos

• Desejo Genuíno de Aprender: Vontade de se dedicar intensamente ao estudo e à prática.
• Noções Básicas de Lógica de Programação: Entendimento de conceitos como variáveis, condicionais, loops (pode ser autodidata ou via cursos introdutórios).
• Disciplina e Resiliência: Capacidade de lidar com desafios e aprender com os erros.
• Conectividade: Acesso à internet estável.

Materiais

Conteúdo Programatico

Módulo 1: Fundamentos do Desenvolvimento Web e HTML/CSS (60 horas)

• 1.1. Introdução ao Desenvolvimento Web:

  • Como a web funciona: Cliente-Servidor, HTTP, Navegadores.

  • Diferença entre Front-End e Back-End.

  • Ferramentas essenciais: Editor de código, terminal, Git, GitHub.

  • Hands-on: Configuração do ambiente de desenvolvimento.

• 1.2. HTML5: Estrutura e Semântica:

  • Tags essenciais, estrutura de documentos, elementos de texto, listas, links, imagens.

  • Formulários e elementos de entrada de dados.

  • Semântica HTML para acessibilidade e SEO.

  • Hands-on: Construir a estrutura de páginas web estáticas.

• 1.3. CSS3: Estilização e Design Responsivo:

  • Seletores, propriedades CSS (cores, fontes, espaçamento).

  • Modelagem de caixas (Box Model), Flexbox para layout.

  • Grid CSS para layouts complexos.

  • Design Responsivo: Media Queries, unidades relativas (%, em, rem, vw, vh).

  • Hands-on: Estilizar as páginas HTML, criar layouts responsivos para diferentes dispositivos.

• 1.4. Ferramentas e Boas Práticas:

  • Pré-processadores CSS (Sass/Less - introdução).

  • Metodologias CSS (BEM, OOCSS).

  • Validação de código e linting.

  • Projeto Prático: Landing Page responsiva.

Módulo 2: JavaScript Essencial e Manipulação do DOM (80 horas)

• 2.1. JavaScript Básico para Web:

  • Variáveis, tipos de dados, operadores, condicionais, loops.

  • Funções, escopo.

  • Arrays e Objetos.

  • Hands-on: Exercícios de lógica de programação com JavaScript.

• 2.2. JavaScript Moderno (ES6+):

  • Arrow Functions, let/const, Template Literals.

  • Desestruturação, Operador Spread/Rest.

  • Módulos ES6.

  • Hands-on: Refatorar código JS antigo para ES6+.

• 2.3. Manipulação do DOM (Document Object Model):

  • Selecionando elementos, modificando conteúdo e estilos.

  • Eventos do navegador (click, submit, keydown).

  • Adicionar/remover elementos dinamicamente.

  • Hands-on: Construir interatividade em páginas web, como validação de formulários.

• 2.4. Requisições Assíncronas (AJAX e Fetch API):

  • Entendendo assincronicidade (Callbacks, Promises, Async/Await).

  • Fazer requisições HTTP para APIs externas.

  • Hands-on: Consumir uma API pública (ex: API de filmes, clima) e exibir os dados na página.

• Projeto Prático: Aplicação interativa (ex: To-Do List com armazenamento local).

Módulo 3: Front-End com Framework (React) (100 horas)

• 3.1. Introdução a Frameworks JavaScript:

  • Por que usar um framework (React, Angular, Vue).

  • Conceitos de SPA (Single Page Application).

• 3.2. React Fundamentos:

  • Componentes (funcionais e de classe), JSX.

  • Props e State: Gerenciamento de dados em componentes.

  • Ciclo de Vida de Componentes (Hooks: useState, useEffect).

  • Hands-on: Criar componentes reutilizáveis e gerenciar o estado da aplicação.

• 3.3. Roteamento com React Router Dom:

  • Navegação entre páginas em SPAs.

  • Rotas aninhadas e parâmetros de rota.

  • Hands-on: Implementar navegação complexa na aplicação.

• 3.4. Gerenciamento de Estado Global (Context API / Redux - introdução):

  • Desafios de passar props em árvores de componentes.

  • Soluções para gerenciamento de estado em larga escala.

  • Hands-on: Utilizar Context API para gerenciar um estado compartilhado.

• 3.5. Requisições HTTP em React (Axios/Fetch):

  • Integrar o Front-End com APIs Back-End.

  • Tratamento de erros em requisições.

  • Hands-on: Conectar o React a uma API fictícia.

• 3.6. Estilização Avançada e Component Libraries:

  • Styled Components, CSS Modules.

  • Material UI, Ant Design (introdução).

• Projeto Prático: Dashboard interativo ou sistema de e-commerce Front-End.

Módulo 4: Back-End com Node.js e Express (80 horas)

• 4.1. Introdução ao Back-End e Node.js:

  • O que é o Back-End, suas responsabilidades.

  • Node.js: Ambiente de execução JavaScript no servidor.

  • npm: Gerenciamento de pacotes.

  • Hands-on: Primeiros passos com Node.js, módulos.

• 4.2. APIs RESTful com Express.js:

  • Conceitos REST (recursos, verbos HTTP, status codes).

  • Configurando um servidor Express.

  • Roteamento, middlewares.

  • Hands-on: Criar uma API REST básica (CRUD: Create, Read, Update, Delete).

• 4.3. Bancos de Dados Relacionais (SQL - MySQL/PostgreSQL):

  • Introdução a bancos de dados relacionais, SQL.

  • ORMs (Object-Relational Mappers): Sequelize/Knex.js.

  • Hands-on: Conectar Express a um banco de dados SQL, criar modelos, realizar operações CRUD.

• 4.4. Bancos de Dados Não-Relacionais (NoSQL - MongoDB):

  • Introdução a bancos de dados NoSQL, MongoDB.

  • ODM (Object-Document Mappers): Mongoose.

  • Hands-on: Conectar Express a um MongoDB, criar esquemas, realizar operações CRUD.

• 4.5. Autenticação e Autorização:

  • JWT (JSON Web Tokens): Como funcionam e por que usar.

  • Implementar autenticação baseada em tokens.

  • Middleware de autorização.

  • Hands-on: Proteger rotas da API com JWT.

• Projeto Prático: API REST completa para gerenciar usuários e produtos.

Módulo 5: Desenvolvimento Fullstack Integrado e Deploy (80 horas)

• 5.1. Integração Front-End e Back-End:

  • Consumindo a API Back-End no Front-End React.

  • Proxy para requisições durante o desenvolvimento.

  • Hands-on: Conectar a aplicação React Front-End à API Node.js/Express Back-End.

• 5.2. Testes (Introdução):

  • Testes de unidade e integração (Jest, Supertest - para Back-End).

• 5.3. Controle de Versão Colaborativo (Git/GitHub):

  • Branching, merge, pull requests.

  • Fluxo de trabalho em equipe.

  • Hands-on: Praticar o fluxo de trabalho Git em um projeto em grupo.

• 5.4. Deploy de Aplicações Fullstack:

  • Deploy do Back-End (ex: Heroku, Railway, Vercel Functions para serverless).

  • Deploy do Front-End (ex: Netlify, Vercel, GitHub Pages).

  • Variáveis de ambiente para produção.

  • Hands-on: Realizar o deploy da aplicação Fullstack na nuvem.

• 5.5. Docker (Introdução):

  • Conteinerização de aplicações Front-End e Back-End.

  • Dockerfile, docker-compose.yml (básico).

  • Hands-on: Conteinerizar a aplicação Fullstack.

• 5.6. Boas Práticas e Carreiras:

  • Padrões de projeto, código limpo, documentação.

  • Dicas para o primeiro emprego: portfólio, currículo, LinkedIn, entrevistas técnicas.

  • Projeto Final Integrador: Construir uma aplicação Fullstack completa (ex: rede social simplificada, blog, plataforma de eventos), aplicando todos os conhecimentos adquiridos.