Crie para a web, tendo o navegador como ponto de partida

Código-fonte HTML exibido em uma ecrã escura de computador

Acerca de esta selección

Um caminho prático através de fundamentos da web, cursos focados, compatibilidade de navegador e implementação acessível. Os frameworks tornam muitas coisas convenientes, mas o navegador ainda decide como uma página se comporta. Uma base em HTML, CSS, JavaScript e acessibilidade torna as ferramentas desconhecidas menos misteriosas. Essas referências funcionam bem junto com um projeto pequeno que o leitor pode inspecionar, alterar e interromper com segurança. Tente isso primeiro Crie uma pequena…

Um caminho prático através de fundamentos da web, cursos focados, compatibilidade de navegadores e implementação acessível.

Os frameworks tornam muitas coisas convenientes, mas o navegador ainda decide como uma página se comporta. Uma base em HTML, CSS, JavaScript e acessibilidade torna as ferramentas desconhecidas menos misteriosas. Essas referências funcionam bem junto com um projeto pequeno que o leitor pode inspecionar, alterar e interromper com segurança.

Tente isso primeiro

Crie uma pequena página com um título, um formulário e uma lista. Aprenda o recurso subjacente no MDN, use uma lição web.dev para se aprofundar e verifique a compatibilidade antes de adotar um recurso mais recente. Teste a página com um teclado antes de adicionar mais polimento.

Lembre-se

Salve a referência exata que resolveu um problema e uma observação sobre o que mudou. Isso cria um caderno de trabalho, em vez de outra lista de tutoriais para terminar algum dia.

4 enlaces/En el orden elegido por el curador

Enlace 1portugués de Brasil

MDN Aprenda desenvolvimento web

Use isso como uma base estruturada quando precisar entender o que a plataforma faz. Siga uma pequena seção, reproduza o exemplo e mude algo para verificar sua compreensão.

developer.mozilla.org

Enlace 2–

web.dev Aprenda

Escolha um curso vinculado à sua pergunta imediata, como CSS, desempenho ou formulários. Aplique uma lição ao mesmo pequeno projeto para que a leitura se torne um comportamento observável.

web.dev

Enlace 3inglés estadounidense

Posso usar

Verifique o suporte para um recurso específico nos navegadores. Leia as notas e os detalhes do suporte parcial e, em seguida, decida sobre uma alternativa com base no seu público real, em vez de em uma única porcentagem.

caniuse.com

Enlace 4inglés

O Projeto A11Y

Transforme as intenções de acessibilidade em verificações concretas de implementação. Use a lista de verificação para orientar a investigação, lembrando que uma caixa marcada não substitui testes com utilizadores reais.