Перейти к содержанию

Портал:JavaScript

Материал из Викижурнал

Портал Викижурнала

JavaScript

Раздел о языке интерактивной веб-разработки: основы синтаксиса, переменные, типы данных, строки, массивы, объекты, DOM, события, Node.js и практические приёмы создания динамических интерфейсов.

17статей о JavaScript
DOMстраница как объектная модель
Node.jsJavaScript на сервере

Коротко о JavaScript

JavaScript — язык программирования, который используется для создания интерактивных веб-страниц, клиентских приложений, серверных сервисов, API, инструментов сборки и пользовательских интерфейсов.

В браузере JavaScript управляет поведением страницы: реагирует на действия пользователя, изменяет элементы DOM, отправляет сетевые запросы, проверяет формы и обновляет интерфейс без полной перезагрузки страницы. На сервере JavaScript чаще всего используется через Node.js.

Основная статья: JavaScript

С чего начать

Обзор языка

История, назначение, особенности JavaScript и его роль в современной веб-разработке.

Основы JavaScript

Базовый синтаксис, выполнение кода, выражения, операторы и первые сценарии.

Переменные

Хранение данных, let, const, область видимости и изменение значений.

Типы данных

Строки, числа, логические значения, объекты, массивы, null и undefined.

Работа с данными

Строки

Текстовые значения, шаблонные строки, поиск, замена и преобразование текста.

Массивы

Списки данных, перебор элементов, добавление, удаление и преобразование коллекций.

Объекты

Структуры данных с ключами и значениями, методы, свойства и работа с вложенными данными.

Циклы

Повторение действий, перебор массивов, условий и наборов данных.

Как развивать раздел

  • Добавлять практические примеры работы с DOM и событиями.
  • Обновлять материалы по современному синтаксису JavaScript.
  • Расширять разделы о Node.js, JSON, fetch и асинхронном коде.
  • Связывать JavaScript-статьи с материалами по HTML и CSS.

JavaScript в веб-странице

DOM

Сценарии находят элементы страницы, меняют текст, классы, атрибуты и структуру документа.

DOMРабота с DOM в JavaScript

События

Клики, ввод текста, отправка форм и загрузка страницы обрабатываются через обработчики событий.

События в JavaScriptРабота с формами в JavaScript

Сеть и данные

JavaScript получает данные из API, отправляет формы, работает с JSON и обновляет интерфейс.

AJAX в JavaScriptРабота с JSON в JavaScript

Минимальный пример

<button id="hello">Нажать</button>
<p id="message"></p>

<script>
const button = document.querySelector('#hello');
const message = document.querySelector('#message');

button.addEventListener('click', () => {
  message.textContent = 'JavaScript изменил страницу';
});
</script>

Навигация по материалам JavaScript