Plano de Estudos

Semana 1: Revisão de JavaScript (25/06 à 28/06) ✅

Dia 1 - 4: Fundamentos do JavaScript e Estruturas de Controle

• Variáveis (let, const, var)
• Tipos de dados (string, number, boolean, null, undefined, symbol)
• Operadores (aritméticos, comparação, lógicos)
• Condicionais (if, else if, else, switch)
• Loops (for, while, do...while)

Semana 2 - 3 : Funções em JavaScript ✅

Dia 1 (30/06): Declaração de Funções

• Parâmetros e retornos
• Declaração de funções (function)

(01/07 - 10/07 ): Funções de Alta Ordem ✅

• Arrow functions
• map
• filter
• reduce

Semana 3 (01/07 - 10/07): Conceitos Avançados de JavaScript - Manipulação do DOM ✅

• Selecionar elementos (getElementById, querySelector)
• Manipular elementos (innerHTML, style, classList)

Dia 4 (03/07): Eventos

• Adicionar e remover eventos (addEventListener, removeEventListener)
• Eventos comuns (click, submit, mouseover)

Dia 5 (04/07): Async/Await e Promises

• Introdução às Promises
• Utilizando async/await

Dia 6 (05/07): Revisão e Prática

• Projetos pequenos e exercícios

Dia 7 (06/07): Revisão Geral e Prática Intensiva

• Revisão dos conceitos aprendidos
• Exercícios práticos

Semana 3: WireFrames e Prototipagem no Figma (06/07 à 12/07)

Dia 1 (07/07): Visão Geral e Ferramentas Fundamentais

• Visão Geral (0.5h)
• Explorando a Ferramenta (1h)
• Conhecendo o Figma
• Painel de Design
• Formas e Blocos de Texto (1h)
• Interface
• Recursos extras (0.5h)

Dia 2 (08/07): Organizando projetos e UIs e Variáveis e estilos

• Painel de Camadas (1h)
• Grids e réguas
• Personalizando um arquivo (1h)
• Agrupando e Ajustando
• Cores, números, String, Boolean (1h)
• Estilos locais, Adicionando estilos
• Alinhamento e posições
• Constraints
• Toque final

Dia 3 (09/07): Auto Layout e Componentes

• Visão Geral, Entendendo e Aplicando auto layout (1h)
• Propriedades dos componentes
• Variants (1h)
• Componentizando o projeto
• Vantagens e detalhes extras (1h)

Dia 4 (10/07): Bibliotecas e Recursos, Camadas e vetores e Cocriação

• Bibliotecas compartilháveis, Figma Community e Adicionando recursos (1h)
• Boolean groups, máscaras, criando ícones (1h)
• Liberando acessos e cocriações (1h)
• Limites máximos e mínimos

Dia 5 (11/07): Planejamentos e Fundamentos da Prototipagem

• Ferramentas essenciais do FigJam, plugins e widgets do Figjam (1h)
• Planejando o produto (1h)
• Funções de Prototipagem
• Smart animate
• Prototipando o projeto (1h)

Dia 6 (12/07): Prototipagem intermediária, Avançada e Apresentação de projeto

• Prototipagem overlay, interações entre componentes e criação de gestos (1h)
• Condicionais e variáveis (1h)
• Criação de integrações de notificações e campos de texto digitáveis (1h)
• Flow e apresentações, DEV mode

Dia 7 (13/07): Revisão e Prática

• Revisão dos Conceitos Aprendidos (1h)
• Prática de Projetos Práticos (2h)

Semana 4: Desenvolvimento Mobile com React Native (13/07 à 19/07)

Dia 1 (14/07): Introdução ao React Native, Componentes Básicos do React Native

• Configuração do ambiente de desenvolvimento (1h)
• Diferenças entre React e React Native (1h)
• View, Text, StyleSheet
• Imagens e ícones (1h)

Dia 2 (15/07): Navegação

• React Navigation (1h)
• Stack Navigator, Tab Navigator (1h)
• Revisão e Prática - Criar um pequeno aplicativo (1h)

Dia 3 - 7 (16/07 à 20/07): Projeto Final

• Desenvolver um aplicativo mobile completo
• Planejamento e design do app (3h - Dia 3)
• Desenvolvimento e implementação de funcionalidades (3h - Dia 4)
• Testes e refinamentos (3h - Dia 5)
• Finalização do projeto (3h - Dia 6)
• Revisão Geral e Prática (3h - Dia 7)

Recursos

• JavaScript: MDN Web Docs
• React: Documentação Oficial do React
• React Native: Documentação Oficial do React Native