Tutoriais

Tutoriais HTML

Nível introdutório

Introdução ao HTML

O que é HTML, o que ele faz, uma breve história e com que se parece a estrutura de um documento HTML. Os artigos que se seguem detalham cada parte do HTML com muito mais profundidade.

Estrutura Básica de uma página da Web (SitePoint)

Saiba, numa visão geral, como os elementos HTML se encaixam..

Referência de Elementos HTML da MDN

Uma referência abrangente para elementos HTML, e como são suportados pelos diferentes navegadores.

Desafios HTML (Wikiversity)

Use esses desafios para aprimorar suas habilidades em HTML (por exemplo, "Eu devo usar um elemento <h2> ou um elemento <strong>?"), Focando numa melhor produtividade.

CodeAvengers (CodeAvengers.com)

CodeAvengers é uma maneira divertida e eficaz de aprender a codificar aplicações web e jogos com HTML, CSS e JavaScript.

Nível avançado

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 a conexão da Internet.

Tutoriais HTML5 (HTML5 Rocks)

Faça uma visita guiada através de código que usa recursos de HTML5.

Semântica em HTML5 (A List Apart)

Conheça mais sobre a semântica extensível e a compatibilidade "backwards" e "forwards".

Canvas Tutorial

Aprenda a desenhar gráficos usando scripts usando o elemento canvas.

HTML5 Doctor

Artigos sobre o uso de HTML5.

The Joy of HTML5 audio (Elated)

Aprenda a usar o elemento audio HTML para incorporar sons em suas páginas da web facilmente. Muitos exemplos de código são incluídos no tutorial.

Tutoriais Javascript

Nível introdutório

Codecademy (Codecademy)

Codecademy é uma maneira fácil de aprender como codificar JavaScript. É interativo e você pode fazer com seus amigos.

Introdução ao JavaScript

O que é JavaScript e como ele pode ajudá-lo?

Melhores Práticas em JavaScript (WebPlatform.org)

Saiba mais sobre alguns dos melhores práticas óbvias (ou nem tanto) 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.

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.

JavaScript Eloqüente

Um guia completo de metodologias de JavaScript intermediárias e avançadas.

Padrões de Projeto Essenciais em JavaScript (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 JavaScript Orientado a Objeto

Saiba mais sobre o modelo de objeto de JavaScript.

Nível avançado

• funções,
• JQuery,
• plugins JQuery,
• design,
• construtores e literais,
• criação de objetos,
• reutilização de código e
• DOM

Guia JavaScript

Um guia completo, atualizado regularmente para JavaScript para todos os níveis de ensino, do básico ao avançado.

Aprender JavaScript Avançado (John Resig)

Guia de John Resig ao JavaScript avançado.

Apresentando o JavaScript DOM (Elated)

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.

Eloquent JavaScript (YUI Blog)

Douglas Crockford olha atentamente para os padrões de código a partir dos quais os programadores de JavaScript podem escolher ao desenvolver suas aplicações.

JavaScript Garden

Documentação das partes mais peculiares de JavaScript.

Qual Framework JavaScript? (StackOverflow)

Conselhos sobre a escolha de um Framework JavaScript.

Baixe JavaScript desbloqueado (YUI Blog)

Dicas para melhorar o desempenho do download de páginas que contenham JavaScript.

Padrões JavaScript

Uma coleção de padrões e antipadrões JavaScript que abrange padrão de funções, padrões jQuery, padrões de plugins jQuery, padrões de projeto, padrões gerais, padrões literais e de construtores, 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 para denominar páginas web com CSS.

Perguntas CSS comuns

Perguntas e respostas comuns para iniciantes.

CodeAvengers (CodeAvengers.com)

CodeAvengers é a maneira divertida e eficaz de aprender a codificar aplicações web 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)

Dar uma maior flexibilidade nas suas habilidades de utilização do CSS e ver onde você precisa de mais prática.

Conceitos CSS Intermediários (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 Fluidas (A List Apart)

Layouts de design que redimensionam fluidamente 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.