Os links nesta página levar a uma variedade de tutoriais e materiais de treinamento. Se você está apenas começando para fora, aprender o básico, ou se é um veterano em desenvolvimento web, você pode encontrar recursos úteis aqui para melhores práticas. Esses recursos são criados por empresas com visão de futuro e desenvolvedores web que adotaram padrões abertos e as melhores práticas para desenvolvimento web e que fornecem ou permitem traduções, através de uma licença de conteúdo aberto, como Creative Commons.
HTML tutoriais
Nível introdutório
- Introdução ao HTML
- O que é HTML, o que ele faz, a sua história em breve, e que a estrutura de um documento HTML se parece. Os artigos que se seguem este olhar para cada parte individual de HTML com muito mais profundidade.
- Estrutura Básica de uma página da Web (SitePoint)
- Saiba como elementos HTML se encaixam no quadro maior.
- MDN HTML elemento de referência
- Uma referência abrangente para elementos HTML, e como os diferentes navegadores apoiá-los.
- Desafios HTML (Wikiversity)
- Use esses desafios para aprimorar suas habilidades em HTML (por exemplo, "Eu devo usar um elemento <h2> ou um elemento <strong>?"), Com foco em significativa mark-up.
- CodeAvengers (CodeAvengers.com)
- Código Avengers é a maneira divertida e eficaz de aprender a aplicações web de código e jogos com HTML, CSS e JavaScript.
Advanced level
- Dicas para a criação de páginas HTML de carregamento rápido
- Otimizar páginas da Web para fornecer um site mais ágil para os visitantes e reduzir a carga sobre o servidor web e ligação à Internet.
- HTML5 Tutoriais (HTML5 Rocks)
- Faça uma visita guiada através de código que usa recursos de HTML5.
- Semântica em HTML5 (A List Apart)
- Saiba marcação significativa que é extensível e para trás e para frente-compatível.
- Canvas Tutorial
- Aprenda a desenhar gráficos usando scripts usando o elemento canvas.
- HTML5 Doctor
- Artigos sobre o uso de HTML5 agora.
- A alegria de HTML5 áudio (exaltado)
- Aprenda a usar o elemento audio HTML para incorporar sons em suas páginas da web facilmente. Muita exemplos de código são incluídos no tutorial.
Javascript tutorials
Introductory level
- Codecademy (Codecademy)
- Codecademy é uma maneira fácil de aprender como codificar JavaScript. É interativo e você pode fazê-lo com seus amigos.
- Introdução ao JavaScript
- O que é JavaScript e como ele pode ajudá-lo?
- JavaScript Melhores Práticas (WebPlatform.org)
- Saiba mais sobre alguns dos óbvio e (não tão) melhores práticas óbvias quando se escreve JavaScript.
- CodeAvengers (CodeAvengers.com)
- Código Avengers é a maneira divertida e eficaz de aprender a aplicações web de código e jogos com HTML, CSS e JavaScript.
- CodeCombat (codecombat.com/#)
- CodeCompat são uma designd jogo para ensinar-lhe JavaScript, são Open Source.
https://codecombat.com/#
Nível intermediário
- A Re-Introdução ao JavaScript
- A recapitulação da linguagem de programação JavaScript destinado a desenvolvedores de nível intermediário.
- Eloqüente JavaScript
- Um guia completo de metodologias de JavaScript intermediários e avançados.
- Essenciais Padrões JavaScript Projeto (Addy Osmani)
- Uma introdução aos padrões essenciais de desenho JavaScript.
- A linguagem de programação JavaScript (YUI Blog)
- Douglas Crockford explora a língua como ela é hoje, e como ele veio a ser.
- Introdução ao Object-Oriented JavaScript
- Saiba mais sobre o modelo de objeto de JavaScript.
Nível avançado
- Guia JavaScript
- Um guia completo, atualizado regularmente para JavaScript para todos os níveis de ensino, do básico ao avançado.
- Aprender avançada JavaScript (John Resig)
- Guia de John Resig ao avançado JavaScript.
- Apresentando o JavaScript DOM (exaltado)
- O que é o Document Object Model, e por isso é útil? Este artigo fornece uma introdução suave para esta funcionalidade JavaScript poderoso.
- Uma API Inconveniente: A Teoria do DOM (YUI Blog)
- Douglas Crockford explica o Document Object Model.
- Avançado JavaScript (YUI Blog)
- Douglas Crockford olha atentamente para padrões de código a partir do qual os programadores de JavaScript pode escolher na autoria suas aplicações.
- JavaScript Garden
- Documentação das partes mais peculiares de JavaScript.
- Qual Framework JavaScript? (StackOverflow)
- Conselhos sobre a escolha de uma estrutura de JavaScript.
- Sem bloqueio de JavaScript de Downloads (YUI Blog)
- Dicas para melhorar o desempenho do download de páginas que contenham JavaScript.
- Padrões Javascript
- Um padrão de JavaScript e coleta antipattern que cobre os padrões de função, padrões do jQuery, padrões de plugins jQuery, padrões de projeto, padrões gerais, literais e padrões do construtor, os padrões de criação de objetos, padrões de reutilização de código, DOM.
Tutoriais CSS
Nível introdutório
- CSS Introdução
- Este tutorial apresenta a Cascading Style Sheets (CSS). Ele orienta você através das características básicas de CSS com exemplos práticos que você pode experimentar por si mesmo em seu próprio computador.
- CSS Selector Classes (Wikiversity)
- Quais são as classes em CSS?
- CSS externo (Wikiversity)
- Usando CSS a partir de uma folha de estilo externa.
- Adicionando um toque de estilo (W3C)
- Um guia para iniciantes breve para denominar páginas web com CSS.
- Perguntas CSS comuns
- Perguntas e respostas comuns para iniciantes.
- CodeAvengers (CodeAvengers.com)
- Código Avengers é a maneira divertida e eficaz de aprender a aplicações web de código e jogos com HTML, CSS e JavaScript
Nível intermediário
- Referência CSS
- Referência completa para CSS, com detalhes sobre o suporte pelo Firefox e outros navegadores.
- Desafios CSS (Wikiversity)
- Flexionar suas habilidades de estilo CSS, e ver onde você precisa de mais prática.
- Conceitos CSS Intermediate (HTML.net)
- Agrupamento, pseudo-classes, e mais.
- CSS Posicionamento 101 (A List Apart)
- Usando posicionamento, disposição livre de mesa compatível com os padrões.
- Aperfeiçoamento progressivo com CSS (A List Apart)
- Integrar melhoria progressiva em suas páginas web com CSS.
- Grades de Fluidos (A List Apart)
- Layouts de design que fluidamente redimensionar com a janela do navegador, enquanto ainda estiver usando uma grade tipográfica.
Nível avançado
- Usando transformações CSS
- Aplique rotação, inclinação, a escala e tradução utilizando CSS.
- CSS Transições
- Transições CSS, parte do projecto de especificação CSS3, fornecem uma maneira de animar as alterações nas propriedades CSS, em vez de ter as alterações entrem em vigor imediatamente.
- Guia Rápido para implementar Fontes da Web com @font-face (HTML5 Rocks)
- O recurso @font-face das CSS3 permite que você use fontes personalizadas na web de uma forma acessível, manipulável, e escalável.
- Começar a escrever CSS (David Walsh)
- Uma introdução às ferramentas e metodologias para escrever CSS mais sucinto, sustentável e escalável.