Estudos para Gloss
Frontend
Para os primeiros 4 cursos de HTML e CSS, faça numa velocidade maior, pois será apenas uma revisão dos conteúdos, e talvez ver uma novidade ou outra do HTML5 e CSS3. Seria importante fazer esta revisão anotando os pontos importantes que são novidades pra você.
Depois, no curso de design responsivo você vai conhecer a abordagem mobile first.
No curso de flexbox, você vai conhecer a nova abordagem do CSS3 para criar layouts com linhas e colunas.
JavaScript/TypeScript e Angular
Depois faça apenas o primeiro curso de TypeScript (parte 1 de 3) para se familiarizar com a linguagem.
Depois pode iniciar os estudos com Angular, framework para construir Single Page Applications com base em componentes e módulos.
No Angular você pode usar 2 abordagem para construir as telas:
- Usar componentes prontos do Material Design
- Criar componentes e utilizar uma biblioteca de CSS do Material Design
O Angular possibilita construir também uma Progressive Web App (PWA), então ao iniciar um projeto Angular já pode adicionar essa opção: segue o link da documentação: https://angular.io/guide/service-worker-intro
Backend
O NestJS é um framework para NodeJS para construir aplicações backend e que utiliza TypeScript. Ele foi construído inspirado no Angular, portanto utilizar em conjunto com um frontend Angular é muito produtivo.
Para segurança e inicio da implementação do sistema de permissão pode usar o JWT (Json web token) para trocar as informações de permissao do usuário entre frontend e backend: https://github.com/nestjs/jwt
Exemplo de aplicação construída com NestJS:
https://github.com/vanessametonini/cartografia_cultural
Foi utilizado a api do LocationIQ para delimitar as regras geolocalizadas
Projeto em produção: https://www.cartografiadaculturacg.com.br/
No frontend foi usado o Leaftlet para fazer o mapa dinâmico