- Fornece uma visão geral das principais técnicas para criar sites e aplicações web usando apenas editor, navegador e padrões web (HTML/CSS/JavaScript puros), sem usar ferramentas de build ou frameworks
- Os tópicos abordados são os seguintes:
- Components: usar Web Components como blocos fundamentais para criar primitivas de nível mais alto com HTML, JavaScript e CSS puros, substituindo a abordagem baseada em componentes de frameworks como React ou Vue
- Styling: aproveitar ao máximo os recursos do CSS moderno para substituir as conveniências de CSS Modules, PostCSS e SASS
- Sites: criar projetos web com base em web components e colocá-los em produção sem ferramentas de build, frameworks ou lógica server-side
- Applications: como construir aplicações web single-page com tecnologia vanilla, como fazer roteamento e como gerenciar estado
- Este tutorial é para pessoas que já conhecem HTML, CSS e JavaScript. Se você ainda está começando a aprender desenvolvimento web, este site ainda não é adequado para você
Por que fazer isso?
- Frameworks modernos de desenvolvimento web permitem criar rapidamente aplicações web ricas e bem estruturadas, mas esses recursos vêm ao custo da complexidade dos frameworks e das ferramentas, e como resultado os projetos exigem manutenção regular para permanecerem seguros e atualizados
- O estilo de desenvolvimento web Plain Vanilla faz uma escolha diferente, abrindo mão de conveniências de curto prazo em troca de benefícios de longo prazo, como simplicidade e manutenção praticamente zero. Essa abordagem é possível no ambiente dos navegadores modernos, que oferecem excelente suporte aos padrões web
- Não use a abordagem Plain Vanilla antes de experimentar alguns dos frameworks web populares, entender por que você gostaria de ficar sem eles e ganhar confiança sobre como estruturar uma base de código sem a ajuda de um framework
- Use essa abordagem se quiser conhecer melhor as ferramentas oferecidas pelo navegador ou se quiser construir sites ou aplicações que não precisem de manutenção, sejam muito estáveis e pensados para o longo prazo. Afinal, as técnicas descritas aqui dependem apenas de padrões web, e padrões web duram décadas
9 comentários
Até fazer um app de mapas simples em vanilla deixa os arquivos exageradamente longos.
Se você quer adotar essa abordagem para criar um site ou aplicação que exija pouca manutenção, seja muito estável e pensado para o longo prazo --> então parece que a resposta já está toda aí. Por que não fazer isso...?
Todo mundo acha um saco kkk
Na época em que o ronco do tigre ainda ecoava... a gente escrevia assim...
int main(int argc, char *argv) {
...
char url = getenv("QUERY_STRING");
...
printf("HTTP/1.0 200 OK");
..
blahblah...
...
}
Lembro de quando implementei uma SPA em vanilla há um tempo... Como eu era totalmente iniciante, nem conhecia
fetch, então fui fazendo tudo um por um comxhr...Dizem que o auge da otimização é ficar com o padrão de fábrica...
As especificações tunadas podem acabar sendo absorvidas pelas especificações originais..
No episódio 800 do Syntax.fm, o John Resig participou! ^^