Revision 1126033 of 了解Web开发

<div class="summary">
<p>如果您正打算打造自己的网站和应用，您就来对了地方了！</p>
</div>

<p>学习网页设计与开发需要具备很多相关的基础知识，但您不用担心，我们相信在大家的帮助下，您将从摘取代码段的菜鸟慢慢转变成一名成熟又专业的开发者。</p>

<h2 id="从哪开始？">从哪开始？</h2>

<p>首先我们想了解以下您的大致情况，请您选择一个与您相仿的描述内容阅读段落：</p>

<ul class="card-grid">
 <li><span>我是个新手</span>

  <p>欢迎您！您目前适合从<a href="/zh-CN/Learn/Getting_started_with_the_web">"Web入门"</a>章节开始读起。该篇章将提供您必要的基本知识以助您顺利从运行、开发Web内容起步。</p>
 </li>
 <li><span>我会一些Web技巧</span>
  <p>那真是太好了！既然如此，我们推荐您发掘web核心技术：<a href="/zh-CN/docs/Learn/HTML">HTML</a>、<a href="/zh-CN/docs/Learn/CSS">CSS</a>和<a href="/zh-CN/docs/Learn/JavaScript">JavaScript</a>。</p>
 </li>
 <li><span>我掌握了Web知识</span>
  <p>太了不起了！如此，您可能会对我们的高级<a href="/zh-CN/docs/Web/Guide">指导</a>与<a href="/zh-CN/docs/Web/Tutorials">教程</a>感兴趣。也许您也希望在<a href="/zh-CN/Learn/How_to_contribute">学习区分享您的经验和技巧</a>。;)</p>
 </li>
</ul>

<div class="note">
<p><strong>注意：</strong> 在不久的将来，我们计划提供更多的学习途径，比如为有经验的编码者提供专业的高级技术学习，而为刚接触网页的开发者提供设计技巧的学习。</p>
</div>

<p>{{LearnBox({"title":"Quick learning: Vocabulary"})}}</p>

<h2 id="向他人请教">向他人请教</h2>

<p>如果您遇到问题或不明白怎么去做，您可以通过WebMaker项目与各位前辈联系。Mozilla是国际Web发烧友社区，内有不少乐于助人的权威人士与教员。通过WebMaker来接触他们吧：</p>

<ul>
 <li>与教员或权威人士在<a href="https://discourse.webmaker.org/" rel="external">论坛中发起话题</a>；</li>
 <li><a href="https://events.webmaker.org/">查看WebMaker的活动</a> 并从优秀的人士那里学习经验。</li>
</ul>

<h2 id="分享经验与知识">分享经验与知识</h2>

<p>我们的整个学习区皆由各位志愿者完善，不论您是初学者、教员又或是有经验的开发者，我们的团队都需要您的维护和帮助。如果您对此感兴趣，请单击浏览<a href="/zh-CN/Learn/How_to_contribute">您能帮助我们做什么</a>中的内容。我们也鼓励您通过<a href="/zh-CN/docs/MDN/Community#Join_our_mailing_lists">邮件列表</a>或<a href="/zh-CN/docs/MDN/Community#Get_into_IRC">IRC频道</a>与我们沟通交流。 :)</p>

<p>{{CommunityBox("Learn", "dev-mdc", "mozilla.dev.mdc", "mdn", "Meetings|https://wiki.mozilla.org/MDN/Projects/Content/Learning_Area/Weekly_meetings|Every Monday in IRC||Contribute|/en-US/docs/MDN/Doc_status/Learn|See the doc status for more information||Mentors to help you|/profiles/Jeremie|Jeremie")}}</p>

<h6 id="Subnav">Subnav</h6>

<ol>
 <li><a href="/zh-CN/Learn/Getting_started_with_the_web">Web入门</a></li>
 <li><a href="/zh-CN/Learn/Skills">学习web知识</a>
  <ol>
   <li><a href="https://webmaker.org/en-US/literacy" rel="external">Web阅读与书写训练</a></li>
   <li><a href="/zh-CN/Learn/Web_Mechanics">Web原理</a></li>
   <li><a href="/zh-CN/Learn/Infrastructure">Web框架构成</a></li>
   <li><a href="/zh-CN/Learn/Coding-Scripting">编写脚本代码</a></li>
   <li><a href="/zh-CN/Learn/Design_and_Accessibility">Web的设计与实现</a></li>
   <li><a href="/zh-CN/Learn/Composing_for_the_web">计划并撰写网页</a></li>
  </ol>
 </li>
 <li><a href="#">学习技术</a>
  <ol>
   <li><a href="/zh-CN/Learn/HTML">HTML</a></li>
   <li><a href="/zh-CN/Learn/CSS">CSS</a></li>
   <li><a href="/zh-CN/Learn/JavaScript">JavaScript</a></li>
   <li><a href="/zh-CN/Learn/Python">Python</a></li>
  </ol>
 </li>
 <li><a href="/zh-CN/Learn/tutorial">学习教程</a>
  <ol>
   <li><a href="/zh-CN/Learn/tutorial/How_to_build_a_web_site">如何建立一个网站</a></li>
   <li><a href="/zh-CN/Learn/tutorial/Information_Security_Basics">信息安全基础</a></li>
  </ol>
 </li>
 <li><a href="https://weblitmapper.webmakerprototypes.org/">学习资源</a></li>
 <li><a href="/zh-CN/Learn/help">获取帮助</a>
  <ol>
   <li><a href="/zh-CN/Learn/FAQ">常见问题解答</a></li>
   <li><a href="/zh-CN/docs/Glossary">术语表</a></li>
   <li><a href="https://discourse.webmakerprototypes.org/" rel="external">提出您的疑问</a></li>
   <li><a href="https://events.webmaker.org/" rel="external">与教员和权威人士交流</a></li>
  </ol>
 </li>
 <li><a href="/zh-CN/Learn/How_to_contribute">如何完善社区</a></li>
</ol>