estagiarios.md

Programa de treinamento de estagiários

Fortaleza 10 de junho de 2021

Relatório resumido das tarefas e habilidades desenvolvidas pelos alunos durante o período de estágio.

Escola: EEEP Joaquim Antônio Albano

Professor/Coordenador: Davidson Alves

Link para o registro de horas estagiadas: davidsonalves

Período: 120 horas

Resumo de atividades intensivas

Ambiente de desenvolvimento

• Configuração de variáveis de ambiente e .env
• Instalação e configuração de softwares e ferramentas de ambiente de desenvolvimento
  • NodeJs
  • Visual Studio Code VSCode
  • Elaboração de snippets personalizados
  • Instalação e configuração de extensões
  • Configuração e padronização de código utilizando eslint e prettier
  • Personalização. Criar e modificar regras para a padronização de código
  • Configuração de ferramenta para controle de versão de código com git/git flow
  • Instalação, configuração e utilização do docker e docker-compose Docker
    • Criação de containers
    • Configuração de volumes
    • Download e utilização de imagens do Docker Hub
• Gerenciador de pacotes yarn e npm
  • Inciar e configurar novo projeto
  • Atualização e manutenção de dependencias
  • Inciar e configurar estrutura de projeto monorepo
    • build / deploy de projeto monorepo
  • Elaboração de scripts personalizados
  • Configuração e utilização de style guide
  • Configuração e realização de testes UnitTest utilizando JEST
    • Automatização de testes
    • Integração contínua ci, lint-staged, husky e commitlint
    • Teste de cobertura de código (coverage)
    • Configuração de Actions do Github
• Configuração de projeto para utilização de typescript
• bash para automatização de build e deploy

Linguagens utilizadas e treinos

• Prática com uso avançado de JavaScript, ECMAScript
• Prática com uso avançado de TypeScript
• Reescrita de códigos JS para TS e vice-versa
• Publicação de pacotes no NPM
• Criação, compilação, manutenção e versionamento de packages para npm

Backend

• Desnvolvimento de servidor HTTP com express
• Elaboração de projeto utilizando o coneito de RESTful API
• Desacoplamento de código e estrutura de classes
• Desenvolvimento de servidor HTTP em estrutura monorepo + build/deploy
• Planejamento e estrutura de rotas publicas e privadas
  • CRUD completo
  • Middlewares de tranformação de request e response
  • Middlewares de upload
  • Middlewares de autenticação com JWT (Json Web Token)
  • Proteção de rotas por nível de acesso dos usuários
  • Elaboração de rotas estáticas (servidor de arquivos estático)
• Envio de e-mail utilizando sendgrid e nodemailer
  • Personalização e elaboração de modelos (template) de e-mails utilizando arquivos *.hbs (handlebars)
• Consumindo banco de dados relacional
  • Configuração de sequelize e prisma
  • Personalização de métodos da ORM
  • Construir estrutura de relacionamentos entre tabelas
• Elaboração de biblioteca personalizada para acesso a dados
• NestJs
  • Estrutura escalável por funcionalidades
  • Acesso a dados com TypeORM e Prisma
  • ...

Frontend

• ReactJs Facebook/react
  • Desenvolvimento de projeto utilizando react
  • Estrutura de arquivos do projeto
  • Criação e estilização de compoenets inline e styled-compoents
  • Criação de biblioteca de components personalizadas
  • Utilização de componentes de terceiros
  • Gerenciamento de estados
  • Gerenciamento de estados em provedor contexto createContext/Context.Provider
  • Estrutura de layouts
  • Estrutura de rotas
  • Upload de imagens/arquivos
  • Manipulação de imagens no frontend
  • Implementação, gerenciamento e persistência de dados com redux, persists e sagas
  • NextJs Vercel/next.js
    • Conceito de SSR (Server Side Rendering)
    • Desenvolvimento de projeto utilizando next
    • Desenvolvimento de projeto next com servidor HTTP personalizado
    • Elaboração de projeto monorepo utilizando next
• Consumo de API interna e externa utilizando axios
• Implementar funcionalidade do PWA (Progressive Web App) em aplicações React
• Aplicação de conceitos de SEO
  • Dados estruturados Schema.org em projetos React
• Implementar disparo de conversões em campanhas do Google Ads
• React Native
  • Gerenciamento de rotas/stacks
    • Implementação do React Navigation
    • Fluxo de autenticação (token/refreshToken)
  • Armazenamento local
    • Storage
    • Banco de dados local
  • Componentização
    • Estilização de componentes react-native e styled-components/native
    • Migrar componentes react para react-native (vice-versa)
  • ...