Програма курсу
Основи веб-розробки: HTML та CSS
На цьому курсі починають з налаштування робочого середовища для кодування. Вивчають базовий синтаксис HTML і CSS, розрізняють блочні та рядкові елементи. Працюють з текстом - додають контент, стилізують його і створюють гіперпосилання. Вчать додавати графіку та створювати списки.
Практичне застосування HTML та CSS
Тут переходять до створення таблиць і роботи з формами. Використовують сучасні HTML5 теги з урахуванням семантики. Вчать підключати зовнішні ресурси - іконки, шрифти, використовують FontAwesome. Освоюють позиціонування елементів, технології Flexbox та Grid для створення сучасних макетів.
Анімація та адаптивний дизайн
Цей блок поглиблено вивчає CSS Grid. Додають анімації за допомогою CSS та роблять сайти адаптивними через медіа-запити. Знайомляться з препроцесором SASS (SCSS) для більш структурованого коду. Використовують фреймворк Bootstrap для прискорення розробки.
Основи JavaScript
Починають роботу з динамічними сторінками через JavaScript. Вивчають змінні, типи даних, тернарні та логічні оператори. Працюють з інструкцією switch та циклами for, while, do...while. Розглядають різні типи функцій - Function Declaration, Function Expression, анонімні функції та callback. Використовують вбудовані функції alert, prompt, confirm.
Робота з даними в JavaScript
Поглиблено вивчають цикли та об'єкти. Розбирають методи об'єктів, копіювання об'єктів та роботу з посиланнями. Працюють з масивами - створення, методи масивів, використання циклів для обробки даних.
Поглиблений JavaScript
Аналізують контекст виконання функцій та ключове слово this. Вивчають методи call, bind та apply. Працюють з функціями-конструкторами та дескрипторами об'єктів. Використовують локальне та сесійне сховища, роблять операції з датою та часом. Розбирають глобальний об'єкт window та об'єкт лексичного оточення.
Асинхронний JavaScript та ООП
Вивчають замикання та обробку помилок через try/catch/finally. Працюють з таймерами setTimeout/setInterval. Розбирають архітектуру Event Loop в JavaScript. Ознайомлюються з об'єктно-орієнтованим програмуванням та його основними принципами.
DOM та сучасний JavaScript
Працюють з об'єктом Promise для асинхронних операцій. Використовують сучасний синтаксис async/await. Вивчають Document Object Model (DOM) та Browser Object Model (BOM), навчаються вибирати елементи на сторінці та маніпулювати ними.
Вступ до React
Знайомляться з менеджерами пакетів NPM та Yarn, оглядають властивості Webpack. Працюють з import/export. Вивчають структуру React-додатку, синтаксис JSX та props. Виконують рендеринг списків та умовний рендеринг. Розуміють концепцію віртуального DOM. Навчаються обробляти події та працювати з контрольованими та неконтрольованими компонентами.
Поглиблена робота з React
Вивчають життєвий цикл компонентів, створюють ErrorBoundary для обробки помилок. Використовують React-router-dom для маршрутизації. Працюють з порталами для рендерингу поза DOM-ієрархією компонента.
React Hooks
Детально вивчають основні React хуки - useState для стану, useRef для посилань, useEffect для побічних ефектів. Використовують useMemo та useCallback для оптимізації. Застосовують React.memo() для мемоізації компонентів.
Бібліотеки та інструменти React
Ознайомлюються з різними способами стилізації - CSS modules та Styled Components. Використовують Redux та redux-thunk для управління станом. Працюють з Material UI для готових компонентів інтерфейсу. Застосовують Formik для роботи з формами.
AI інструменти для розробників
Навчаються використовувати штучний інтелект у повсякденній роботі. Отримують підказки щодо архітектури, бібліотек та програмного забезпечення. Використовують AI для написання документації, створення функцій та скриптів. Автоматизують написання unit-тестів та тестування коду. Застосовують AI для виправлення синтаксичних та логічних помилок, оптимізації та покращення коду. Використовують інструменти для пошуку вразливостей та динамічного тестування.
Переваги навчання
Всі відеозаписи заняття та матеріали доступні протягом усього курсу. Практичні заняття проходять щотижня по 3 години. Викладач надає персональний зворотний зв'язок по кожному завданню. Доступні додаткові заняття з англійської мови для IT-фахівців. Можливе отримання сертифікації JSE. При необхідності курс можна заморозити. Студенти виконують дипломні проекти під керівництвом викладача. Закритий чат об'єднує студентів, викладача та куратора для оперативного вирішення питань.
