1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
|
---
title: Introdução ao Desenvolvimento Web
slug: Web/Guide/Introducao_ao_Desenvolvimento_Web
tags:
- CSS
- CodingScriping
- HTML
- Iniciante
- JavaScript
- Web
translation_of: Web/Guide/Introduction_to_Web_development
---
<p><span class="tlid-translation translation" lang="pt"><span title="">Se você está apenas começando com o desenvolvimento Web ou expandindo seus horizontes em novos domínios da espetacular Web, os links aqui devem ajudá-lo a começar.</span><br>
<br>
<span title="">Para outro conjunto (sobreposto) de links sobre recursos de aprendizado, consulte as <a href="/en-US/docs/">páginas de aprendizado</a> do MDN.</span></span></p>
<div class="note"><strong>Nota:</strong> Os recursos recomendados nesta página estão sujeitos à alterações</div>
<table>
<tbody>
<tr>
<td style="vertical-align: top;">
<h2 id="Tópicos_da_documentação">Tópicos da documentação</h2>
<h3 id="HTML">HTML</h3>
<ul>
<li><a class="external" href="http://www.w3.org/community/webed/wiki/The_basics_of_HTML" title="http://www.w3.org/community/webed/wiki/The_basics_of_HTML">O básico da Hypertext Mark-up Language (HTML)</a> — o quê exatamente é HTML?</li>
<li><a class="external" href="http://reference.sitepoint.com/html/page-structure" title="http://reference.sitepoint.com/html/page-structure">A estrutura básica de uma página web</a> — o doctype e a 'árvore' do documento</li>
<li><a class="external" href="http://reference.sitepoint.com/html/elements" title="http://reference.sitepoint.com/html/elements">Elementos HTML fundamentais</a> — estrutura, cabeçalho, lista, elementos de formulário e mais, explicados por categoria.</li>
<li><a class="external" href="http://htmldog.com/guides/htmlbeginner/" title="http://htmldog.com/guides/htmlbeginner/">Tutorial para iniciantes HTML</a> — um tutorial e exercícios que recapitulam o conhecimento básico aprendido acima.</li>
<li><a href="/en/HTML/Element" title="en/HTML/Element"><span class="external">Elementos HTML</span></a> — um guia completo para os elementos HTML elements com detalhes de como os navegadores os suportam</li>
</ul>
<h3 id="CSS">CSS</h3>
<ul>
<li><a href="/en/CSS/Getting_Started" title="Getting Started"><span class="external">Iniciando com o CSS</span></a> — um guia para iniciantes sobre CSS, cobrindo os conceitos básicos e fundamentais.</li>
<li><a href="/en/CSS/CSS_Reference" title="CSS Reference"><span class="external">Guia de referência CSS</span></a> — um guia completo para CSS com detalhes do nível de suporte do Gecko/Firefox para cada um deles.</li>
<li><a class="external" href="http://www.w3.org/MarkUp/Guide/Style" title="http://www.w3.org/MarkUp/Guide/Style">Introdução do W3C à estilização com CSS</a> — <span class="tlid-translation translation" lang="pt"><span title="">um breve guia para estilizar páginas da web para iniciantes</span></span>.</li>
<li><a href="/en/Common_CSS_Questions" title="Common CSS Questions"><span class="external">Perguntas comuns sobre CSS</span></a> — perguntas frequentes e respostas para iniciantes.</li>
<li><a class="external" href="http://www.html.net/tutorials/css/" title="http://www.html.net/tutorials/css/">Conceitos intermediários de CSS</a> — agrupamento, pseudo-classes e mais.</li>
</ul>
<h3 id="JavaScript">JavaScript</h3>
<h4 id="Iniciante">Iniciante</h4>
<ul>
<li><a href="/en/JavaScript/Getting_Started" title="en/JavaScript/Getting_Started"><span class="external">Iniciando com JavaScript</span></a> — o que é Javascript e como ele pode ajudar você?</li>
<li><a href="/en/JavaScript/Guide" title="en/JavaScript/Guide"><span class="external">Guia de referência JavaScript</span></a> — um guia completo e regularmente atualizado de JavaScript para todos os níveis de aprendizado, do iniciante ao avançado.</li>
<li><a class="external" href="https://www.youtube.com/playlist?list=PL7664379246A246CB" title="http://yuiblog.com/crockford/">Crockford no JavaScript</a> — uma série de vídeos aprofundada sobre a linguagem JavaScript.</li>
<li><a class="external" href="http://eloquentjavascript.net/contents.html" title="http://eloquentjavascript.net/contents.html">JavaScript Elouquente </a> — um guia completo para metodologias JavaScript intermediárias e avançadas.</li>
</ul>
<h4 id="Intermediário">Intermediário</h4>
<ul>
<li><a href="/en/JavaScript/A_re-introduction_to_JavaScript" title="en/JavaScript/A_re-introduction_to_JavaScript">Uma re-introdução ao JavaScript</a> — uma recapitulação da linguagem de programação JavaScript direcionada para desenvolvedores de nível intermediário.</li>
<li><a class="external" href="http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/" title="http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/">Padrões de design (design patterns) essenciais no JavaScript</a> — uma introdução à padrões de design essenciais no JavaScript</li>
<li><a href="/en/Introduction_to_Object-Oriented_JavaScript" title="en/Introduction_to_Object-Oriented_JavaScript"><span class="external">Introdução à JavaScript orientado à Objeto</span></a> — aprenda sobre o modelo de objetos do JavaScript.</li>
<li><a class="external" href="http://dev.opera.com/articles/view/javascript-best-practices/" title="http://dev.opera.com/articles/view/javascript-best-practices/">Boas práticas de Javascript (por Christian Heilmann)</a> — aprenda sobre algumas boas práticas óbvias (algumas nem tanto) quando programas em JavaScript.</li>
</ul>
<h4 id="Avançado">Avançado</h4>
<ul>
<li><a class="external" href="http://ejohn.org/apps/learn/" title="http://ejohn.org/apps/learn/">Aprendendo JavaScript avançado</a> — Um guia de John Resig para JavaScript avançado</li>
<li><a class="external" href="http://uk.video.yahoo.com/watch/111585/1027823" title="http://uk.video.yahoo.com/watch/111585/1027823">Crockford em JavaScript avançado</a> — uma série de três vídeos sobre conceitos avançados de JavaScript</li>
<li><a class="external" href="http://bonsaiden.github.com/JavaScript-Garden/" title="http://bonsaiden.github.com/JavaScript-Garden/">JavaScript Garden</a> — Documentação das partes mais peculiares do JavaScript.</li>
</ul>
</td>
<td style="vertical-align: top;">
<h2 id="Recursos">Recursos</h2>
<dl>
<dt><a class="external" href="http://www.w3.org/community/webed/wiki/Main_Page" title="http://www.w3.org/community/webed/wiki/Main_Page">W3C Web Education Community Group Wiki</a></dt>
<dd>Aborda design web, HTML e HTML5, CSS, JavaScript e acessibilidade. Este é um bom ponto de partida para iniciantes que desejam aprender fundamentos de desenvolvimento web em várias áreas</dd>
<dt><a class="external" href="http://reference.sitepoint.com/" title="http://reference.sitepoint.com/">SitePoint</a></dt>
<dd>Uma referência confiável para aprender HTML, CSS e Javascript que também menciona o suporte através de diferentes navegadores e erros conhecidos.</dd>
<dt><a class="external" href="http://htmldog.com/" title="http://htmldog.com/">HTMLDog</a></dt>
<dd>Uma completa e excelente página de referência sobre HTML e CSS para iniciantes.</dd>
<dt><a class="external" href="http://code.google.com/edu/submissions/html-css-javascript/" title="http://code.google.com/edu/submissions/html-css-javascript/">HTML, CSS, and Javascript do Ground Up</a></dt>
<dd>Estes videos tutoriais de fácil entedimento de especialistas da Google abordam os básicos de HTML, CSS e JavaScript.</dd>
<dt><a class="external" href="http://www.csstutorial.net/" title="http://www.csstutorial.net/">Tutoriais iniciantes de CSSTutorial.net</a></dt>
<dd>Uma grande variedade de textos e video tutoriais que abordam os aspectos básicos ao intermediário do CSS.</dd>
<dt><a class="external" href="http://www.tizag.com/cssT/" title="http://www.tizag.com/cssT/">Tutoriais CSS do Tizag</a></dt>
<dd>U<span class="tlid-translation translation" lang="pt"><span title="">ma referência fácil de seguir para aqueles que desejam aprender CSS através de tutoriais curtos e concisos</span></span></dd>
<dt><a class="external" href="http://jqfundamentals.com/" title="http://jqfundamentals.com/book/book.html">Fundamentos do jQuery</a></dt>
<dd>Um livro de referência de código aberto com instruções detalhadas para iniciantes de JavaScript e jQuery.</dd>
<dt><a class="external" href="http://net.tutsplus.com/tutorials/javascript-ajax/javascript-from-null-video-series/" title="http://net.tutsplus.com/tutorials/javascript-ajax/javascript-from-null-video-series/">JavaScript From Null: Uma série de vídeos</a></dt>
<dd>Uma série de videos sobre JavaScript para completos iniciantes que buscam uma abordagem mais visual de aprendizado.</dd>
</dl>
</td>
</tr>
</tbody>
</table>
|
