Repositório onde será implementado o aprendizado da 11º edição da semana OmniStack.
Aulas gratuitas e de qualidade para aprender JavaScript.
- Apresentar aplicação
O nome da aplicação é The Hero, ela foi idealizada para facilitar e popularizar doações para ONGs. - Configurar o ambiente OmniStack
Windows: chocolatey
macOS: Homebrew
VS Code: Visual Studio Code - Back-end X Front-end
- Criar projeto com Node.js
- Entender React e SPA
- Criar projeto com reactjs
- Entender sobre React Native e Expo
- Node.js e Express
Métodos HTTP
Tipos de parâmetros - Utilizando o Insomnia
- Configurando o Nodemon
- Diferença entre bancos de dados
- Pensando nas entidades e funcionalidades
- Adicionando Knex
- Construção do back-end
- Adicionando módulo CORS
- Enviando back-end ao GitHub
- ONG
- Caso (incident)
- Login de ONG
- Logout de ONG
- Cadastro de ONG
- Cadastrar novos casos
- Deletar casos
- Listar casos de uma ONG
- Listar todos os casos
- Limpando a estrutura
- Conceitos do React:
- Componentes
- JSX
- Propriedades
- Estado
- Imutabilidade
- Página de Login
- Configurando rotas
- Cadastro de ONGs
- Listagem de casos
- Cadastro de um novo caso
- Conectando a aplicação api
- Enviar projeto ao github
- Instalando o Expo
- Criando projeto React Native
- Executando o projeto
- No celular
- No emulador
- Expo Snack
- Diferenças para ReactJS
- Elementos HTML
- Semântica
- Estilização
- Flexbox
- Propriedades
- Herança de estilos
- Estilização própria
- Estrutura de Pastas
- Ícone e Splash Screen
- Configurando Navegação
- Página de Casos
- Detalhe do Caso
- Abrindo Whatsapp e Email
- Conexão com a API
- Eviando ao GitHub
- Adicionando validação
- Adicionando testes
- Deploy
- Alternativas
- Qual escolher
- Estudos daqui pra frente
- Padrões de código: ESLint, Prettier
- Autenticação JWT
- Styled components
- Dicas para aproveitar melhor
- GitHub
Ajudinha do StackEdit