Parte 1: Git / GitHub

1 - Clone de Repositório 2 - Criação de Repositório 3 - Pull / Push 4 - Criação de Branchs 5 - Merge 6 - Git flow

Sugestão de aulas:

1. Exercícios git (https://learngitbranching.js.org/?locale=pt_BR)
2. Curso em Vídeo: (https://www.youtube.com/watch?v=xEKo29OWILE&list=PLHz_AreHm4dm7ZULPAmadvNhH6vk9oNZA&ab_channel=CursoemVídeo](https://www.youtube.com/watch?v=xEKo29OWILE&list=PLHz_AreHm4dm7ZULPAmadvNhH6vk9oNZA&ab_channel=CursoemVídeo](https://www.youtube.com/watch?v=xEKo29OWILE&list=PLHz_AreHm4dm7ZULPAmadvNhH6vk9oNZA&ab_channel=CursoemVídeo)) )

Parte 2: Conceitos Básicos

1 - HTML 2 - CSS 3 - JavaScript e manipulação do DOM 4 - PROJETO

• Criar uma landing page [responsiva] para um campeonato de jogos eletrônicos usando apenas HTML, CSS e Java Script. A página deverá ter o nome do evento, uma descrição do evento, data e um formulário para cadastro. O formulário deverá conter os campos: nome, e-mail, opção do jogo, login e senha.

Sugestões de materiais:

1. HTML e CSS (Curso em Vídeo): ( https://www.youtube.com/watch?v=Ejkb_YpuHWs&list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n](https://www.youtube.com/watch?v=Ejkb_YpuHWs&list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n](https://www.youtube.com/watch?v=Ejkb_YpuHWs&list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n)) )
2. HTML e CSS (Chief of Design): ( https://www.youtube.com/watch?v=EiZbhsVY2Dk&list=PLwgL9IEA0PxUjbhob9UMdpVq12sGrjgU6](https://www.youtube.com/watch?v=EiZbhsVY2Dk&list=PLwgL9IEA0PxUjbhob9UMdpVq12sGrjgU6](https://www.youtube.com/watch?v=EiZbhsVY2Dk&list=PLwgL9IEA0PxUjbhob9UMdpVq12sGrjgU6)) )
3. JavaScript (Curso em Vídeo): ( https://www.youtube.com/watch?v=BXqUH86F-kA&list=PLntvgXM11X6pi7mW0O4ZmfUI1xDSIbmTm&ab_channel=CursoemVídeo](https://www.youtube.com/watch?v=BXqUH86F-kA&list=PLntvgXM11X6pi7mW0O4ZmfUI1xDSIbmTm&ab_channel=CursoemVídeo](https://www.youtube.com/watch?v=BXqUH86F-kA&list=PLntvgXM11X6pi7mW0O4ZmfUI1xDSIbmTm&ab_channel=CursoemVídeo)) )

Parte 3: React js

1 - Conceitos de TypeScript 2 - Conceitos de React: 1. Componentes 2. Ciclo de vida 3. Estados 4. Hooks 5. Propriedades 3 - Eventos 4 - Formulários 5 - Styled Component 6 - PROJETO

• Usar a landing page do projeto anterior, dessa vez feita em React e TypeScript, aplicando todos os conceitos vistos até o ponto 5. Adicionar uma página de confirmação de inscrição, que aparecerá após o envio dos dados da landing page.

Sugestões de materiais:

Typescript: https://www.typescriptlang.org/docs/

React: https://pt-br.reactjs.org/docs/getting-started.html