diff options
Diffstat (limited to 'files/pt-br/web/guide/introduction_to_web_development/index.html')
| -rw-r--r-- | files/pt-br/web/guide/introduction_to_web_development/index.html | 98 |
1 files changed, 98 insertions, 0 deletions
diff --git a/files/pt-br/web/guide/introduction_to_web_development/index.html b/files/pt-br/web/guide/introduction_to_web_development/index.html new file mode 100644 index 0000000000..e9e156deef --- /dev/null +++ b/files/pt-br/web/guide/introduction_to_web_development/index.html @@ -0,0 +1,98 @@ +--- +title: Introdução ao Desenvolvimento Web +slug: Web/Guide/Introduction_to_Web_development +tags: + - CSS + - CodingScriping + - HTML + - Iniciante + - JavaScript + - Web +translation_of: Web/Guide/Introduction_to_Web_development +original_slug: Web/Guide/Introducao_ao_Desenvolvimento_Web +--- +<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> |