JavaScript Базовый

💥Бронируй место в группе! У нас скидки BLACK FRIDAY до 30%. Подробности акции

Записаться на курс
Пожалуйста, подождите...
Ваша заявка принята! Менеджер учебного центра свяжется с Вами в ближайшее время.

JavaScript Базовый

Старт курса
29 ноября (19:00-21:00, 3 раза в неделю)
Online

22 декабря (09:00-11:00, 3 раза в неделю)
Online

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

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

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

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

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

JavaScript Базовый

Старт курса
29 ноября (19:00-21:00, 3 раза в неделю)
Online

22 декабря (09:00-11:00, 3 раза в неделю)
Online

24 декабря (19:00-21:00, 3 раза в неделю)
Online
Продолжительность:
36 ч.
Количество уроков:
18 занятий
Стоимость обучения:
6 080грн.
UAH
RUB
USD

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

Очное обучение
Онлайн обучение
Корпоративное
Image Cover

Описание курса
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
Сертификат

По прохождению курса

Наличие сертификата Учебного Центра CyberBionic Systematics свидетельствует о Вашем владении новыми знаниями и навыками, а значит, позволяет выгодно выделиться на фоне других кандидатов и увеличивает шансы на успешное трудоустройство или продвижение по карьерной лестнице. Для получения сертификата после окончания обучения, необходимо успeшно пройти тестирование по соответствующему курсу на Testprovider.com

Этот курс входит в специальность
Курс из специальности
FrontEnd Developer
Старт обучения по специальности:
7 декабря (09:00-11:00, 3 раза в неделю)
Online

7 декабря (19:00-21:00, 3 раза в неделю)
Online
Длительность занятий:
2 часа
График:
3 раза в неделю
Продолжительность:
5 мес. / 122 часа
В одной группе:
От 6 до 20 человек

Отзывы наших студентов

JavaScript Базовый
Старт курса
29 ноября (19:00-21:00, 3 раза в неделю)
Online

22 декабря (09:00-11:00, 3 раза в неделю)
Online

24 декабря (19:00-21:00, 3 раза в неделю)
Online
Продолжи
тельность:
36 ч.
Количество уроков:
18 занятий
Стоимость обучения:
6 080грн.
Записаться
на курс
Пожалуйста, подождите...
Ваша заявка принята! Менеджер учебного центра свяжется с Вами в ближайшее время.
Записатися
на пробний урок
Пожалуйста, подождите...
Ваша заявка принята! Менеджер учебного центра свяжется с Вами в ближайшее время.