- Регистрация
- 30 Дек 2017
- Сообщения
- 149,096
- Симпатии
- 4,179
JavaScript. Профессиональная разработка веб-интерфейсов (6 июня - 7 августа 2023)
Описание:
Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.
На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете делать их правильно, чтобы после обучения выдавать результат высокого уровня, за который компании готовы платить.
1) Знакомство c JavaScript
Рассмотрим схему работы на курсе, какие инструменты понадобятся, и как их настроить. Разберём, что представляет собой язык JavaScript, причём здесь спецификация ECMAScript и браузер.
Как проходит курс. Организационные вопросы.
Начнём изучать основные конструкции JavaScript, особенно пристально — функции. Разберём нюансы объявления переменных. Познакомимся с инструментами разработчика.
Переменные.
Приведение типов.
Функции.
Подвешивание (hoisting) переменных и функций.
Знакомство с DevTools (инструментами разработчика).
3) Объекты и массивы
Раздел без лайва
Вы самостоятельно познакомитесь со сложными типами данных: массивами и объектами. Научитесь создавать их и управлять ими.
Сложные типы данных.
Массивы.
Колбэки (функции обратного вызова).
4) Встроенные объекты и функции
Рассмотрим существующие в самом языке JavaScript объекты и функции. Затронем контекст выполнения this. Запустим и отладим код в консоли инструментов разработчика.
Деструктуризация.
spread-синтаксис.
Встроенные объекты и их методы.
Встроенные в JavaScript функции.
Контекст функций.
5) Организация кода
Разберём понятие областей видимости. Обсудим принцип DRY (не повторяйся) и как им пользоваться для того, чтобы писать меньше кода, и при этом делать больше. Узнаем, что такое модули и как «бить» код на них; что такое точка входа.
Области видимости.
6) DOM и события
Раздел без лайва
Вы самостоятельно познакомитесь с объектной моделью документа (англ. Document Object Model или DOM). Рассмотрите, как описывать реакции на действия пользователя: ввод текста, нажатие на определённые элементы, прокрутку и прочее.
DOM-дерево.
События на странице.
Попробуем создавать, удалять, перемещать и управлять DOM-элементами. С помощью шаблонов отрисуем данные, созданные ранее.
Управление DOM-деревом.
Обработаем взаимодействие с пользователем, чтобы страница реагировала на ввод текста в формы, нажатие на определённые элементы, прокрутку и прочее. Рассмотрим, как сделать это взаимодействие доступным.
События.
Валидация форм.
Скачать:
Описание:
Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.
На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете делать их правильно, чтобы после обучения выдавать результат высокого уровня, за который компании готовы платить.
1) Знакомство c JavaScript
Рассмотрим схему работы на курсе, какие инструменты понадобятся, и как их настроить. Разберём, что представляет собой язык JavaScript, причём здесь спецификация ECMAScript и браузер.
Как проходит курс. Организационные вопросы.
- Схема работы на курсе.
- Обзор проектов.
- Критерии качества.
- Спецификация ECMAScript.
- Что даёт JavaScript'у браузер.
- Базовый синтаксис: круглые и фигурные скобки, операторы, зарезервированные слова, комментарии.
- Основные строительные блоки — переменные и функции.
- Примитивы и сложные типы данных.
- Редакторы кода.
- Линтеры.
- Сервер для разработки.
Начнём изучать основные конструкции JavaScript, особенно пристально — функции. Разберём нюансы объявления переменных. Познакомимся с инструментами разработчика.
Переменные.
- Области видимости.
- Тернарный оператор.
- Оператор множественного выбора switch.
Приведение типов.
Функции.
- Стрелочные функции.
- Параметры функций по умолчанию.
Подвешивание (hoisting) переменных и функций.
Знакомство с DevTools (инструментами разработчика).
3) Объекты и массивы
Раздел без лайва
Вы самостоятельно познакомитесь со сложными типами данных: массивами и объектами. Научитесь создавать их и управлять ими.
Сложные типы данных.
Массивы.
- Основные методы массивов.
Колбэки (функции обратного вызова).
4) Встроенные объекты и функции
Рассмотрим существующие в самом языке JavaScript объекты и функции. Затронем контекст выполнения this. Запустим и отладим код в консоли инструментов разработчика.
Деструктуризация.
spread-синтаксис.
Встроенные объекты и их методы.
- String.
- Number.
- Boolean.
- Date.
- Math.
Встроенные в JavaScript функции.
Контекст функций.
- Ключевое слово this.
- Потеря окружения.
5) Организация кода
Разберём понятие областей видимости. Обсудим принцип DRY (не повторяйся) и как им пользоваться для того, чтобы писать меньше кода, и при этом делать больше. Узнаем, что такое модули и как «бить» код на них; что такое точка входа.
Области видимости.
- Глобальная область видимости window.
- Замыкания.
- Повторное использование кода, принцип DRY.
- Понятие модуля.
- Точка входа.
- Модули ECMAScript, синтаксис import и export.
6) DOM и события
Раздел без лайва
Вы самостоятельно познакомитесь с объектной моделью документа (англ. Document Object Model или DOM). Рассмотрите, как описывать реакции на действия пользователя: ввод текста, нажатие на определённые элементы, прокрутку и прочее.
DOM-дерево.
- document — корень всего.
- Структура DOM-дерева.
- Поиск элементов на странице.
- Управление атрибутами элементов.
События на странице.
- Обработчики событий.
Попробуем создавать, удалять, перемещать и управлять DOM-элементами. С помощью шаблонов отрисуем данные, созданные ранее.
Управление DOM-деревом.
- Управление атрибутами DOM-элементов.
- Перемещение элементов в DOM-дереве.
- Создание DOM-объектов.
- Управление разметкой: append, prepend, insertAdjacentHTML, innerHTML, textContent.
- Строковая шаблонизация (шаблонные строки).
- Специальный тег <template>.
Обработаем взаимодействие с пользователем, чтобы страница реагировала на ввод текста в формы, нажатие на определённые элементы, прокрутку и прочее. Рассмотрим, как сделать это взаимодействие доступным.
События.
- Объект Event, управление событиями: preventDefault и stopPropagation.
- Фазы событий и делегирование.
- Клавиатурные события и доступность.
Валидация форм.
- Pristine — библиотека для валидации...
Скачать:
Для просмотра содержимого вам необходимо авторизоваться или зарегистрироваться.
Если у Вас нет Премиум статуса:
Преимущества VIP-подписки