Уроки JavaScript для начинающих / #2 – Основные моменты при работе с JavaScript

YOUTUBE · 18.11.2025 18:09

Ключевые темы и таймкоды

Введение в JavaScript

0:00
  • Обсуждение основных моментов работы с языком JavaScript.
  • Рекомендация сайта itproger.com для получения кода и домашних заданий.
  • JavaScript отвечает за пользовательские функции, выполняемые на стороне клиента без перезагрузки страницы.

Структура веб-сайта Google

0:59
  • Сайт Google построен на основе HTML, CSS и дополнительных технологий.
  • HTML определяет расположение элементов на странице.
  • CSS добавляет стили к элементам.
  • Обработка данных на сервере происходит с помощью Python.

Клиентская и серверная части

1:55
  • Клиентская сторона обрабатывает функции без перезагрузки страницы, например, отображение меню при нажатии на кнопку.
  • Серверная часть обрабатывает алгоритмы и подбирает релевантные веб-сайты.

Возможности JavaScript

2:55
  • JavaScript позволяет создавать кнопки и меню, взаимодействующие с пользователем без перезагрузки страницы.
  • Пример: изменение текста внутри абзаца при нажатии на кнопку.

Управление HTML-тэгами

3:46
  • JavaScript управляет структурой HTML-тэгов на веб-странице.
  • Переход к практике: открытие файла index.html в браузере.

Тег <noscript>

4:33
  • Тег <noscript> выводит сообщение, если JavaScript выключен у пользователя.
  • Пример использования: сообщение «Включите JavaScript».
  • Проверка работы тега в браузере.

Тег <script>

5:33
  • Тег <script> используется для выполнения JavaScript-кода.
  • Изучение тега <script> в контексте разработки веб-сайтов.

Введение в тег <script>

6:27
  • Тег <script> позволяет подключить сторонний JavaScript-файл или прописать код внутри него.
  • Код обрабатывается в пределах текущей страницы.
  • Более детальное изучение тега будет в следующем уроке.

Расположение тега <script> на странице

7:25
  • Тег <script> можно разместить в любом месте HTML-документа: внутри тегов <head> или <body>.
  • Обычно теги <script> помещают перед закрывающим тегом <body>, так как JavaScript требует больше времени на загрузку.

Преимущества размещения тега в конце

8:23
  • Размещение тегов <script> в конце HTML-файла позволяет браузеру сначала отобразить страницу со стилями, а затем загрузить скрипты.
  • Это правило осталось с времён медленного интернета.

Несколько тегов <script>

9:18
  • Можно использовать несколько тегов <script> на странице, и код будет выполняться последовательно.
  • Обычно достаточно одного тега <script>.

Комментарии в JavaScript

10:17
  • В HTML комментарии создаются с помощью угловых скобок, восклицательного знака и дефисов.
  • В JavaScript комментарии создаются с помощью двух слэшей //.
  • Многострочные комментарии создаются с помощью слэша и знака звёздочки /* ... */.

Заключение

12:13
  • Анонс следующего урока: написание кода на основе JavaScript и вывод информации на страницу и в консоль.
  • Призыв подписаться на канал и посетить сайт.