/BootCamp_React_Web_Developer

Repositório de Exercícios e Projetos do BootCamp React Web Developer da DIO.

Primary LanguageJavaScript

React.js é uma das principais bibliotecas da linguagem JavaScript utilizada por desenvolvedores do mundo inteiro e grandes empresas como Netflix, Instagram e Airbnb. Nesse bootcamp você aprenderá os conceitos e práticas do React.js essenciais para o mercado de trabalho.
Nível Intermediário - 31 atividades - 80 hrs.

Repositório de Exercícios e Projetos desenvolvidos no BootCamp React Web Developer da Digital Innovation One.

Acesse aqui minha página da DIO

Certificado de Conclusão do Bootcamp React Web Developer


Atividades do Bootcamp

01 - Bem-vindo à DIO

Seja bem-vindo à Digital Innovation One, o maior ecossistema open education em desenvolvimento de software da América Latina. Você vai começar agora uma jornada para criar o seu currículo com portfólio de projetos inovadores e acelerar a sua carreira para conquistar grandes oportunidades. Especialista: Iglá Generoso.

Aulas 1/1 - Básico - 1 hrs - Certificado


02 - Lógica de programação essencial

Lógica de programação é a forma como o desenvolvedor entende a comunicação a fim de programar uma função de um programa. Faz uso de algoritmos, que são sequências de passos bem estabelecidos, como por exemplo, uma receita de bolo. Especialista: Denilson Bonatti.

  • Introdução à lógica e à programação
    • Entendendo o que é lógica
    • O que são algoritmos e pseudocódigo
    • Aprendendo fluxograma, variáveis e constantes
    • Tomadas de decisões e expressões
    • Como utilizar a concatenação
    • Certifique seu conhecimento
  • Introdução ao Portugol
    • Aprenda como utilizar uma estrutura de repetição
    • O que são linguagens de programação?
    • Aprenda a utilizar desvios condicionais e boas práticas em programação
    • Trabalhando com laços de repetição em Portugol
    • Aplicação prática com matrizes e vetores
    • Certifique seu conhecimento

Aulas 2/2 - Básico - 4 hrs - Certificado


03 - Introdução ao Git e ao GitHub

Nesse curso vamos aprender um pouco da história do Git e como ele se tornou essencial para otimizar projetos dos desenvolvedores. Também vamos conhecer seus principais comandos, como funciona a plataforma e como ela pode simplificar o seu trabalho. Especialista: Otávio Reis.

  • Introdução ao Git
    • Entendendo o que é Git e sua importância
    • Certifique seu conhecimento
  • Navegação via command line interface e instalação
    • Comandos básicos para um bom desempenho no terminal
    • Ressaltando as principais diferenças entre os sistemas operacionais
    • Certifique seu conhecimento
  • Entendendo como o Git funciona por baixo dos panos
    • Tópicos fundamentais para entender o funcionamento do Git
    • Objetos internos do Git
    • Certifique seu conhecimento
  • Primeiros comandos com Git
    • Iniciando o Git e criando um commit
    • Certifique seu conhecimento
  • Ciclo de vida dos arquivos no Git
    • Passo a passo no ciclo de vida
    • Certifique seu conhecimento
  • Introdução ao GitHub
    • Trabalhando com o GitHub
    • Certifique seu conhecimento
  • Resolvendo conflitos
    • Como os conflitos acontecem no GitHub e como resolvê-los
    • Certifique seu conhecimento

Aulas 7/7 - Básico - 5 hrs - Certificado


04 - Fundamentos de Arquitetura de Sistemas

Aprenda nesse curso sobre como funcionam as arquiteturas de softwares, seus conceitos, aplicações e desenvolvimento de operações. Especialista: Rafael Galleani.

  • Vantagens e desenvolvimento de Web Services
    • O que são Web Services
    • Estrutura SOAP
    • Entendendo o que é WSDL e XSD
    • Aprenda o que são REST, API e JSON
    • Veja sobre integração com REST e métodos HTTP na prática
    • Certifique seu conhecimento
  • Conceitos de arquitetura em aplicações para Internet
    • Introdução a arquitetura de sistemas
    • Comparando os modelos Monolito e Microserviços
    • Gerenciamento de erros e volume de acesso
    • Certifique seu conhecimento
  • A arquitetura de aplicações móveis e internet das coisas
    • Conceitos da Internet das Coisas
    • Arquitetura da internet das coisas e protocolo de comunicação
    • Flexibilidade dos tópicos e Cloud
    • Estudo de caso
    • Certifique seu conhecimento
  • Arquitetura de dados essencial
    • Conceitos introdutórios e o que é um banco de dados
    • Banco de dados relacionais
    • SGDBR - SQL
    • Transactions
    • SGDBR na prática
    • Criando banco de dados
    • Certifique seu conhecimento

Aulas 4/4 - Básico - 6 hrs - Certificado


05 - Introdução a criação de websites com HTML5 e CSS3

Nesse curso o especialista vai contar um pouco sobre a história do HTML5 e do CSS3, explicar como funciona a estrutura básica dessas tecnologias, sua semântica, principais elementos e comandos. Especialista: Lucas Vilaboim.

  • Introdução ao curso de HTML
    • Estrutura básica
    • Material de apoio
  • Entendendo o que é semântica
    • Semântica - Parte 1
    • Semântica - Parte 2
  • Como usar textos e links em HTML
    • Tags para textos
    • Tags para links
    • Exercício prático
  • Como inserir imagens em seu site
    • Tag img
    • Exercício prático
  • Como organizar listas com HTML
    • Tags li, ul e ol
    • Exercício prático
    • Certifique seu conhecimento
  • Introdução e conceitos básicos do CSS3
    • Introdução ao CSS3
    • Conceitos básicos
    • Material de apoio
  • Estilizando elementos, textos e listas
    • Estilizando elementos
    • Estilizando textos
    • Estilizando listas
  • Dimensão e alinhamento
    • Propriedades de dimensões e alinhamento
    • Certifique seu conhecimento

Aulas 8/8 - Básico - 6 hrs - Certificado
Repositório


06 - Conceitos de responsividade e experiência do usuário

Esse curso vai ensinar sobre a experiência do usuário e interface do usuário, ou seja, como ele interage com a plataforma web, se ela é intuitiva e de fácil entendimento para quem acessa. Especialista: Alex Cortes.

  • Conceitos de responsividade e experiência do usuário
    • Tópicos introdutórios sobre UX e UI
    • Cores da interface
    • Componentes da Interface do Usuário
    • Como aplicar os conceitos em projetos
    • Bibliografia complementar e dicas do especialista
    • Certifique seu conhecimento

Aulas 1/1 - Intermediário - 1 hrs - Certificado


07 - Programação para internet com JavaScript

JavaScript é uma das mais importantes linguagens front-end, e nesse curso você entenderá o porquê disso e como trabalhar com ela. Especialista: Rafael Galleani.

  • Introdução ao JavaScript
    • Introdução ao JavaScript
    • Array e Dicionário
    • Condicionais, laços de repetição e Date
    • Certifique seu conhecimento
  • Desenvolva páginas web com JavaScript
    • Desenvolva páginas web com JavaScript
    • Parte 2: Manipulando elementos da página
    • Certifique seu conhecimento

Aulas 2/2 - Básico - 2 hrs - Certificado


08 - Recriando a página inicial do Instagram

Página de login do Instagram: nesse projeto, será abordado o conceito sobre CSS Flexbox e responsividade, preparando os alunos para as aulas de jogos, nas quais será utilizado o CSS junto ao JavaScript para estilização e posicionamento. Partes 1 até 4. Epecialista: Gabriela Pinheiro.

Projeto 1/1 - Básico - 2 hrs - Certificado
Repositório


09 - JavaScript ES6 essencial

Nesse curso você vai conhecer a extensão ES6, do JavaScript, que foi criada com o objetivo de resolver problemas antigos da linguagem, facilitar a construção de aplicações, entre outros benefícios. Especialista: Guilherme Cabrini da Silva

  • Introdução ao ES6
    • História e conceitos
    • Currying, Hoisting, Imutabilidade, Tipos e Variáveis
    • Certifique seu conhecimento
  • Tipos, variáveis, operadores, condicionais e repetição em JavaScript ES6
    • Tipos e variáveis
    • Functions e operadores
    • Spread, estruturas condicionais e repetição
    • Certifique seu conhecimento
  • Orientação a objetos e Design Patterns com a linguagem ES6
    • Introdução a orientação a objetos
    • Introdução a Design Patterns
    • Certifique seu conhecimento
  • Manipulação e iteração de arrays
    • Criando e manipulando arrays
    • Iterar, buscar e transformar elementos
    • Certifique seu conhecimento

Aulas 4/4 - Intermediário - 4 hrs - Certificado
Repositório


10 - Recriando a Interface do Netflix

Recrie a interface do principal site de streaming mundial utilizando tecnologias simples como HTML5, CSS3 e JavaScript. Nesse projeto você aprenderá: como estruturar um layout, técnicas de CSS3 com containers e variáveis, como posicionar os elementos com Flexbox e como utilizar plugins Jquery a favor da sua aplicação. Partes 1 até 9. Especialista: Felipe Aguiar

Projeto 1/1 - Avançado - 5 hrs - Certificado
Repositório


11 - Introdução a Programação

Nesse desafio de codificação você irá praticar através do desenvolvimento de algoritmos os conceitos de pensamento computacional apresentados nas aulas e exercícios anteriores.

Desafios 3/3 - Básico - Repositório


12 - Desenvolvendo um jogo da memória

Nesse projeto, o desafio será criar um jogo da memória utilizando apenas HTML, CSS e Javascript. Com poucas linhas de código, aprenderemos juntos a trabalhar com efeitos 3D no CSS e lógica de programação utilizando condicionais, Immediately Invoked Function Expression e manipulação de Array em um projeto super divertido. Partes 1 até 7. Especialista: Gabriela Pinheiro.

Projeto 1/1 - Básico - 2 hrs - Certificado
Repositório


13 - Desmistificando map, filter e reduce

Aprenda como e quando utilizar map, filter e reduce em JavaScript. Especialista Caio Delgado.

Aulas 1/1 - Básico - 1 hrs - Certificado


14 - Problemas Aritméticos

Nesse desafio de codificação você irá praticar através do desenvolvimento de algoritmos os conceitos de pensamento computacional apresentados nas aulas e exercícios anteriores.

Desafios 5/5 - Básico - Repositório


15 - Desenvolvimento avançado com JavaScript ES6

Aprenda a trabalhar com a mais nova atualização da linguagem JavaScript, a ES6, desde seus fundamentos até as funções avançadas e novos conceitos aplicados. Especialista: Celso Henrique.

  • Funções avançadas do ES6
    • Funções avançadas do ES6
    • Aprenda o que é e como trabalhar com Arrow Functions
    • Default Function Arguments
    • Enhanced Object Literals
    • Certifique seu conhecimento
  • Aplicando conceitos Rest, Spread Operator e Destructuring
    • Conheça Rest e Spread Operator
    • Como usar Destructuring em ReactJS
    • Certifique seu conhecimento
  • Introdução a Generators
    • Symbols e Iterators
    • Aprenda sobre Generators e onde utilizá-los
    • Certifique seu conhecimento
  • Aplicando conceitos Promises e Fetch
    • Introdução da aula
    • Callbacks e Promises
    • Fetch, Async/Await e EventEmitter
    • Aplicando e praticando os conceitos
    • Certifique seu conhecimento
  • Conceitos aplicados a qualidade de código e automação de testes em JS
    • Introdução e conceitos da aula
    • Testes, TDD e BDD
    • Conheça Mocha, Chai e Sinon
    • Veja como trabalhar com Chai - uma excelente biblioteca
    • Desenvolvendo códigos com Sinon
    • Certifique seu conhecimento
  • Tratamentos e exceções
    • Introdução à aula
    • Como identificar os erros
    • Debugging parte 1
    • Debugging parte 2
    • Certifique seu conhecimento

Aulas 6/6 - Avançado - 5 hrs - Certificado


16 - Entendendo Promises de uma vez por todas

Neste projeto prático vamos mergulhar fundo no padrão Promises e entender como funciona todo o fluxo assíncrono de funções em Javascript! Especialista: Lucas Santos.

Aulas 1/1 - Intermediário - 2 hrs - Certificado


17 - Como funciona o async/await

As promises são um recurso importante do JavaScript que podem ser aplicadas de diversas formas. Aprenda sobre o que é e como utilizar as keywords async e await para otimizar o desenvolvimento de projetos. Especialista: Rogério Munhoz.

Aulas 1/1 - Intermediário - 1 hrs - Certificado


18 - Solução de Problemas Essenciais

Nesse desafio de codificação você irá praticar através do desenvolvimento de algoritmos os conceitos de pensamento computacional apresentados nas aulas e exercícios anteriores.

Desafios 5/5 - Intermediário - Repositório


19 - Requisitando dados de uma API de criptomoedas

Aprenda a fazer uma requisição de uma API de Criptomoeda com JavaScript. Para você que está começando a carreira de TI e gostaria de manipular APIs além de exibir essas informações em uma página web responsiva. Partes 1 até 3. Especialista: Bárbara Casac.

Projeto 1/1 - Básico - 2 hrs - Certificado
Acesse minha página aqui


20 - Introdução ao ReactJS

Aprenda os conceitos sobre ReactJS, ferramenta usada para a criação de interfaces para os usuários. Especialista: Bruno Carneiro.

  • Introdução ao ReactJS
    • Conheça a tecnologia ReactJS
    • Aprenda a configurar o ReactJS
    • Renderizando elementos
    • Conheça os ecossistemas do ReactJS
    • Certifique seu conhecimento
  • Integrando webpack ao desenvolvimento com ReactJS
    • O que é webpack?
    • Aprenda a configurar o webpack
    • Instalação e configuração do ESLint
    • Certifique seu conhecimento
  • Conceitos aplicados aos tipos de dados e condições da biblioteca
    • Renderização Condicional
    • Listas e Chaves
    • Manipulando Eventos
    • Conheça dicas para pensar do jeito ReactJS
    • Certifique seu conhecimento

Aulas 3/3 - Básico - 3 hrs - Certificado


21 - Busca e Laços de Repetição

Nesse desafio de codificação você irá praticar através do desenvolvimento de algoritmos os conceitos de pensamento computacional apresentados nas aulas e exercícios anteriores.

Desafios 5/5 - Intermediário - Repositório


22 - Desenvolvimento de aplicações para internet com ReactJS

Você aprenderá conceitos avançados sobre a combinação de Redux com React e sua aplicação. Especialista: Eduardo Costa.

  • Trabalhando com estilos em elementos e componentes
    • Introdução e objetivos da aula
    • Aprenda sobre estilização de componentes e elementos CSS
    • Stateful vs Stateless
    • Introdução em Formulários no ReactJS
    • Certifique seu conhecimento
  • Introdução ao Redux e fluxos da arquitetura com ReactJS
    • Introdução aos conceitos da aula
    • O que é Flux?
    • Conheça o Redux e como trabalhar com ele
    • Aprenda a prática de como desenvolver código com React e Redux
    • Certifique seu conhecimento
  • Comunicação avançada entre aplicações
    • Introdução da aula
    • Rest HTTP com React
    • Imutabilidade e Redux
    • Redux + Rest
    • Certifique seu conhecimento
  • Conceitos aplicados a qualidade de código e automação de testes em React
    • Introdução a testes em React
    • TDD e BDD com Jest
    • Debugging
    • Tratamento de erros
    • Certifique seu conhecimento

Aulas 4/4 - Intermediário - 4 hrs - Certificado


23 - Criando uma home com Styled Components

Conheça o conceito de CSS-in-JS ou JSS e aprenda a criar uma home simples no React utilizando o styled components. Especialista: Raquel Pereira.

Aulas 1/1 - Básico - 2 hrs - Certificado


24 - Criando sua biblioteca para React

No dia a dia utilizamos várias bibliotecas para React ou Javascript com o objetivo de facilitar nosso trabalho. Bibliotecas de componentes, datas, rotas, gerenciamento de estados, entre outras, são comuns na criação de aplicações. Aprenda quais são os processos e as ferramentas necessárias que facilitarão no desenvolvimento da sua primeira biblioteca para React. Especialista: André Lins.

Aulas 1/1 - Intermediário - 1 hrs - Certificado


25 - Como gerenciar o estado das aplicações com Redux

Aprenda sobre a arquitetura Redux e como ela pode facilitar o gerenciamento dos estados da sua aplicação em React. Especialista: Paulo Rezende.

Aulas 1/1 - Básico - 2 hrs - Certificado


26 - Desenvolvendo uma Progressive Web Application com React para mapear os dados do COVID19 pelo mundo

Mantenha-se informado a respeito de todos os casos do COVID19 pelo mundo criando uma "Progressive Web Application (PWA)" utilizando React e aprenda como criar uma aplicação para ser executada no browser e funcionar como aplicativo contendo algumas funcionalidades de um aplicativo nativo. Tudo rápido e fácil, sem precisar subir para a Play Store ou App Store. Especialista: Bruno Carneiro.

Projeto 1/1 - Intermediário - 4 hrs - Certificado
Acesse minha página aqui


27 - Projetos ágeis com SCRUM

SCRUM é um framework utilizado no gerenciamento ágil de projetos de software. Esse curso ensinará os fundamentos e práticas da metodologia. Especialistas: Thiago Sano e Diego Pereira.

  • Introdução ao SCRUM
    • Introdução a Gestão de Projetos e ao SCRUM
    • Papéis e responsabilidades de cada um do time
    • Cerimônias do Scrum
    • Gestão de Projetos Tradicional x Ágil
    • Certifique seu conhecimento
  • Fundamentos de um projeto ágil
    • Papéis e responsabilidades - Product Owner
    • Analisando escopo e definindo prioridades
    • Papel do PO na transformação digital
    • Certifique seu conhecimento
  • Conceitos e atividades essenciais para o sucesso de um projeto ágil
    • Aprenda sobre os conceitos e planejamento de tarefas
    • Rotinas de um time ágil
    • Certifique seu conhecimento

Aulas 3/3 - Básico - 2 hrs - Certificado


28 - Solução de Problemas Cotidianos

Nesse desafio de codificação você irá praticar através do desenvolvimento de algoritmos os conceitos de pensamento computacional apresentados nas aulas e exercícios anteriores.

Desafios 7/7 - Avançado - Repositório


29 - Práticas avançadas em projetos com ReactJS

Conclua o seu conhecimento de React JS com técnicas avançadas para desenvolver e otimizar o tempo dos projetos. Seja um desenvolvedor front-end de alta performance! Especialista: Bruno Carneiro

  • Aprofundando sobre o Ciclo de Vida do React
    • Ciclo de Vida e suas fases
    • O que são Hooks e como ele pode otimizar o código
    • Context API
    • Certifique seu conhecimento
  • Técnicas com components e DOM
    • Por que trabalhar com Fragments
    • Error Boundaries
    • Render Props
    • Typechecking com PropTypes
    • Refs e DOM
    • Certifique seu conhecimento
  • Organizando o seu projeto
    • O que é um Dumb Components
    • Como trabalhar com Dumb Components
    • E Smart Components?
    • Finalizando o projeto
    • Certifique seu conhecimento

Aulas 3/3 - Avançado - 4 hrs - Certificado


30 - Criando um site para encontrar restaurantes usando Google Maps que consulta API do Google

Nesse projeto vamos construir junto com o especialista um sistema web de busca de restaurantes, parecido com o serviço que o Google oferece. Vamos desenvolver esse buscador usando React.JS e API do Google, iniciando do zero à nuvem. Especialista: Patrick Narciso

Projeto 1/1 - Avançado - 10 hrs - Certificado
Acesse minha página aqui


31 - Resolvendo Algoritmos

Nesse desafio de codificação você irá praticar através do desenvolvimento de algoritmos os conceitos de pensamento computacional apresentados nas aulas e exercícios anteriores.

Desafios 5/5 - Avançado - Repositório