Revision 1073810 of Learning the Web

<div class="summary">
<p>Do you want to make your own websites and web apps? You've come to the right place!</p>

<p>คุณต้องการที่จะพัฒนาเว็บไซต์และเว็บแอ๊พของคุณ? คุณมาถูกที่แล้ว!!</p>
</div>

<p>There's a lot to learn about web design and development, but don't worry. We're here to help you, whether you're just picking up a bit of code or becoming a full-fledged professional developer.</p>

<h2 id="Where_to_go_first">Where to go first</h2>

<p>We want to meet you where you are. Which description fits you best?</p>

<ul class="card-grid">
 <li><span>I'm a beginner</span>

  <p>Welcome! The best place to start is our series <a href="/en-US/Learn/Getting_started_with_the_web">"Getting started with the Web"</a>. It provides all the basics to get you up and running with Web development.</p>
 </li>
 <li><span>I know the web</span>
  <p>Very good! In that case we suggest you dig deeper into the technologies at the heart of the Web: <a href="/en-US/docs/Learn/HTML">HTML</a>, <a href="/en-US/docs/Learn/CSS">CSS</a>, and <a href="/en-US/docs/Learn/JavaScript">JavaScript</a></p>
 </li>
 <li><span>I've mastered the web</span>
  <p>Amazing! In that case, you may be interested in exploring our advanced <a href="/en-US/docs/Web/Guide">Guides</a> and <a href="/en-US/docs/Web/Tutorials">Tutorials</a>. You should also consider <a href="/en-US/Learn/How_to_contribute">contributing to the Learning Area</a>. ;)</p>
 </li>
</ul>

<div class="note">
<p><strong>Note</strong>: In the future we're planning to publish more learning pathways, for example for experienced coders learning specific advanced techniques, native developers who are new to the Web, or people who want to learn design techniques.</p>
</div>

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

<h2 id="Learning_with_other_people">Learning with other people</h2>

<p>If you have a question or are still wondering where to go, Mozilla is a global community of Web enthusiasts, including mentors and teachers who are glad to help you. Get in touch with them through WebMaker:</p>

<ul>
 <li>Meet and talk with mentors and teachers at the <a href="https://discourse.webmaker.org/" rel="external">discourse forum</a>.</li>
 <li><a href="https://events.webmaker.org/">Find events</a> and learn the web with awesome folks.</li>
</ul>

<h2 id="Sharing_knowledge">Sharing knowledge</h2>

<p>This whole Learning Area is built by our contributors. We need you in our team whether you are a beginner, a teacher, or a skilled web developer. If you're interested, take a look at <a href="/en-US/Learn/How_to_contribute">how you can help</a>, and we encourage you to chat with us on our <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">mailing lists</a> or <a href="/en-US/docs/MDN/Community#Get_into_IRC">IRC channel</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>

<h2 id="Subnav">Subnav</h2>

<ol>
 <li><a href="/en-US/Learn/Getting_started_with_the_web">Getting started with the web</a></li>
 <li><a href="/en-US/Learn/Skills">Learn the web</a>
  <ol>
   <li><a href="https://webmaker.org/en-US/literacy" rel="external">Web Literacy Map</a></li>
   <li><a href="/en-US/Learn/Web_Mechanics">Web mechanics</a></li>
   <li><a href="/en-US/Learn/Infrastructure">Infrastructure</a></li>
   <li><a href="/en-US/Learn/Coding-Scripting">Coding &amp; Scripting</a></li>
   <li><a href="/en-US/Learn/Design_and_Accessibility">Design &amp; Accessibility</a></li>
   <li><a href="/en-US/Learn/Composing_for_the_web">Writing &amp; planning</a></li>
  </ol>
 </li>
 <li><a href="#">Learn technologies</a>
  <ol>
   <li><a href="/en-US/Learn/HTML">HTML</a></li>
   <li><a href="/en-US/Learn/CSS">CSS</a></li>
   <li><a href="/en-US/Learn/JavaScript">JavaScript</a></li>
   <li><a href="/en-US/Learn/Python">Python</a></li>
  </ol>
 </li>
 <li><a href="/en-US/Learn/tutorial">Learning tutorials</a>
  <ol>
   <li><a href="/en-US/Learn/tutorial/How_to_build_a_web_site">How to build a web site?</a></li>
   <li><a href="/en-US/Learn/tutorial/Information_Security_Basics">Information security basics</a></li>
  </ol>
 </li>
 <li><a href="https://weblitmapper.webmakerprototypes.org/">Learning resources</a></li>
 <li><a href="/en-US/Learn/help">Getting help</a>
  <ol>
   <li><a href="/en-US/Learn/FAQ">FAQ</a></li>
   <li><a href="/en-US/docs/Glossary">Glossary</a></li>
   <li><a href="https://discourse.webmakerprototypes.org/" rel="external">Ask your questions</a></li>
   <li><a href="https://events.webmaker.org/" rel="external">Meet teachers and mentors</a></li>
  </ol>
 </li>
 <li><a href="/en-US/Learn/How_to_contribute">How to contribute</a></li>
</ol>