О курсе
JavaScript – это основа работы современных веб приложений и многих мобильных и десктопных приложений.
Курс JavaScript Базовый – логическое продолжение курса JavaScript Стартовый. При прохождении данного курса вы изучите главные принципы использования JavaScript при построении пользовательских интерфейсов и при создании сценариев, использующих объектно-ориентированные техники и функциональные подходы.
Эти уроки станут фундаментом для дальнейшего изучения библиотек и фреймворков, базирующихся на языке JavaScript. Также, знания, полученные на этом курсе, помогут вам при изучении и использовании такого фреймворка, как Angular или библиотеки React.
К каждому уроку имеются практические задания, выполнив которые вы не только закрепите материал, но и увидите дополнительные варианты использования изученных конструкций.
Предварительные Требования
Для понимания материалов данного курса потребуется знание базового синтаксиса JavaScript (прохождение курса JavaScript Стартовый) и знание основ HTML и CSS.
Вы научитесь
- Создавать веб страницы с полноценным пользовательским интерфейсом
- Использовать классы и наследование классов, понимать принципы объектно-ориентированного подхода при разработке на JavaScript.
- Работать с функциями конструкторами и прототипами.
- Работать с функциями и использовать замыкания – понимать, что такое лексическое окружение, контекст.
- Работать с DOM деревом, находить элементы, создавать, удалять и менять состояние существующим элементам.
- Работать со стилями через JavaScript код.
- Использовать события, применять технику делегирования событий, работая с разными фазами события (Capture Phase и Bubble Phase).
- Использовать HTML template и шаблонизатор mustache.js.
- Работать с формами и проверять данные, введенные в формы.
- Работать с данными на стороне клиента, используя cookies и Web Storage.
- Обрабатывать исключения и создавать пользовательские исключения.
- Организовывать асинхронный код с помощью функций обратного вызова и Promise.
- Создавать сетевые запросы с помощью метода fetch.
- 2 ч 24 м
- в записи
- 4 из 20
- украинский
Что входит в курс
В этом уроке будет рассмотрено окружение, в котором выполняется JavaScript код. Вы узнаете, что такое DOM и BOM. И самое главное - научитесь производить поиск нужных узлов DOM дерева, что позволит начать строить динамические веб страницы и влиять на содержимое документа с помощью JavaScript кода.
Для того чтобы строить динамические страницы, необходимо понимать, как взаимодействовать с узлами DOM дерева, а также понимать, какие свойства доступны для редактирования у этих узлов. Не менее важно - научиться переходить от элемента к элементу на основе расположения найденного элемента в DOM девере. В этом уроке вы узнаете, как происходит навигация по DOM дереву, а также типы узлов и изучите основные их свойства.
В этом уроке вы узнаете, как с помощью JavaScript кода можно манипулировать содержимым страницы – добавлять и удалять элементы. Сначала вы научитесь создавать новые узлы, а потом узнаете, как с помощью разных методов добавлять созданные узлы в нужные части страницы. Этот урок даст понимание основ создания нового контента для веб страниц с помощью JavaScript кода.
Объекты, которые находятся в DOM дереве, создаются на основе HTML разметки, а свойства для этих объектов определяются через HTML атрибуты. В этом уроке вы узнаете, как получить доступ к значениям атрибутов и как изменить атрибуты через JavaScript код. Узнаете зачем нужны data атрибуты и разберете примеры использования data атрибутов на практике.
