---
title: JavaScript
slug: Learn/JavaScript
tags:
  - JavaScript
  - Начала
  - Начинающий
  - Основы
translation_of: Learn/JavaScript
---
<div>{{LearnSidebar}}</div>

<p class="summary">{{Glossary("JavaScript")}} — это язык программирования, который даёт возможность реализовывать сложное поведение веб-страницы. Каждый раз, когда вы видите веб-страницу, она не только отображает статическое содержимое, но и делает большее - своевременно отображает обновление контента, выводит интерактивные карты, 2D/3D анимацию, прокручивает видео и т.д. - будьте уверены, здесь не обошлось без JavaScript.</p>

<h2 id="Учебный_план">Учебный план</h2>

<p>Считается, что JavaScript сложнее изучить, чем связанные с ним технологии, наподобие <a href="/ru/docs/Learn/HTML">HTML</a> и <a href="/ru/docs/Learn/CSS">CSS</a>. Поэтому, перед изучением JavaScript, настоятельно рекомендуем сначала ознакомиться хотя бы с этими двумя технологиями. Начните с проработки следующих модулей:</p>

<ul>
 <li><a href="/ru/docs/Learn/Getting_started_with_the_web">Начало работы с Веб</a></li>
 <li><a href="/ru/docs/Web/Guide/HTML/Introduction">Введение в HTML</a></li>
 <li><a href="/ru/docs/Learn/CSS/First_steps">Введение в CSS</a></li>
</ul>

<p>Имеющийся опыт программирования на других языках также может помочь в обучении.</p>

<p>После изучения основ JavaScript вы будете готовы к ознакомлению с более сложными темами, например:</p>

<ul>
 <li>Углублённый курс JavaScript, изложенный в нашем <a href="/ru/docs/Web/JavaScript/Guide">Руководстве по JavaScript</a></li>
 <li><a href="/ru/docs/Web/API">Программный интерфейс WebAPI</a></li>
</ul>

<h2 id="Модули">Модули</h2>

<p>Этот раздел содержит следующие модули, проходить которые рекомендуется в порядке перечисления.</p>

<dl>
 <dt><a href="/ru/docs/Learn/JavaScript/Первые_шаги">Первые шаги в JavaScript</a></dt>
 <dd>В нашем первом модуле, посвящённом JavaScript, мы сначала ответим на несколько главных вопросов, таких, как "Что такое JavaScript?",  "На что он похож?" и "Что с его помощью можно сделать?", а затем перейдём к практике - расскажем, как писать и выполнять код на JavaScript. После чего подробнее рассмотрим некоторые ключевые конструкции JavaScript: переменные, строки, числа и массивы.</dd>
 <dt><a href="/ru/docs/Learn/JavaScript/Building_blocks">Структурные элементы JavaScript</a></dt>
 <dd>В этом модуле мы продолжим изучение главных составных частей JavaScript и обратим внимание на повсеместно встречающиеся типы конструкций: условные операторы, циклы, функции и события. В ходе обучения вы уже сталкивались с ними, но только мимоходом. Теперь мы поговорим именно о них.</dd>
 <dt><a href="/ru/docs/Learn/JavaScript/Объекты">Введение в объекты JavaScript</a></dt>
 <dd>Практически всё, что встречается в JavaScript, является объектом. Начиная с таких ключевых конструкций, как строки и массивы, и заканчивая интерфейсом взаимодействия с браузером, который построен поверх JavaScript. Вы даже можете создавать собственные объекты, заключая взаимосвязанные функции и переменные в готовые пакеты. Если вы хотите продолжить изучение языка и писать более эффективный код, то очень важно понять объектно-ориентированную природу JavaScript. Чтобы помочь вам в этом, мы представляем этот модуль. В нем мы подробно рассматриваем основы и синтаксис ООП (объектно-ориентированного программирования), показываем, как создавать свои объекты, и объясняем, что такое данные в формате JSON и как с ними работать.</dd>
 <dt><a href="/ru/docs/Learn/JavaScript/Client-side_web_APIs">Клиентский Web API</a></dt>
 <dd>При написании клиентского JavaScript для сайтов или приложений вы не обойдётесь без использования API - то есть интерфейсов для работы с различными функциями браузера или операционной системы, на которой работает сайт, или даже для работы с данными, получаемыми с других сайтов или сервисов. В этом модуле мы изучим, какие это API и как использовать некоторые наиболее распространённые API, которые вам будут часто попадаться во время разработки.</dd>
</dl>

<h2 id="Решение_общих_проблем_на_JavaScript">Решение общих проблем на JavaScript</h2>

<p>Статья <a href="/ru/docs/Learn/JavaScript/Howto">Использование JavaScript для решения общих проблем</a> предоставляет ссылки к секциям контента, раскрывающих суть того, как использовать JavaScript для решения очень часто встречающихся проблем при создании веб-страницы.</p>

<h2 id="Смотрите_также">Смотрите также</h2>

<dl>
 <dt><a href="/ru/docs/Web/JavaScript">JavaScript на MDN</a></dt>
 <dd>Главная точка входа к ядру JavaScript-документации на MDN — то место, где вы найдёте обширную справочную документация по всем аспектам языка JavaScript, и некоторые продвинутые учебники для опытных JavaScript-разработчиков.</dd>
 <dt><a href="https://learnjavascript.online">Learn JavaScript</a></dt>
 <dd>Отличный ресурс для начинающих веб-разработчиков - изучайте JavaScript в интерактивной среде, с короткими уроками и интерактивными тестами с автоматизированной оценкой. Первые 40 уроков бесплатно, а полный курс доступен за небольшую разовую плату.</dd>
 <dt><a href="https://exlskills.com/learn-en/courses/javascript-fundamentals-basics_javascript">JavaScript Fundamentals на EXLskills</a></dt>
 <dd>Изучайте JavaScript бесплатно с курсом с открытым исходным кодом EXLskills, который знакомит вас со всем необходимым, чтобы начать создавать приложения в JS.</dd>
 <dt><a href="https://www.youtube.com/user/codingmath">Математика для программиста</a></dt>
 <dd>Великолепная серия видеоуроков по математике от <a href="https://twitter.com/bit101">Keith Peters</a>, которую необходимо понимать каждому эффективному программисту</dd>
</dl>