training-center / frontend-study-group Goto Github PK

Olá pessoal!
No channel do slack (#frontend-studies) surgiu a discussão sobre criar um roadmap para o grupo e o Paulo Ilarde começou a criar um e agora estamos passando a discussão para o git para podermos ter a opinião de todos antes de subir pro git
Sintam-se à vontade para mudar a ordem, acrescentar/ retirar coisas :)

Básico

HTML:

• O que é HTML?
• Estrutura básica de um site
• Doctype, tag html, tag head, tag body
• Títulos, parágrafos, listas, imagens, forms

CSS:

• O que é CSS?
• CSS inline, interno e externo
• seletores CSS: classe, id e elemento
• propriedades da fonte: cor, estilo, capitalização
• background da página/ seção

JS:

• O que é JS?
• JS != Java ;
• script interno e externo;
• variáveis
• operadores (lógicos e aritméticos)
• condicionais
• loops/ laços de repetição
• funções

Intermediário

HTML:

• saber usar as tags anteriores sem necessidade de consulta
• tags depreciadas
• tags sem fechamento

CSS:

• bordas, margin e padding
• pseudo classes e elementos
• responsividade (media queries)
• transition/ transform
• position (absolute, relative)
• arquivos de fonte
• box model
• arquitetura de CSS (boas práticas)

JS:

• Objetos
• Arrays
• closures
• automatizador de tarefa (gulp, grunt)

Avançado

HTML:

• acessibilidade
• validação de forms (validar os campos apenas)
• meta tags
• APIs
• DOM

CSS:

• flexbox
• CSS Grid
• Frameworks/ libs (foundation, bulma, bootstrap)
• pre compilador/ processador (sass, less)

JS:

• ES6
• Frameworks/ libs (jQuery, angular, react, vue)