Escopo e tarefas

[CharlesMendes]

Preview

• [x] Especificar tarefas e escopo de estudos

• [x] Preparar ambiente
  • [x] Configurar ambiente de desenvolvimento MAC OS/VSCode e libs

  • [x] Criar repositorio no GitHub

    ReactJS

• [x] Introdução ReactJS
  • [x] React Conceitos Iniciais - Parte 1/2
  • [x] React Conceitos Iniciais - Parte 2/2
  • [x] O que realmente é o React por trás do JSX?

  • [x] Exemplo prático

• [x] Projeto 1: WEB - Comentários
  • [x] Aula 01- Criando o projeto, setState, spread operator, renderizando uma lista de componentes
  • [x] Aula 02 - Componentizando com Props
  • [x] Aula 03 - Integrando ao Firebase
  • [x] Aula 04 - Functional Stateless Components e boas praticas
  • [x] Aula 05 - Testes unitários com Enzyme
  • [x] Aula 06 - Testando o componente Comments com Shallow Rendering
  • [x] Aula 07 - Testando o NewComment
  • [x] Aula 08 - Injeção de Dependências
  • [x] Aula 09 - Testando o envio de comentários
  • [x] Aula 10 - Finalizando os testes no aplicativo

  • [x] Aula 11 - Publicando o projeto no Firebase Hosting

• [ ] Autenticação e mais funcionalidades
  • [ ] Adicionando autenticação
  • [ ] Mostrar usuário autenticado
  • [ ] Mostrando erros de autenticação
  • [ ] Criando uma conta nova

  • [ ] Melhorando o layout com bootstrap no projeto

• [ ] Projeto 2: WEB - Gerenciador de Produtos
  • [ ] O que iremos construir? Navegação em SPAs
  • [ ] Preparando o projeto
  • [ ] Estrutura Inicial
  • [ ] Configurando a Primeira Rota
  • [ ] A rota produtos
  • [ ] Mapeando Categorias e usando os parâmetros da URL
  • [ ] Recuperando os parâmetros/valores da URL
  • [ ] Carregando os dados de categorias do servidor
  • [ ] Carregando os dados de produtos do servidor
  • [ ] Criando categorias
  • [ ] Removendo categorias
  • [ ] Organizando a API
  • [ ] Organizando o código
  • [ ] Editando Categorias
  • [ ] Criando produtos
  • [ ] Redirecionamento entre rotas
  • [ ] Organizando o projeto (Componente Categoria)
  • [ ] Removendo Produtos

  • [ ] Editando produtos

    ReactNative

• [ ] Projeto 3: Mobile - MeuIP
  • [x] Introdução
  • [ ] Instalando o Genymotion com Google Apps
  • [ ] Projeto - MeuIP

  • [ ] Layouts e Flexbox

• [ ] Projeto 4: Mobile - Calculadora
  • [ ] Praticando Flexbox - Calculadora - Parte 1/2

  • [ ] Praticando Flexbox - Calculadora - Parte 2/2

• [ ] Projeto 5: Mobile - CalisTimer
  • [ ] Especificações e referências visuais
  • [ ] Criando a primeira tela no Figma com as referências visuais
  • [ ] Criando o projeto e adicionando fontes customizadas
  • [ ] Adicionando navegação com react-navigation
  • [ ] Criando a tela principal e o primeiro componente (Button)
  • [ ] Criando a tela EMOM (funcionalidade) e componente Select
  • [ ] Componente Select (parte 2)
  • [ ] Entrada de texto com TextInput e tratamento do teclado virtual
  • [ ] Corrigindo o teclado virtual
  • [ ] Ajustes finos
  • [ ] Rodando o EMOM
  • [ ] Criando componentes ProgressBar e BackgroundProgress
  • [ ] Reproduzindo sons e criando o alerta
  • [ ] Adicionando animações ao ProgressBar
  • [ ] Adicionando animação ao BackgroundProgress
  • [ ] Finalizando o EMOM
  • [ ] Projetando o protocolo Isometria
  • [ ] Implementando a tela de Isometria
  • [ ] Ajustes tela Isometria (parte 1)
  • [ ] Refinando a tela Isometria, botão voltar e reiniciar
  • [ ] Finalizando a tela Isometria
  • [ ] Projetando a tela AMRAP
  • [ ] Rodando o AMRAP
  • [ ] Ajustes gerais no EMOM e Isometria
  • [ ] Evitando que a tela desligue (adicionando o módulo react-native-keep-awake)
  • [ ] Adicionando tela Sobre
  • [ ] Ajustes entre IOS e Android (escrevendo códigos específicos por plataforma)
  • [ ] Gerando o keystore e assinando o APK para publicação na PlayStore
  • [ ] Publicação IOS: entendendo e criando app ids, provisioning profiles, certificates e devices
  • [ ] Rodando o app no dispositivo físico
  • [ ] Gerando os ícones
  • [ ] Gerando LanchScreen/SplashScreen
  • [ ] Gerando o IPA e subindo para a App Store

[CharlesMendes]

https://github.com/CharlesMendes/react-estudos/