---
title: JavaScript
slug: Learn/JavaScript
tags:
  - Beginner
  - CodingScripting
  - JavaScript
  - JavaScripting beginner
  - Landing
  - Module
  - NeedsTranslation
  - Topic
  - TopicStub
  - 'l10n:priority'
translation_of: Learn/JavaScript
---
<div>{{LearnSidebar}}</div>

<p class="summary">{{Glossary("JavaScript")}} is a programming language that allows you to implement complex things on web pages. Every time a web page does more than just sit there and display static information for you to look at — displaying timely content updates, or interactive maps, or animated 2D/3D graphics, or scrolling video jukeboxes, and so on — you can bet that JavaScript is probably involved.</p>

<h2 id="Learning_pathway">Learning pathway</h2>

<p>JavaScript is arguably more difficult to learn than related technologies such as <a href="/en-US/docs/Learn/HTML">HTML</a> and <a href="/en-US/docs/Learn/CSS">CSS</a>. Before attempting to learn JavaScript, you are strongly advised to get familiar with at least these two technologies first, and perhaps others as well. Start by working through the following modules:</p>

<ul>
 <li><a href="/en-US/docs/Learn/Getting_started_with_the_web">Getting started with the Web</a></li>
 <li><a href="/en-US/docs/Web/Guide/HTML/Introduction">Introduction to HTML</a></li>
 <li><a href="/en-US/docs/Learn/CSS/Introduction_to_CSS">Introduction to CSS</a></li>
</ul>

<p>Having previous experience with other programming languages might also help.</p>

<p>After getting familiar with the basics of JavaScript, you should be in a position to learn about more advanced topics, for example:</p>

<ul>
 <li>JavaScript in depth, as taught in our <a href="/en-US/docs/Web/JavaScript/Guide">JavaScript guide</a></li>
 <li><a href="/en-US/docs/Web/API">Web APIs</a></li>
</ul>

<h2 id="Modules">Modules</h2>

<p>This topic contains the following modules, in a suggested order for working through them.</p>

<dl>
 <dt><a href="/en-US/docs/Learn/JavaScript/First_steps">JavaScript first steps</a></dt>
 <dd>In our first JavaScript module, we first answer some fundamental questions such as "what is JavaScript?", "what does it look like?", and "what can it do?", before moving on to taking you through your first practical experience of writing JavaScript. After that, we discuss some key JavaScript features in detail, such as variables, strings, numbers and arrays.</dd>
 <dt><a href="/en-US/docs/Learn/JavaScript/Building_blocks">JavaScript building blocks</a></dt>
 <dd>In this module, we continue our coverage of all JavaScript's key fundamental features, turning our attention to commonly-encountered types of code block such as conditional statements, loops, functions, and events. You've seen this stuff already in the course, but only in passing — here we'll discuss it all explicitly.</dd>
 <dt><a href="/en-US/docs/Learn/JavaScript/Objects">Introducing JavaScript objects</a></dt>
 <dd>In JavaScript, most things are objects, from core JavaScript features like strings and arrays to the browser APIs built on top of JavaScript. You can even create your own objects to encapsulate related functions and variables into efficient packages. The object-oriented nature of JavaScript is important to understand if you want to go further with your knowledge of the language and write more efficient code, therefore we've provided this module to help you. Here we teach object theory and syntax in detail, look at how to create your own objects, and explain what JSON data is and how to work with it.</dd>
 <dt><a href="/en-US/docs/Learn/JavaScript/Client-side_web_APIs">Client-side web APIs</a></dt>
 <dd>When writing client-side JavaScript for web sites or applications, you won't go very far before you start to use APIs — interfaces for manipulating different aspects of the browser and operating system the site is running on, or even data from other web sites or services. In this module we will explore what APIs are, and how to use some of the most common APIs you'll come across often in your development work. </dd>
</dl>

<h2 id="Solving_common_JavaScript_problems">Solving common JavaScript problems</h2>

<p><a href="/en-US/docs/Learn/JavaScript/Howto">Use JavaScript to solve common problems</a> provides links to sections of content explaining how to use JavaScript to solve very common problems when creating a webpage.</p>

<h2 id="See_also">See also</h2>

<dl>
 <dt><a href="/en-US/docs/Web/JavaScript">JavaScript on MDN</a></dt>
 <dd>The main entry point for core JavaScript documentation on MDN — this is where you'll find extensive reference docs on all aspects of the JavaScript language, and some advanced tutorials aimed at experienced JavaScripters.</dd>
 <dt><a href="https://www.youtube.com/user/codingmath">Coding math</a></dt>
 <dd>An excellent series of video tutorials to teach the math you need to understand to be an effective programmer, by <a href="https://twitter.com/bit101">Keith Peters</a>.</dd>
</dl>