Projeto feito no evento da RocketSeat para criar um aplicativo coletivamente dentro de uma semana.
Neste repositorio você pode encontrar meu projeto e algumas notas durante o ocorrer da workshop!
O tema desta workshop é: Conectar pessoas com orfanatos proximos.
Este é um projeto desenvolvido durante a Next Level Week, realizada pela @Rocketseat durante os dias 12 a 18 de Outubro de 2020.
Note que todas as informações sobre localizações neste projeto são somente testes e não representa significado algum, nem seus nomes, fotos, numeros, comentários ou descrições, todos os dados deste genero são ficticios...
Neste dia aprendemos um pouco sobre o front-end e seus conceitos/aplicações.
Estudos: HTML; CSS;
Primeira pagina do aplicativo configurada, com informações sobre HTML5 e CSS3.
2:15:10 de aula.
Neste dia terminamos por completo a landing page do projeto, criamos a pagina de escolha de orfanatos a partir de um mapa disponibilizado pela leaflet gratuitamente, além de criar uma pagina para a visita de orfanatos contendo informações sobre a visita e o orfanato em si.
Estudos: CSS; HTML; Javascript;
3:08:50 de aula.
Neste dia criamos a pagina para se cadastrar um novo orfanato com sistema de validação e envio de formulário para ser utilizado no backend.
Estudos: CSS; HTML; Javascript;
1:58:35 de aula
Neste dia aprendemos os conceitos de back-end, instalamos as dependencias e os pacotes no projeto, renomeamos os arquivos html para terminar com hbs, além de pegarmos dados de teste criados em nosso servidor.
Estudos: Back-end; Javascript; HBS(html);
- npm init -y > Cria um package.json para as dependencias. (json > JavascriptObjectNotation)
- npm install express > Instala o pacote para rodar o backend.
- node src/server.js > executar o servidor...
- npm install nodemon > Instala o pacote para atualizar o backend de forma dinâmica.
- no package.json > mudamos o "test" para "start" e colocamos o argumento "nodemon src/server.js"
- npm start > diz no arquivo json para executar o script start que chama o nodemon. (inicia o backend)
- npm install hbs > Handlebars, templateEngine pacote para os html ter variaveis! com o formato hbs.
1:53:45 de aula
Neste video terminamos a parte de pegar os dados do banco de dados, de salvar no banco de dados e de cadastrar novos orfanatos, e depois disso nos, ah, pera ai... o projeto já está pronto!
Estudos: Back-end; Banco de dados; Sql; Sqlite; Javascript
2:00:15 de aula.
Neste dia, não tivemos aula, porém na live da milha extra, tivemos um desafio muito interessante, que seria adicionar uma nova funcionalizade a aplicação, por nossa escolha, e eu escolhi acrescentar comentários aos orfanatos!
Isso foi incrivel, pois eu não entendi direito os bancos de dados e aplicar algo assim ,mesmo que seja simples, foi de grande ajuda pra eu notar a simplicidade do fluxo dos dados na aplicação! consegui terminar em umas 5hrs.
Neste sistema podemso fazer um comentário a qualquer orfanato (cada um tendo seus comentarios), colocando para qualquer um ver nosso relato, os comentarios tem um nome, e data, fazendo com que você saiba quem comentou e quando comentou e os comentarios mais recentes aparecem primeiro!
Claro, ainda falta um sistema de cadastro para os comentarios não serem muito vazios, também não sei se a minha maneira de resolver esse problema foi a melhor, porem ele foi resolvido.
Nesta live vimos tres pilares basicos (foco, pratica e grupo) e poder destesconceitos em seu aprendizado!
Nesta live foi comentado as oportunidades dos mercados de trabalho e a necessidade de ter confiança a se aplicar em uma vaga.
Nesta live houve uma separação sobre oque é stack, framework e tecnologia, e quando utilizar para a ansiedade ou o hype de uma nova tecnologia não interferir em sua aplicação ou aprendizado.
Nesta live vimos como acelerar nossa evolução, novamente falando sobre o foco a pratica e o grupo, também comentado o site roadmap.sh para ter um caminho para seguir, o começo pode ser lento se sua estrada estiver cheia de obstaculos.
Nesta aula tivemos os conceitos dos proximos passos, de não somente ter os conceitos na teoria, mais sim aplica-los na pratica, aplicar o conhecimento é a melhor forma de praticar!
Nesta live foi mais uma despedida, o motivo da nlw, perguntas e respostas, e o resultado do sorteio do desafio, infelizmente não fui escolhido mais esse não era meu objetivo principal, foi muito bom fazer o desafio também.