JavaScript Базовый

Старт курса

24 декабря (09:00-11:00, 3 раза в неделю) Украинская

24 декабря (19:00-21:00, 3 раза в неделю) Украинская

Для кого этот курс

• Начинающие c базовыми навыками работы с JavaScript.
• Студенты, прошедшие курс JavaScript Стартовый
• Разработчики с небольшим опытом в программировании на других языках.
• Тестировщики.

Предварительные требования

• Знание базового синтаксиса JavaScript (прохождение курса JavaScript Стартовый)
• Знание HTML и основных CSS свойств и CSS селекторов

JavaScript Базовый

Старт курса

24 декабря (09:00-11:00, 3 раза в неделю) Украинская

24 декабря (19:00-21:00, 3 раза в неделю) Украинская

Продолжительность:

36 ч.

Количество уроков:

18 занятий

Стоимость обучения:

238 USD

Форма обучения

Очное обучение

Онлайн обучение

Корпоративное

Записаться купить

Описание курса
JavaScript Базовый

Изучение курса JavaScript Базовый предполагает наличие начальных знаний и умений, соответвующих программе курса JavaScript Стартовый. На курсе JavaScript Базовый вы сможете детально изучить семантику и особенности работы с конструкциями языка JavaScript. На протяжении 18 занятий вы освоите главные принципы использования данного языка при построении пользовательских интерфейсов и при создании сценариев, использующих объектно-ориентированные техники и функциональные подходы. Этот курс станет фундаментом для дальнейшего изучения библиотек и фреймворков, базирующихся на языке JavaScript. Последние 2 занятия будут посвящены исключительно практике для надежного закрепления пройденного материала. Успешно завершив обучение на данном курсе, вам намного легче будет понять и начать использовать такой фреймворк, как Angular, или библиотеку React.
В курсе можно выделить несколько главных тем:
• Работа с DOM
• Обработка событий
• Объектно-ориентированное программирование, классы и наследование
• Углубленное изучение функций – контекст, лексическое окружение, замыкание
• Хранение данных на клиенте
• Работа с асинхронным кодом
• Сетевые запросы
Для каждого урока предусмотрено домашнее задание, выполнив которое, вы не только закрепите материал, но и увидите дополнительные варианты использования изученных конструкций.

Программа курса

1

Поиск элементов и DOM дерево

• Понятие окружения в JavaScript
• DOM – Document Object Model
• BOM – Browser Object Model
• Поиск элементов в DOM, использование методов querySelector и querySelectorAll
• Типы узлов DOM дерева
• Основные свойства узлов DOM дерева
• Методы для навигации по узлам DOM дерева
2

Изменение DOM дерева. CSS стили

• Способы создания узлов в DOM дереве
• Вставка и удаления узлов
• Способы клонирования узлов DOM дерева
• Свойства и атрибуты элементов
• Методы для работы с атрибутами
• Работа с пользовательскими атрибутами data-*
• Использование CSS стилей, свойства className и classList
• Вычисленные стили и работа с ними
3

События. Часть 1

• Что такое событие
• Основные события
• Обработка событий через HTML атрибуты
• Обработка событий через свойства узлов DOM дерева
• Обработка событий с помощью метода AddEventListener
4

События. Часть 2

• Объект Event для получения дополнительных данных при обработке события
• События DOMContentLoaded и load
• Примеры обработки событий мыши
• Примеры обработки событий клавиатуры
5

События. Часть 3

• Фазы прохода события по DOM дереву
• Регистрация обработчика события на разные фазы
• Отмена выполнения действия по умолчанию связанного с событием
• Отмена всплытия или погружения события
• Примеры использования делегирования события при использовании метода addEventListener
6

Функции конструкторы

• Разница между функцией фабрикой и функцией конструктором
• Использование функций конструкторов
• Работа с прототипами
• Циклическая конструкция for/in
• Использование ключевого слова instanceof
7

Классы

• Понятие классов
• Использование ключевого слова class
• Конструкторы и методы классов
• Getter и setter
• Закрытые и открытые поля классов
8

Классы. Наследование

• Наследование классов в JavaScript
• Ключевое слово extends
• Работа с конструкторами в классах наследниках
• Использование ключевого слова super
• Переопределение методов
• Статические методы и свойства
9

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

• Что такое контекст функции
• Смена контекста через методы apply, call и bind
• Планирование вызова функции, использование методов setTimeout и setInterval
• Контекст в стрелочных функциях
• Особенности использования контекста при использовании функций обратного вызова

10

Замыкания

• Глобальный объект и глобальные переменные, что такое globalThis
• Контекст выполнения
• Лексическое окружение
• Замыкания
• Примеры использования замыканий
11

Формы и элементы управления

• Тег form
• Способы получения формы и ее элементов через JavaScript код
• Примеры работы с основными элементами управления через JavaScript код
12

Проверка данных формы

• Обработка события submit
• События blur и focus
• События copy, paste и cut
• Встроенная проверка пользовательского ввода (HTML5 валидация)
• Добавление своей логики во встроенную проверку пользовательского ввода форм
• Основы работы с регулярными выражениями и примеры применения регулярных выражений для проверки пользовательского ввода
• Создание пользовательского сценария для проверки пользовательского ввода
13

Cookies и Web Storage

• Что такое cookies и как с ними работать в JavaScript
• Обзор Web Storage API
• Использование sessionStorage и localStorage
• Событие storage
14

Обработка исключений

• Что такое исключение
• Конструкция try catch
• Использование блока finally
• Использование ключевое слово throw
• Создание пользовательских исключений
15

Асинхронный код. Promise

• Что такое синхронный и асинхронный код
• Использование функций обратного вызова для организации асинхронного кода
• Использование Promise для асинхронного кода
• Цепочки promise
• Обработка исключений при работе с Promise
• Использование методов Promise API
16

Сетевые запросы

• Что такое HTTP
• Структура HTTP протокола, как выглядит запрос и ответ
• Использование метода fetch для отправки HTTP запроса через JavaScript код
• Настройка HTTP запроса при работе с методом fetch
• Отмена HTTP запроса, отправленного через метод fetch
17

Практическое занятие

Часть 1
18

Практическое занятие

Часть 2

По завершению курса Вы будете уметь

Работать с DOM деревом, находить элементы, создавать, удалять и менять состояние существующим элементам
Работать с стилями через JavaScript код
Использовать события, применять технику делегирования событий работая с разными фазами события (Capture Phase и Bubble Phase)
Использовать HTML template и шаблонизатор mustache.js
Работать с функциями конструкторами и прототипами
Использовать классы и наследование классов, понимать принципы объектно-ориентированного подхода при разработке на JavaScript

Работать с функциями и использовать замыкания – понимать, что такое лексическое окружение, контекст.
Работать с формами и проверять данные веденные в формы
Работать с данными на стороне клиента используя cookies и Web Storage
Обрабатывать исключения и создавать пользовательские исключения
Организовывать асинхронный код с помощью функций обратного вызова и Promise
Создавать сетевые запросы с помощью метода fetch

JavaScript Базовый

Для кого этот курс

Предварительные требования

JavaScript Базовый

Форма обучения

Описание курса
JavaScript Базовый

Что вы получите на курсе

Преподователи курса

Этот курс входит в специальность

FrontEnd Developer

со стажировкой после обучения

Утренняя группа

Вечерняя группа

Full-stack Developer

с трудоустройством

Вечерняя группа

Отзывы с DOU

Отзывы с Facebook

Отзывы с Google

Записаться на курс

Старт курсов

Утренняя группа

Вечерняя группа

Записаться на курс

JavaScript Базовый

Для кого этот курс

Предварительные требования

JavaScript Базовый

Форма обучения

Описание курса JavaScript Базовый

Что вы получите на курсе

Преподователи курса

Этот курс входит в специальность

FrontEnd Developer

со стажировкой после обучения

Утренняя группа

Вечерняя группа

Full-stack Developer

с трудоустройством

Вечерняя группа

Отзывы с DOU

Отзывы с Facebook

Отзывы с Google

Записаться на курс

Старт курсов

Утренняя группа

Вечерняя группа

Описание курса
JavaScript Базовый