Javascript

Это раздел с обучающими курсами по работе с технологией Javascript. Основы работы с Javascript, события, взаимодействие с DOM деревом документа и.т.д.

4 разделов

60 уроков

Вводный курс Javascript.

28 уроков

Что такое Javascript.
Как подключить Javascript файл к html документу.
Консоль браузера и команда для работы с ней на Javascript.
Переменные в Javascript.
Типы данных в Javascript
Операции для работы со строками в Javascript
Основные математические операции в Javascript.
Функции для взаимодействия с пользователем (alert, confirm, prompt).
Объявление переменных с помощью конструкции let
Задачи по работе с переменными и числами на Javascript.
Задачи на работу с переменными. Продвинутый уровень.
Задачи. Работа со строками.
Массивы. Javascript.
Задачи по работе с массивами
Комментарии Javascript.
Условный оператор if-else (если-то) в Javascript.
Задачи с условным оператором.
Конструкция switch case в Javascript
Операции сравнения в Javascript.
Объекты в Javascript.
Объект window в Javascript
Задачи по работе с объектами в Javascript.
Циклы Javascript
Задачи. Работа с циклами.
Функции в Javascript.
Задачи по работе с Javascript функциями
Задачи. Работа с датой и временем на Javascript
Оператор для отладки Javascript кода

Javascript. Работаем с HTML и CSS (DOM).

9 уроков

Работа с HTML и CSS с помощью Javascript. Вводное видео.
Что такое DOM для веб-страниц?
Где посмотреть DOM дерево для веб-страницы.
Основы выбора элементов в DOM с помощью Javascript.
Что представляют элементы реального DOM.
Меняем html-содержимое выбранного элемента.
Работа с CSS свойствами с помощью Javascript.
Работаем с атрибутами DOM-элементов.
Создание и вставка DOM-элементов в Javascript

Javascript. Работа с событиями.

12 уроков

Что такое события на веб-странице?
Способы создания Javascript событий.
Основные типы событий в Javascript.
Пример работы с событием onclick на Javascript.
Объект события в Javascript
Управление элементом, с которым произошло взаимодействие
Отмена действия по умолчанию для элементов браузера
Свойство события currentTarget и его отличие от target.
Всплытие событий в Javascript.
Что такое proxy в Javascript
Пример. Proxy и реактивность данных 1.
Пример Proxy и реактивность данных 2

Eslint

11 уроков

Что такое Eslint и зачем он нужен
Про eslint 8 и 9 версии
Установка Eslint в проект
Добавляем простое правило для Eslint
Про настройки browser,es2021,node
Отдельный файл конфигурации для Eslint
Правила Eslint и их значения
Знакомимся с плагинами Eslint
Особенности Eslint 9
Eslint 9 особенность создания правил
Как подключить Prettier для Eslint 9

Доступ к материалам

Доступ к материалам сейчас закрыт.