Онлайн-курс повного дня
Детальніше про курс
ДНІ НАВЧАННЯ
- Вт 19:00
- Пт 19:00
ТРИВАЛІСТЬ КУРСУ
3 місяці | 26 занять
Опис курсу
ВАРТІСТЬ НАВЧАННЯ
Розтермінування від 1656 грн / міс
13559 грн при повній оплаті
Все про знижки та оплату
ЗАНЯТТЯ, ДЗ, ПРОЄКТИ, ПІДТРИМКА
Занять: 52 годин
Д/з: 58 годин
Проєкт: 16 годин
Підтримки: 23 годин
FRONT-END ADVANCED - це поглиблений курс, який допоможе поглиблено вивчити Javascript, React, Redux, Typescript і інші технології.
Завдання курсу - дати достатню кількість знань та практики, аби працевлаштуватись на позицію "trainee/junior Front-End".
Після курсу ви володітимете достатнім рівнем знань для повноцінної роботи trainee Front-End dev.
Програма навчання
• Вкладка Console в Chrome Devtools
• Основи синтаксису: вирази, інструкція і крапка з комою
• Змінні: оголошення let/const, імена змінних
• Типи примітивів;
• Вивід даних: console.log, alert
• Отримання даних від користувача: prompt та confirm
• Числа. Основні оператори.
• Вбудовані об'єкти: Math и Number
• Рядки. Конкатенація и шаблонні рядки. Методи рядків.
• Логічні оператори: &&, ||, !
• Розгалуження: if, else, else if
• Variable scope
• Тернарний оператор
• switch
• Цикли while, do...while і for
• Директиви break та continue
• Масиви: літерал массива, элементи, індексація, length
• Передача за посиланням і за значенням
• Перебор масива і цикл for...of
• Методи масивів: split (і join), indexOf і includes, push і pop, slice і splice, concat
...
• Об'єкти window і document
• Ієрархія DOM-вузлів
• Пошук DOM-вузлів з querySelector
• Властивості textContent
• Робота з classList та атрибутами
• Створення вузлів
• Вставка вузлів: appendChild, insertBefore, append, prepend і тп.
• Видалення: removeChild і remove
• Парс рядків: innerHTML і insertAdjacentHTML
• Події. Створення та видалення слухачів
• Об'єкт події- Поведінка за замовчуванням
• click, input, submit, keyboard events
• Поширення подій
• Виниклення подій
• Делегування подій
• chatty events (scroll і input) і throttling\debouncing c Lodash.throttle і Lodash.debounce- • IntersectionObserver і його поліфіл с polyfill.io
• scrollspy і image lazy load
• Node.js і npm
• npm-пакети і npm-скрипти
...