An open API service indexing awesome lists of open source software.

https://github.com/pedrovinhas/hiring-coders

☝ Nesse repositório estão anotações e projetos construídos ao longo da jornada na Hiring Coders 3 - programa que visa capacitar pessoas que desejam entrar pro mundo do e-commerce com VTEX-IO.
https://github.com/pedrovinhas/hiring-coders

full-stack vtex

Last synced: 4 months ago
JSON representation

☝ Nesse repositório estão anotações e projetos construídos ao longo da jornada na Hiring Coders 3 - programa que visa capacitar pessoas que desejam entrar pro mundo do e-commerce com VTEX-IO.

Awesome Lists containing this project

README

          



Hiring Coders #3


Gama Academy e VTEX

## ✏ Sobre o Hiring Coders

O Hiring Coders é um bootcamp focado em desenvolver pessoas, e capacitar programadores para atuarem como **Full-Stack** voltados ao **e-commerce**. Ele é criado pela VTEX e acelerado pela Gama Academy, sendo composto de 4 fases.

#### **Primeira Fase**
📅 **26/04 - 09/06**
- Treinamento feito FullStack pela GamaAcademy passando por módulos de Soft Skills, Lógica de Programação, HTML, CSS, JavaScript, React, GraphQL e construção de API com NodeJS.

#### **Segunda Fase**

- Treinamento com o Framework de e-commerce **VTEX-IO** e AWS Academy.

#### **Terceira Fase**

- Participação do Hackathon envolendo equipes e dinâmicas em grupos.

## 🧪 Tecnologias

![HTML5](https://img.shields.io/badge/-HTML5-05122A?style=for-the-badge&logo=html5&color=ff7f00&logoColor=white)
![CSS3](https://img.shields.io/badge/-css3-05122A?style=for-the-badge&logo=css3&color=2C9BD2&logoColor=white)
![JavaScript](https://img.shields.io/badge/-JavaScript-05122A?style=for-the-badge&logo=javascript&color=EAD41C&logoColor=black)

![TypeScript](https://img.shields.io/badge/-typescript-05122A?style=for-the-badge&logo=typescript&color=007acc&logoColor=white)
![React](https://img.shields.io/badge/-react-05122A?style=for-the-badge&logo=react&color=1C1C1C)
![Styled Components](https://img.shields.io/badge/-Styled%20components-05122A?style=for-the-badge&logo=styled-components&color=1f1f1f)
![NodeJS](https://img.shields.io/badge/-Node.js-05122A?style=for-the-badge&logo=node.js&color=97CA00&logoColor=white)

![GraphQL](https://img.shields.io/badge/-graphql-05122A?style=for-the-badge&logo=graphql&color=1f1f1f&logoColor=e535ab)
![NextJS](https://img.shields.io/badge/-NextJS-05122A?style=for-the-badge&logo=next.js&color=1f1f1f&logoColor=f1f1f1)
![Gatsby](https://img.shields.io/badge/-Gatsby-05122A?style=for-the-badge&logo=gatsby&color=1f1f1f&logoColor=6B4495)

![VTEX IO](https://img.shields.io/badge/-vtexio-05122A?style=for-the-badge&logo=vtex&color=F20383&logoColor=fff)
![Aws](https://img.shields.io/badge/-AWS-05122A?style=for-the-badge&logo=amazon-aws&color=163454&logoColor=ED9426)

&nbspAnotações

Clicando nos links você terá acesso às anotações feitas no Notion e será redirecionado ao PDF aqui no Github

### **Projetos**

| 💻 Projeto | 📅 Semana |
| ---------- | :-----: |
| [Portfólio](./portfolio-hiring/) | Aquecimento |
| [CPF Validator](./projetos/semana-2/cpf-validator) | Semana 2 |
| [NodeJS CRUD](./projetos/semana-4/pratica-typescript) | Semana 4 |

### **Aquecimento**

| 📚 Conteúdo | 🤔 Status |
| ---------- | :-----: |
| [HTML](./materiais-em-pdf/aquecimento/1-HTML5.pdf) | ✅ |
| [CSS](./) | ✅ |
| [Estrutura de Dados](./materiais-em-pdf/aquecimento/3-Estrutura-de-dados.pdf) | ✅ |
| [Metodologias Ágeis](./materiais-em-pdf/aquecimento/4-Metodologias-Ageis.pdf) | ✅ |
| [Testes](./) | ✅ |
| [Boas Práticas](./materiais-em-pdf/aquecimento/5-Boas-praticas.pdf) | ✅ |
| [Soft Skills](./materiais-em-pdf/aquecimento/6-Soft-Skills.pdf) | ✅ |

### **Módulos**

| 📅 Semana 1 | 🤔 Status | 📦 Tópicos |
| :----------: | :-----: | :------: |
| [Introdução ao mundo do desenvolvimento](./materiais-em-pdf/semana-1/Semana-1-Introducao-ao-mundo-do-desenvolvimento.pdf) | ✅ | - O que é Programação
- Dados do mercado
- Linguagens, frameworks e bibliotecas
- Editores de textos |
| [Lógica de Programação](./materiais-em-pdf/semana-1/Semana-1-Logica-de-Programacao.pdf) | ✅ | - Algoritmos
- Variáveis e Operações
- Decisões
- Repetições
| [Git](./materiais-em-pdf/semana-1/Semana-1-Git.pdf) | ✅ | - Apresentação e introdução ao tema
- Instalação e comando básicos
- Github e Repositório remoto
- Branch e Merge
- Fork, Pull Request e Github Pages|
| **📅 Semana 2** | **🤔 Status** | **📦 Tópicos** |
| [JavaScript Básico](./materiais-em-pdf/semana-2/Semana-2-JavaScript-Basico.pdf) | ✅ | - Introdução ao Javascript e Variáveis
- Números e operadores
- Boas práticas em Javascript
- Condicionais
- Estrutura de Repetição: While |
| [JavaScript Básico - Prática](./materiais-em-pdf/semana-2/Semana-2-JavaScript-Basico-Pratica.pdf) | ✅ | - Desafio: Validador de CPF |
| [JavaScript Intermediário ](./materiais-em-pdf/semana-2/Semana-2-JavaScript-Intermedirio.pdf) | ✅ | - Template String
- Operador Ternário e Arrow Functions
- Operador Spread
- Desctruct e Match
- SPA, PWA e WebComponents |
| [Introdução ao TypeScript ](./materiais-em-pdf/semana-2/Semana-2-Introducao-ao-TypeScript.pdf) | ✅ | - Introdução
- Tipos Básicos I
- Tipos Básicos II
- Múltiplos tipos com Union Types
- Orientação de Objetos I
- Orientação de Objetos II |
| **📅 Semana 3** | **🤔 Status** | **📦 Tópicos** |
| [React Básico](./materiais-em-pdf/semana-3/Semana-3-React-Basico.pdf) | ✅ | - Boas Vindas
- Por que React?
- Preparando o Ambiente
- Fundamentos do React
- Consumindo dados de uma API
- Instalando e configurando react-router-dom
Importando as rotas no componente App |
### **Mentoria**

| 🎯 Mentoria | 🤔 Status | 📦 Tópicos |
| :----------: | :-----: | :------: |
| [Mentoria 1 - 04/05](https://www.youtube.com/watch?v=_e0ED3IsAe0&ab_channel=HiringCoders) | ✅ | Introdução a tags HTML
Comentários
CSS interno (``) e externo <br> Classes em CSS <br> Criação de formulários (`form, label, input`) <br> Lógica de Programação e Algoritmo|
| [Mentoria 2 - 06/05](https://www.youtube.com/watch?v=HejxKobIhSg&ab_channel=HiringCoders) | ✅ | Atributos input e label <br> Bootstrap e Responsividade <br> Git e Github <br> Versionamento de Código|
| [Mentoria 3 - 11/05](https://www.youtube.com/watch?v=R-dq9QHu91A&ab_channel=HiringCoders) | ✅ | Introdução ao JavaScript <br> Função no JavaScript <br> Validação de formulário com JavaScript <br> Manipulação da DOM <br> Configurando o Git <br> Subindo o primeiro repositório <br> Primeiro Commit |
| [Mentoria 4 - 13/05](https://www.youtube.com/watch?v=S13f3RJIGkc&ab_channel=HiringCoders) | ✅ | Usando a tag `<script>` <br> Estruturas de Repetição <br> Manipulação da DOM (`innerHTML, querySelector, textContent`) <br> Object Date (` new Date, getHours...`) <br> Funções assíncronas (`SetInterval`) <br> Instalando o NodeJS <br> Rodando arquivo JS com o Node (`node Arquivo.js`)|

---

<blockquote> Feito por Pedro Henrique Vinhas 🪐 </blockquote>