Revision 1107589 of Learning the Web

<div class="summary">
<p>Möchtest du deine eigenen Websites und Web Apps erstellen? Dann bist du hier genau richtig!</p>
</div>

<p>Es gibt eine Menge über Webdesign und -entwicklung zu lernen, aber keine Sorge. Wir sind hier um dir zu helfen, egal, ob du nur ein wenig Code benötigst oder ein vollwertiger professioneller Entwickler werden möchtest.</p>

<h2 id="Wo_anfangen">Wo anfangen</h2>

<p>Wir möchten mit dir auf einen Nenner kommen. Welche Beschreibung trifft am ehesten auf dich zu?</p>

<ul class="card-grid">
 <li><span>Ich bin Anfänger</span>

  <p>Herzlich willkommen! Am besten fängst du mit unserer Serie <a href="/de/Learn/Getting_started_with_the_web">"Das Web für Einsteiger" </a>an. Hier erfährst du alles über die Grundlagen, die du zum Einstieg in die Webentwicklung brauchst.</p>
 </li>
 <li><span>Ich kenne das Web</span>
  <p>Sehr gut! In dem Fall solltest du dir die wichtigsten Webtechnologien genauer anschauen: <a href="/de/docs/Learn/HTML">HTML</a>, <a href="/de/docs/Learn/CSS">CSS</a> und <a href="/de/docs/Learn/JavaScript">JavaScript</a>.</p>
 </li>
 <li><span>Ich habe das Web gemeistert.</span>
  <p>Großartig! Dann bist du möglicherweise an unseren fortgeschrittenen <a href="/en-US/docs/Web/Guide">Guides</a> und <a href="/en-US/docs/Web/Tutorials">Tutorials</a> interessiert. Vielleicht möchtest du auch selbst <a href="/en-US/Learn/How_to_contribute">zur Learning Area beitragen</a>. ;)</p>
 </li>
</ul>

<div class="note">
<p><span id="result_box" lang="en"><span class="hps">Hinweis:</span> <span class="hps">Wir werden immer mehr Lernmaterial veröffentlichen</span><span class="hps">,</span> <span class="hps">beispielsweise</span> <span class="hps">für erfahrene</span> <span class="hps">Programmierer</span> <span class="hps">zu </span><span class="hps">spezifische</span>n <span class="hps">fortgeschrittenen Techniken</span><span>,</span> <span class="hps">native</span> <span class="hps">Entwickler, die</span> <span class="hps">neu auf dem</span> <span class="hps">Web</span> <span class="hps">sind, oder</span> <span class="hps">Menschen, die</span> <span class="hps">Design-Techniken</span> <span class="hps">lernen wollen</span><span>.</span></span></p>
</div>

<p>{{LearnBox({"title":"Schnell lernen: Vokabular"})}}</p>

<h2 id="Zusammen_mit_anderen_lernen">Zusammen mit anderen lernen</h2>

<p>Vielleicht hast du Fragen oder bist dir noch nicht sicher, wo du anfangen sollst. Mozilla ist eine weltweite Community von Web-Liebhabern, darunter auch Mentoren und Lehrer, die dir alle gerne helfen möchten. Mithilfe von WebMaker kannst du Kontakt zu ihnen aufnehmen:</p>

<ul>
 <li>Triff und unterhalte dich mit Mentoren und Lehrern im <a href="https://discourse.webmaker.org/" rel="external">discourse forum</a>.</li>
 <li><a href="https://events.webmaker.org/">Finde Events</a> und lerne das Web mit tollen Leuten kennen.</li>
</ul>

<h2 id="Teile_dein_Wissen">Teile dein Wissen</h2>

<p>Die ganze Learning Area wurde von unseren Mitmachern erstellt. Wir brauchen dich in unserem Team, egal ob du Anfänger, Lehrer oder ein erfahrener Webentwickler bist. Falls du Interesse hast, schau dir an wie du helfen kannst, und wir freuen uns, wenn du uns über unsere <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">Mailing-Listen</a> oder den <a href="/en-US/docs/MDN/Community#Get_into_IRC">IRC Channel</a> ansprichst. :)</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>Lerne das Web
  <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>