Скачать [HTML Academy] JavaScript. Профессиональная разработка веб-интерфейсов [27 сентября — 28 ноября 2022]

[Admin]

Онлайн‑курс JavaScript. Профессиональная разработка веб-интерфейсов

27 сентября — 28 ноября 2022

Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.
​

Раздел 1
Знакомство c JavaScript
Рассмотрим схему работы на курсе, какие инструменты понадобятся, и как их настроить. Разберём, что представляет собой язык JavaScript, причём здесь спецификация ECMAScript и браузер.
Как проходит курс. Организационные вопросы.

• Схема работы на курсе.
• Обзор проектов.
• Критерии качества.

Язык JavaScript

• Спецификация ECMAScript.
• Что даёт JavaScript'у браузер.

Основы JavaScript.

• Базовый синтаксис: круглые и фигурные скобки, операторы, зарезервированные слова, комментарии.
• Основные строительные блоки — переменные и функции.
• Примитивы и сложные типы данных.

Рабочие инструменты.

• Редакторы кода.
• Линтеры.
• Сервер для разработки.

Раздел 2
Основные возможности JavaScript

Начнём изучать основные конструкции JavaScript, особенно пристально — функции. Разберём нюансы объявления переменных. Познакомимся с инструментами разработчика.

Переменные.

• Области видимости.

Условные операторы.

• Тернарный оператор.
• Оператор множественного выбора switch.

Циклы.

Приведение типов.

Функции.

• Стрелочные функции.
• Параметры функций по умолчанию.

rest-параметры.

Подвешивание (hoisting) переменных и функций.

Знакомство с DevTools (инструментами разработчика).

Раздел 3
Объекты и массивы

Раздел без лайва

Вы самостоятельно познакомитесь со сложными типами данных: массивами и объектами. Научитесь создавать их и управлять ими.

Сложные типы данных.

Массивы.

• Основные методы массивов.

Объекты.

Колбэки (функции обратного вызова).

Раздел 4
Встроенные объекты и функции

Рассмотрим существующие в самом языке JavaScript объекты и функции. Затронем контекст выполнения this. Запустим и отладим код в консоли инструментов разработчика.

Деструктуризация.

spread-синтаксис.

Встроенные объекты и их методы.

• String.
• Number.
• Boolean.
• Date.
• Math.

Оператор new.

Встроенные в JavaScript функции.

Контекст функций.

• Ключевое слово this.
• Потеря окружения.

DevTools. Использование Console (консоли).

Раздел 5
Организация кода

Разберём понятие областей видимости. Обсудим принцип DRY (не повторяйся) и как им пользоваться для того, чтобы писать меньше кода, и при этом делать больше. Узнаем, что такое модули и как «бить» код на них; что такое точка входа.

Области видимости.

• Глобальная область видимости window.
• Замыкания.

Модульность.

• Повторное использование кода, принцип DRY.
• Понятие модуля.
• Точка входа.
• Модули ECMAScript, синтаксис import и export.

DevTools: отладка кода с помощью Sources (исходников).

Раздел 6
DOM и события

Раздел без лайва

Вы самостоятельно познакомитесь с объектной моделью документа (англ. Document Object Model или DOM). Рассмотрите, как описывать реакции на действия пользователя: ввод текста, нажатие на определённые элементы, прокрутку и прочее.

DOM-дерево.

• document — корень всего.
• Структура DOM-дерева.
• Поиск элементов на странице.
• Управление атрибутами элементов.

Шаблоны и данные.

События на странице.

• Обработчики событий.

Раздел 7
Манипуляции с DOM

Попробуем создавать, удалять, перемещать и управлять DOM-элементами. С помощью шаблонов отрисуем данные, созданные ранее.

Управление DOM-деревом.

• Управление атрибутами DOM-элементов.
• Перемещение элементов в DOM-дереве.

Подходы к созданию DOM-элементов.

• Создание DOM-объектов.
• Управление разметкой: append, prepend, insertAdjacentHTML, innerHTML, textContent.

Шаблонизация.

• Строковая шаблонизация (шаблонные строки).
• Специальный тег <template>.

Раздел 8
Работа с событиями

Обработаем взаимодействие с пользователем, чтобы страница реагировала на ввод текста в формы, нажатие на определённые элементы, прокрутку и прочее. Рассмотрим, как сделать это взаимодействие доступным.

События.

• Объект Event, управление событиями: preventDefault и stopPropagation.
• Фазы событий и делегирование.
• Клавиатурные события и доступность.

Event Loop.

Валидация форм.

• Pristine — библиотека для валидации форм.

Валидация с помощью регулярных выражений.

DevTools: возможности Elements (инспектора) для работы с DOM и событиями.

Раздел 9
Внешние API и сторонние библиотеки

Рассмотрим, как не «писать свой велосипед», а переиспользовать чужой опыт и код. Познакомимся с понятием программного интерфейса (англ. Application Programming Interface...

Вам нужно зарегистрироваться для просмотра ссылки

Пожалуйста Войдите или Зарегистрируйтесь для просмотра скрытого текста.

or

Пожалуйста Войдите или Зарегистрируйтесь для просмотра скрытого текста.

Скачать:

Если у Вас нет Премиум статуса:

Преимущества VIP-подписки

Оформить VIP-Подписку