... | ... | @@ -33,10 +33,18 @@ Eu tenho que admitir que eu não tenho nenhum guia didático sobre HTML e CSS, n |
|
|
- [Web Nerd Terminology (Explained)](https://css-tricks.com/web-nerd-terminology-explained/)
|
|
|
- [Just Starting Out with CSS & HTML](https://css-tricks.com/guides/beginner/) não conheço esse guia, mas o site é bom e confiável. Acredito que seja um bom começo.
|
|
|
- [Can I use?](https://caniuse.com/) já explicado nas divagações.
|
|
|
- Developer Tools, é provavelmente o mais útil de tudo aqui. Apertando `F12`
|
|
|
em um navegador deve se abrir uma janela com ferramentas para desenvolvedores web. Aqui links para a ferramenta da [Mozilla](https://developer.mozilla.org/en-US/docs/Tools) e da [Google](https://developers.google.com/web/tools/chrome-devtools/). Um carinho especial para:
|
|
|
- A aba *inspector* é essencial para debug e inspeção de código HTML e CSS.
|
|
|
- Saber usar a aba *console* é essencial para desenvolvedores javascript.
|
|
|
- E a aba *network* permite ver quais arquivos estão, de fato, sendo requisitados pela página e como estão sendo carregados. É o básico pra debug do "aquilo não tá aparecendo", sempre tenha certeza de que todos os arquivos estão sendo carregados.
|
|
|
- [Web Developer Checklist](http://webdevchecklist.com/) um checklist de coisas que desenvolvedores web normalmente tem que fazer em um site. Útil para ter ideia sobre aqueles buracos no conhecimento e sobre como desenvolvimento web acaba sendo uma questão multi-disciplinar.
|
|
|
- [PageSpeed](https://developers.google.com/speed/) da Google, é uma ferramenta que provem relatórios sobre o carregamento de uma página. Não é a primeira preocupação de quem está começando, mas pode ser uma luz no horizonte. Disponível como serviço web, extensão de navegador (se integra ao developer tools), e outros.
|
|
|
|
|
|
|
|
|
## HTML
|
|
|
|
|
|
- Se nunca viu o que é HTML vá a quaquer site e tecle `ctrl+u`, é isso, só um monte de texto. Como montar esse texto é que é aprender HTML.
|
|
|
- [NU](https://checker.html5.org/) é um validador de html, vê se a página está correta ou possui algum erro. Útil já que html não mostra erros sozinho.
|
|
|
|
|
|
## CSS
|
... | ... | |