“Software developers are students forever 🧠”
Sobre | Instalação | Desafios | Tecnologias
Stage 1: Nessa aula criamos o backend da aplicação utilizando NodeJS. Nesse projeto utilizamos Typescript, que auxilia no aumento da produtividade em desenvolvimento; utilizamos o Prisma ORM, para trabalhar com banco de dados e Socket.IO para trabalhar comunicação em tempo real.
Stage 2: Nessa aula criamos o front-end web da nossa aplicação utilizando ReactJS. Além disso, criamos nosso projeto utilizando o Vite, uma ferramenta extremamente performática, TypeScript e CSS modules. Construimos toda interface da aplicação do zero com Flexbox e Grid System, além de criar animações utilizando Framer Motion.
Stage 3: Nessa aula criamos o front-end mobile da nossa aplicação utilizando React Native. Além disso, criamos nosso projeto utilizando TypeScript e Expo que proporciona muita produtividade no desenvolvimento. Construimos toda interface da aplicação do zero, e criamos animações utilizando o Moti, AsyncStorage e integração em tempo real com socket.io.
Stage 4: Nessa aula criamos um microserviço em Elixir responsável por gerar a nuvem de tags das mensagens enviadas na aplicação desenvolvida nos dias anteriores. Usamos conceitos de concorrência e paralelismo para a contagem de tags, e um processo que executa todos os dias para a geração dessa nuvem de tags. Utilizamos o Phoenix, Ecto, o módulo Task, a lib Quantum e diversos conceitos do Elixir.
Stage 5: Nessa aula, descobrimos juntos os próximos passos para acelerar a carreira em programação.
Web | Mobile |
👉 Back-end
# Instalar as dependências necessárias:
$ yarn
# Configurar as variáveis de ambiente:
$ .env.example to .env
# Rodar as migrations:
$ yarn prisma migrate dev
# O banco de dados pode ser acessado com:
$ yarn prisma studio
# Iniciar o projeto:
$ yarn dev
👉 Front-end
# Instalar as dependências necessárias:
$ yarn
# Configurar as variáveis de ambiente:
$ .env.example to .env.local
# Iniciar o projeto:
$ yarn dev
👉 Mobile
# Instalar as dependências necessárias:
$ yarn
# Configurar as variáveis de ambiente:
$ .env.example to .env
# Logar com sua conta expo:
$ expo login
# Iniciar o projeto:
$ expo start
👉 Elixir
# Configurar Banco de dados:
$ config/config.exs
# Comandos:
$ mix deps.get
$ mix phx.server
$ mix ecto.setup
$ mix ecto.create
$ mix ecto.migrate
$ mix ecto.gen.migration create_messages
Aprimorar o conhecimento em Node, React, React Native e Elixir.
by Douglas Scaini ❤️