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

JavaScript Базовый

Старт курса
5 июля (19:00-21:00, 3 раза в неделю) Украинская
27 июля (09:00-11:00, 3 раза в неделю) Украинская
27 июля (19:00-21:00, 3 раза в неделю) Украинская

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

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

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

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

JavaScript Базовый

Старт курса
5 июля (19:00-21:00, 3 раза в неделю) Украинская
27 июля (09:00-11:00, 3 раза в неделю) Украинская
27 июля (19:00-21:00, 3 раза в неделю) Украинская
Продолжительность:
36 ч.
Количество уроков:
18 занятий
Стоимость обучения:
238 USD
UAH
USD
EUR

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

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

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

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

Онлайн уроки з ментором у Zoom

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

Бесплатный видеокурс

Онлайн тестирование и сертификация

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

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

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

ПРЕПОДАВАТЕЛИ КУРСА

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

10 июля, 19:00-21:00 (GMT+3)
Online
Длительность занятий:
2 часа
График:
3 раза в неделю
Продолжительность:
5 мес. / 124 часа
В одной группе:
От 6 до 25 человек
Отзывы наших студентов
icon

Отзывы с DOU

photo
Olha Aliakina
Python developer
Я пройшла курс Python Developer. Мені сподобалось, Python досить глибоко вивчали, з нуля і до асинхроного програмування, WebSocket... Насправді дуже багато тем розглянули, отримала уявлення як правцювати з БД, Git. Також вивчали Django, вже не так глибоко як Python, але достатньо, щоб робити проекти типу блог, веб магазин. Домашки у мене займали часу, якщо на базовому курсі все встигати було легко, то починаючи з ООП вже потребували більше часу. Але насправді дуже корисні завдання і різні, щоб мозок запрацював у різних напрямках однієї теми. Щоб виконати дз, у моєму курсі конктетно, треба було також переглядати лекції на ITDVN, не тільки лекцію викладача. Бо часто відповідь як вирішити певну задачку була на лекції ITDVN на відповідну тему. Після кожного з курсів можна пройти тестування і отримати сертифікацію по курсу. Для джунів це досить хороша опція, бо ці сертифікати можна викладати на лінкедин, щоб було підтвердження навчання. Що я і зробила. Тому рекомендувала б не забивати на тестування, а проходити. Я б сказала, що пройти курс Python Developer було для мене визванням, встигати робити всі домашки і кінцевий проект не було легко, але було варто того. Нагрузка відчувалась, але якраз нагрузка і запускає роботу мозку в потрібному напрямку. Я задоволена курсом.
Прочитать оригинал
icon

Отзывы с Facebook

photo
Евгений Евгеньевич
Angular Developer
Пройшов у CyberBionics все що тільки можна)) Близько 5 різних курсів по frontend після чого вже 5 років є Angular розробником і нещодавно піврічний курс по .NET Дякую школі, вона допомогла мені стати тим, хто я є.
Прочитать оригинал
icon

Отзывы с Google

photo
Дмитрий Беляев
.NET Developer
Пройшов курс за спеціальністю .NET розробник, від початку до кінця. Дуже вдячний людям за їхню працю, розуміння та допомогу. Чуйність від персоналу досить висока, так само, як і навички тренера (Михайла Козіна) - впевненість у поданні матеріалу, підкреслення важливих моментів та їх повторення при необхідності. Заняття проходять у комфортній обстановці, без будь-якої напруги. Навчання на останньому уроці не обривається, адже Команда CBS дає змогу отримати досвід роботи в їхній компанії, що є неймовірним бонусом.
Прочитать оригинал
JavaScript Базовый
Старт курса
5 июля (19:00-21:00, 3 раза в неделю) Украинская
27 июля (09:00-11:00, 3 раза в неделю) Украинская
27 июля (19:00-21:00, 3 раза в неделю) Украинская
Продолжи
тельность:
36 ч.
Количество уроков:
18 занятий
Стоимость обучения:
238 USD
Записаться
на курс
Пожалуйста, подождите...
Ваша заявка принята! Менеджер учебного центра свяжется с Вами в ближайшее время.

В украинской группе обучение проходит на украинском языке

В международной группе обучение на русском или английском языке


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