Agenda e recursos do Curso de Progressive Web Apps com React.js
Programa do curso de Curso de Progressive Web Apps com React.js
Introdução aos Progressive Web Apps
- O que são Progessive Web Apps?
- O que é o React.js?
- Conhecendo PWAs e seus limites
- Apresentando o Projeto do curso e arquitetura
- Instalando dependências e preparando um ambiente
- Platzidoro 1: palavras cruzadas
Estruturando o seu primeiro PWA
- Criando o seu primeiro PWA com create-react-app
- Conhecendo a estrutura do React.js e criando um Hello World
- Criando seu primeiro componente React para o PWA
- Entendendo Stateless e Stateful componentes
- Entendendo React Hooks
- Instalando bibliotecas de componentes Open Source
- Platzidoro 2: complete o jogo
Construindo um aplicativo de Matchs para estudo
- Entendendo Flexbox
- Criando a tela inicial do aplicativo
- Implementando as screens
- Criando a tela de perfil
- Adicionando estilo á tela de perfil
- Mobile first!
- Criando a tela de matches
- Renderizando a lista de componentes
- Criando a tela de encontrar estudantes
- Desenvolvendo os componentes da tela de encontrar estudantes
- Adicionando lógica à tela de encontrar estudantes
- Salvando informações localmente com o LocalStorage
- GitHub e Promessas
- Configurando um banco de dados remoto: o Firebase Firestore
- Conectando o React ao banco para ler e escrever os dados de match
- Utilizando os dados do banco remoto no PWA
- Realizando o evento de Match
- Adicionando os matches reais à lista de matches
- Platzidoro 3: Mosaico
Para este curso você vai precisar
5 Horas de conteúdo
8 Horas de treino
Conhecimentos prévios
- Conocimientos en HTML, CSS y JavaScript.
- React.js y React Router.
Software para este curso
- NPM
- Navegador web.
- Editor de código
Projeto do curso
TinderesseCrie um aplicativo do tipo Tinder, em que a comunidade estudantil da Platzi pode procurar pessoas que tenham as habilidades necessárias para sua equipe de desenvolvimento. Você pode se registrar com seu usuário do GitHub.
Para este curso você vai precisar
5 Horas de conteúdo
8 Horas de treino
Conhecimentos prévios
- Conocimientos en HTML, CSS y JavaScript.
- React.js y React Router.
Software para este curso
- NPM
- Navegador web.
- Editor de código
Projeto do curso
TinderesseCrie um aplicativo do tipo Tinder, em que a comunidade estudantil da Platzi pode procurar pessoas que tenham as habilidades necessárias para sua equipe de desenvolvimento. Você pode se registrar com seu usuário do GitHub.
Introdução aos Progressive Web Apps
- O que são Progessive Web Apps?
- O que é o React.js?
- Conhecendo PWAs e seus limites
- Apresentando o Projeto do curso e arquitetura
- Instalando dependências e preparando um ambiente
- Platzidoro 1: palavras cruzadas
Estruturando o seu primeiro PWA
- Criando o seu primeiro PWA com create-react-app
- Conhecendo a estrutura do React.js e criando um Hello World
- Criando seu primeiro componente React para o PWA
- Entendendo Stateless e Stateful componentes
- Entendendo React Hooks
- Instalando bibliotecas de componentes Open Source
- Platzidoro 2: complete o jogo
Construindo um aplicativo de Matchs para estudo
- Entendendo Flexbox
- Criando a tela inicial do aplicativo
- Implementando as screens
- Criando a tela de perfil
- Adicionando estilo á tela de perfil
- Mobile first!
- Criando a tela de matches
- Renderizando a lista de componentes
- Criando a tela de encontrar estudantes
- Desenvolvendo os componentes da tela de encontrar estudantes
- Adicionando lógica à tela de encontrar estudantes
- Salvando informações localmente com o LocalStorage
- GitHub e Promessas
- Configurando um banco de dados remoto: o Firebase Firestore
- Conectando o React ao banco para ler e escrever os dados de match
- Utilizando os dados do banco remoto no PWA
- Realizando o evento de Match
- Adicionando os matches reais à lista de matches
- Platzidoro 3: Mosaico
