Tutoriais

Os links nesta página conduzem a uma variedade de tutoriais e materiais de treinamento. Quer você esteja apenas começando, aprendendo os básicos, ou é uma velha mão em desenvolvimento web, você pode encontrar recursos úteis aqui para melhores práticas. Estes recursos são criados por companias de ideias avançadas e desenvolvedores web que têm adotados padrões abertos e melhores práticas para desenvolvimento web e que proporcionam ou permitem traduções, conteúdo autorizado contínuo e aberto tal como Creative Commons.

Tutoriais de HTML

Nível introdutório

Introdução ao HTML
O que é HTML, o que ele faz, sua história em breve, e o que a estrutura de um documento HTML se parece. Os artigos que seguem esse primeiro olhar em cada parte individual de HTML são em profundidade muito maior.
Estrutura Básica de uma Página da Web (SitePoint)
Aprenda como elementos de HTML cabem juntos dentro da maior imagem.
Elemento de Referência da MDN em HTML
Uma referência compreensiva de elementos HTML, e como os diferentes navegadores os suportam.
Desafios HTML (Wikiversity)
Use estes desafios para afiar suas habilidades em HTML (por exemplo, "Eu deveria usar um elemento <h2> ou um elemento <strong>?"), focando em um avanço significativo.
CodeAvengers (CodeAvengers.com)
Code Avengers é a diversão, forma efetiva para aprender a codificar aplicativos web e jogos com HTML, CSS e JavaScript.

Nível avançado

Dicas para autorar páginas HTML de rápido carregamento
Otimize páginas web para prover um site mais responsivo para visitantes e reduzir o carregamento em seu servidor web e conexão com a Internet.
Tutoriais de HTML5 (HTML5 Rocks)
Leve um tour guiado através do código que usa características de HTML5.
Semantica em HTML5 (Uma Lista À Parte)
Aprenda com um aumento significativo que é extensível e recuado- e avançado- compatível.
Tutorial de Canvas
Aprenda como desenhar gráficos usando scripting usando o elemento canvas.
Doutor HTML5
Artigos sobre o uso do HTML5 agora mesmo.
A Alegria do Som HTML5 (Elevado)
Aprenda como usar o som HTML5 em suas páginas da web facilmente. Vários exemplos de códigos estão incluídos no tutorial.

Tutoriais de JavaScript

Nível introdutório

Codecademy (Codecademy)
Codecademy é a forma mais fácil de aprender como codificar em JavaScript.
Começando com JavaScript
O que é JavaScript e como ele pode ajudar você?
Melhores práticas em JavaScript (WebPlatform.org)
Aprenda sobre alguns dos óbvios e (nem tanto) melhores práticas óbvias quando escrevendo JavaScript.
CodeAvengers (CodeAvengers.com)
Code Avengers é a diversão, forma efetiva de aprender a codificar aplicativos web e jogos com HTML, CSS e JavaScript.

Nível intermediário

Uma reintrodução ao JavaScript
Uma recapitulação da linguagem de programação JavaScript visando o nível de desenvolvedores intermediários.
JavaScript Eloquente
Um guia compreensivo para metodologias intermediárias e avançadas de JavaScript.
Padrões de Design em JavaScript Essencial (Addy Osmani)
Uma introdução aos padrões de desing em JavaScript essenciais.
A Linguagem de Programação em JavaScript (Blog YUI)
Douglas Crockford explora a linguagem como ela é hoje, e como ela veio a ser.
Introdução ao Objeto Orientado de JavaScript
Aprenda sobre o modelo de objeto de JavaScript.

Nível avançado

Guia de JavaScript
Uma guia compreensiva regularmente atualizada de JavaScript para todos os níveis de aprendizado desde o iniciante ao avançado.
Aprendendo JavaScript Avançado (John Resig)
Guia de John Resig para JavaScript avançado.
Introduzindo o JavaScript DOM (Elevado)
O que é o Documento de Objeto Modelo, e porque ele é útil? Este artigo dá a você uma suave introdução a esta poderosa característica do JavaScript.
Uma API Incoveniente: A teoria do DOM (Blog YUI)
Douglas Crockford explica o Documento de Objeto Modelo.
JavaScript Avançado (Blog YUI)
Douglas Crockford olha de perto o código padrão da qual programadores de JavaScript podem escolher em autorar suas aplicações.
Jardim do JavaScript
Documentação das partes mais peculiares de JavaScript.
Qual Framework do JavaScript (StackOverflow)
Atenção na escolha de uma framework do JavaScript.
Downloads de JavaScript Sem Bloqueio (Blog YUI)
Dicas na melhora da performance do download de páginas contendo JavaScript.

Tutoriais CSS

Nível introdutório

Começando no CSS
Este tutorial te introduz no Cascading Style Sheets (CSS). Ele te guia através das características básicas de CSS com exemplos práticos que você pode tentar sozinho em seu próprio computador.
Seletor de Classes CSS (Wikiversity)
Qual são as classes em CSS?
CSS Externo (Wikiversity)
Usando CSS de um "sheet style" externo.
Adicionando um Estilo de Toque (W3C)
Uma guia de iniciante breve para estilizar páginas web com CSS.
Perguntas Comuns de CSS
Perguntas e respostas comuns para iniciantes.
CodeAvengers (CodeAvengers.com)
Code Avengers é a diverção, efetiva forma de aprender a codificar aplicativos web e jogos com HTML,CSS e JavaScript.

Nível intermediário

Referência CSS
Referência completa de CSS, com detalhes de ajuda por Firefox e outros navegadores.
Desafios de CSS (Wikiversity)
Flexione suas habilidades de CSS, e veja onde você precisa praticar mais.
Conceitos Intermediários de CSS (HTML.net)
Agrupamento, pseudo-classes e mais.
101 Posicionamento CSS (Uma Lista À Parte)
Usando posicionamento para compilação padrão, layout table-free.
Aprimoramento Progressivo com CSS (Uma Lista À Parte)
Integre aprimoramento progressivo em páginas web com CSS.
Grades Fluídas (Uma Lista À Parte)
Design layouts que fluidamente redimencionam com a janela do navegador, enquanto ainda usando uma grade tipográfica.

Nível avançado

Usando Transformações de CSS
Aplique Rotação, distorção, escala, e tradução usando CSS.
Transições CSS
Transições CSS, parte do rascunho da especificação de CSS3, provê uma forma de animar mudanças nas propriedades de CSS em vez de ter as mudanças tomando efeito imediatamente.
Guia Rápido de Implementação de Fontes da Web com @font-face (HTML5 Rocks)
A característica @font-face do CSS3 permite que você use typefaces personalizadas na web em uma acessível, manipulável e escalável forma.
Começando a Escrever em CSS (David Walsh)
Uma introdução das ferramentas e metodologias para escrever mais sucinta, sustentável e escalavelmente em CSS.

 

Document Tags and Contributors

Contributors to this page: MatCAlv
Última atualização por: MatCAlv,