Курсы Frontend Developer: HTML и CSS

Ти отримаєш не лише фундаментальні знання, але й навчишся використовувати найновіші технології та інструментами. Ти швидко навчишся оформляти сторінки так, щоб вони виглядали стильно та професійно. А головне ти закладеш міцний фундамент для подальшого розвитку в Front-end.

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

Основи HTML

• Що таке HTML
• Елементи, теги та атрибути
• Структура сторінки

Налаштування середовища розробки

• Використання терміналу при веб-розробці
• Основи роботи з Git, (GitHub, Gitlab)
• Налаштування плагінів для Visual Studio Code
• Emmet plugin

Основи CSS

• Основні CSS селектори
• Як будувати структуру та називати класи
• Одиниці виміру
• Робота з кольорами
• Робота з фоном
• Робота з зображеннями
• Робота з шрифтами
• Блона модель
• Скидання стилів
• Властивість Display
• Вирівнювання та центрування (Bootstrap, Figma, Skeleton)
• FlexBox
• Таблиці HTML
• CSS Grid Layout
• Потоки в CSS, абсолютне позиціонування
• Псевдоелементи та псевдокласи
• CSS анімації

Продовження HTML

Форми.

Препроцесори SCSS, Sass, Less

Препроцесори SCSS, Sass, Less.

Методологія BEM

Методологія BEM.

Продовження CSS

• Мобільна верстка
• Адаптивна верстка
• Гумова верстка

Навички які ти отримаєш після курсу

• Вебверстка: створення привабливих вебсторінок, їх стилізація
• Використання CSS-фреймворків: майстерне володіння Bootstrap
• Ефективне налагодження коду: виявлення й виправлення помилок на льоту
• Адаптивний дизайн: створення сторінок, які красиво виглядають на будь-яких пристроях

Викладачі курсу

Світлана Троян - Front End Developer

На курсі Front-end ти опануєш сучасні технології веброзробки. Під час навчання зможеш обрати один із напрямків для подальшого розвитку: працювати з React.js, або ж Typescript та Angular.

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

HTML та CSS Стартовий

• Введення в HTML. Типи елементів та атрибути
• Введення в CSS та визначення розмірів блоків
• Робота з відступами, властивість margin та робота з текстом і видимістю елементів
• Верстання з використанням Flexbox
• Комбінування селекторів та робота з фоном, властивість background
• Семантичне верстання
• Форми
• Позиціювання елементів
• Практика

JavaScript Стартовий

• Введення в JavaScript. Змінні та типи даних
• Рядки та оператори
• Логічні структури
• Масиви та цикли
• Функції
• Об'єкти
• Практика

GIT - Основи роботи

• Основи Git
• Публікація репозиторію
• Інтеграція з IDE

JavaScript Базовий

• Пошук елементів і DOM дерево
• Зміна DOM дерева. CSS стилі
• Події. Частина 1
• Події. Частина 2
• Події. Частина 3
• Функції конструктори
• Класи
• Класи. Наслідування
• Контекст функції
• Замикання
• Форми та елементи управління
• Перевірка даних форми
• Cookies та Web Storage
• Обробка винятків
• Асинхронний код. Promise
• Мережеві запити
• Практика

HTML5 & CSS3 Поглиблений

• Принципи побудови Grid розмітки, Шаблони сайтів
• Мікродані та користувацькі дані
• WebWorker. Audio, Video
• Робота з графікою на стороні клієнта
• Canvas
• Анімації та градієнти
• Sass основи
• Практика

Практичний курс "7 кроків для успішної кар'єри в ІТ"

• Знайомство з Кар'єрним сервісом у CyberBionic Systematics
• Сайти пошуку роботи. Різниця, специфіка, рейтинг
• Аналіз ринку праці для IT-фахівців
• Реєстрація на сайтах для пошуку роботи та заповнення власних профілів
• Створення резюме (CV)
• Створення супровідного листа (Cover Letter)
• Спілкування з рекрутерами
• Підготовка до співбесіди з HR
• Підготовка до технічної співбесіди
• Як отримати офер і пройти випробувальний термін

Далі ви можете вибрати один з напрямків курсу:

TypeScript

• Вступ. Змінні та функції
• Класи та інтерфейси
• Generics
• Модулі та простори імен
• Практика

Angular

• Введення в Angular
• Події та датабайдинг
• Директиви, пайпи. Роль модулів Angular
• Компоненти та їх робота
• Основи роботи сервісів та їх роль у застосунку
• Введення в HttpClient та RxJS
• Форми в Ангуляр
• Маршрутизація
• Практичне заняття

React базовий

• Введення в React
• JSX у React
• Основи React
• Стан та життєвий цикл
• Форми
• Стилізація в React
• Створення списку нотаток
• Введення в роутинг
• Створення сторінки помилки
• Створення Модального вікна
• Hooks
• Оптимізація та продуктивність React застосунків
• Практика

Особливості курсу

• Ранкова (09:00 - 11:00) та вечірня (19:00 - 21:00) групи
• 4 курсові проєкти
• Пакет навчальних матеріалів з усіх уроків
• Сертифікат про закінчення курсу (після захисту фінального проєкту та тестування)
• Індивідуальні рекомендації тренера.

Викладачі курсу

• Денис Ковтун - Web Frontend Developer, Сертифікований тренер Microsoft
• Тарас Заславський - FrontEnd Developer
• Ростислав Силівейстр - WEB Frontend Developer
• Віталій Мазяр - Web Frontend Developer, Сертифікований тренер Microsoft
• Ілля Стародуб - Angular Developer - Creative Digital Agency Krokus, Microsoft Certified Specialist
• Володимир Виноградов - Full Stack Developer, Microsoft Certified Specialist
• Владислав Бєлік - React FrontEnd Developer, тренер-консультант за напрямком FrontEnd

Після проходження курсу випускники здобудуть навички для застосування JavaScript на достатньому рівні, щоб писати скрипти та форми, навчаться працювати з AJAX, а також налаштовувати збірку проєкту. Успішне завершення курсу дозволяє претендувати на вакансії Junior Front-End Developer.

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

Знайомство з JS

• Знайомство та план курсу
• Введення в технологію веб-розробки
• Підключення скриптів, перший запуск програми
• Взаємодія з користувачем через примітивні функції
• Git, Github

Змінні та оператори

• Коментарі
• Оголошення змінних
• Сплив змінних
• Порівняння var, let, const
• Типи даних
• Оператори

Умовні конструкції

• Умовна конструкція if/else
• Умовна конструкція switch
• Тернарний оператор
• Практика

Цикли

• Введення в цикли
• Види циклів
• Цикл while
• Цикл do…while
• Цикл for
• Інструкції break та continue
• Вкладені цикли
• Нескінчені цикли
• Практика

Масиви

• Основи роботи з масивами
• Варіанти створення масивів
• Методи для роботи з масивами
• Перебір масивів за допомогою циклів for, for…in, for…of
• Видалення елементів з масиву
• Створення простих об’єктів
• Практика

Основи функцій

• Основи роботи з функціями
• Варіанти створення функцій
• Параметри функцій, значення за замовчуванням
• Область видимості функції
• Передача параметрів у функцію за значенням та за посиланням
• Повернення значення з функції
• Замикання
• Лексична область видимості
• Рекурсія

Контекст виконання функції

• Глобальний об'єкт window
• Функціональний контекст
• Функції в об'єктах - методи
• Методи підміни контексту
• Стрілочні функції та їх відмінності від звичайних

Функції

• Функція-коллбек
• Функція вищого порядку
• Перебір масивів за допомогою методів forEach, find, map, filter, reduce

DOM

• Що таке DOM?
• Отримання існуючих DOM-елементів
• Динамічне створення та видалення нових DOM-елементів
• Керування атрибутами та вмістом DOM-елементів
• Можливі події
• Додавання обробників подій DOM-елементів

Events

• Фази обробки подій
• Делегування подій
• Об'єкт event та його методи
• BOM-об'єкти

Робота з формами

• Основні елементи-керування
• Базові навички динамічної роботи з елементами керування
• Валідація отриманих даних від користувача

WebStorages

• Cookies
• LocalStorage
• SessionStorage
• Практика

Практика та Livecoding

Регулярні вирази

• Створення регулярного вираза
• Робота з регулярними виразами за допомогою методів
• Модифікатори регулярних виразів
• Структура шаблонів. Метасимволи. Дужки. Квантифікатори

Бібліотеки та фреймворки

• Огляд популярних бібліотек та фреймворків
• Встановлення бібліотек за допомогою NPM
• Приклади роботи з розповсюдженими бібліотеками

Асинхронне виконання коду

• EventLoop
• Функції відкладеного виконання коду

ESNext

• EcmaScript
• Babel
• Spread & Rest оператори
• Деструктуризація масивів та об’єктів
• Оператор Nullish coalescing
• Оператор Optional chaining
• Інші найновіші оператори

HTTP

• Огляд клієнт-серверної архітектури
• Що таке протокол HTTP та як він працює
• Огляд технології Ajax
• Методи роботи з сервером по технології Ajax
• Приклади відкритих API
• Технологія WebSockets

Promise

• Вступ до Promise
• Стан Promise
• Обробка Promise за допомогою методів then, catch, finally
• Одночасна обробка кількох Promise
• Livecoding

ООП

• Основні поняття ООП
• Фунції-конструктори
• Прототипне успадкування
• Створення об'єкту з певним прототипом
• Створення сутностей за допомогою class
• Успадкування сутностей створених через class
• Приватні властивості
• Статичні властивості за методи class
• Практика

Робота з асинхронними функціями

• Створення власних асинхронних функцій
• Обробка асинхронних функцій з інструкцією await
• Обробка помилок

Системи збирання коду

• Огляд сучасних систем збирання коду
• Основи роботи з Gulp
• Компіляція та зборка sass-файлів
• Транспіляція та зборка js-файлів
• Плагін ESLint

Webpack

• Огляд можливостей Webpack
• Встановлення та конфігурація Webpack
• Налаштування базових лоадерів та плагінів до Webpack
• Запуск локального серверу за допомогою Webpack

Node.js

• Огляд технології Node.js
• Створення сервера на Node.js
• Приклад створення сервера за допомогою бібліотеки express на Node.js
• Приклад роботи власного фронтенд та бекенд додатків
• Огляд програми Postman

React

• Огляд поняття SPA
• Введення в React
• Основні концепції React
• Створення первого React-додатку
• Основи роботи з JSX
• Варіанти створення компонентів
• Передача props до компонентів
• Обробка подій у React-компонентах

Компоненти React

• Етапи життєвого циклу компонентів
• Порівняння класових та функціональних компонентів
• Робота з класовим компонентом
• Методи життєвого циклу класового компоненту
• Робота зі state

Функціональні компоненти в React

• Основи роботи з функціональним компонентом
• Особливості роботи з хуками: useState, useEffect, useRef, useCallback, useMemo, useContext
• Створення власних хуків

Робота з формами в React

• Робота з основними елементами керування форми

Маршрутизація в React

• Основи роботи з бібліотекою react-router-dom

Бібліотеки для роботи з React-компонентами

• Огляд бібліотек-компонентів AntD/Material UI
• Робота з стилями у React за допомогою CSS-модулів та бібліотеки styled-components
• Огляд бібліотеки для створення таблиць даних Ag Grid

Redux

• Що таке state management?
• Вступ до Redux та основні поняття
• Основні етапи data flow у Redux
• Інтеграція Redux з React-додатком
• Робота з хуками useDispatch та useSelector
• Middlewares на прикладі redux-thunk
• Livecoding

Redux-Toolkit

• Оптимізація роботи з Redux за допомогою Redux-Toolkit
• Основні поняття Redux-Toolkit
• Створення та використання RTK Query

TypeScript

• Вступ до TypeScript – переваги та недоліки
• Статична типізація у TypeScript
• Типи та інтерфейси
• Аліаси, можливі значення, необов’язкові параметри
• Generics
• Робота з TypeScript в React-додатку

Тестування React-додатків

• Основні поняття тестування програмного забезпечення
• Модульне тестування за допомогою бібліотеки Jest
• Тестування React-додатків за допомогою бібліотеки React-Testing-Library

Екзамен

Особливості курсу

• Для фахівців, які вже вміють верстати і бажають поглибити свої знання
• Заняття проходять в режимі онлайн-трансляції
• Особистий кабінет для кожного учня
• Оперативна служба підтримки студентів
• Відеозаписи занять зберігаються в особистому кабінеті
• Усі записи уроків залишаються у студентів після закінчення навчання
• Велика кількість практичних занять і Livecoding
• Викладачі курсу - практикуючі фахівці, що працюють в топових компаніях
• Можливість повернути всі внесені за навчання кошти до шостого заняття
• Бонуси курсу:
  • тренінги по проходженню співбесіди та складанню резюме з HR-фахівцем компанії;
  • тестова співбесіда з технічним фахівцем.

Викладачі курсу

• Володимир Кривошапов - Senior JavaScript Developer at Playtika
• Денис Решетняк - Senior Front-end Developer at WorkBuzz
• Олексій Павленко - Senior Full-stack Developer at Sitecraft
• Соломія Браташ - JavaScript Developer at EPAM
• Владислав Проценко - Chief Technology Officer at Profair Games
• Володимир Шайтан - Senior Full Stack Developer at UKEESS Software House
• Олексій Толстоног - Software Developer at SoftServe
• Володимир Шкарупін - Senior Developer at Archer
• Василь Петров - Senior Front-end Engineer at Pin-up.tech
• Дмитро Крулькевич - Software Engineer at Continuumua
• Валерій Хомченко - Front-end Developer at SOLAR Digital
• Денис Лебеденко - Front-end Developer at Reply
• Олексій Дом'янич - Senior Software Engineer at UKEESS Software House
• Андрій Черненко - Front-end Developer at Wargaming
• Валерій Тернавський - Software Developer at Sense Bank
• Сергій Савчук - Full Stack Developer at Copgemini Engineering
• Любомир Рудько - Senior Software Engineer at N-IX
• Ігор Михайличенко - Software Engineer at BonApp
• Роман Таран - Senior Front-end Engineer at EPAM
• Катерина Шиповська - Senior JavaScript Engineer, Software Architect at Boosta
• Роман Яремій - Full-stack Developer at NIX
• Максим Бєлкін - DM & JS Team Lead at Capgemini Engineering
• Дмитро Прокудін - JavaScript Software Engineer at Capgemini Engineering
• Антон Головін - Front-end Team Lead at ForForce
• Владислав Продан - Middle Front-end Developer at Eleks
• Андрій Посітко - Front-end Engineer at CHI Software
• Віталій Пархоменко - Front-end Developer at Capgemini Engineering
• Арсеній Деркач - Senior React.js Software Engineer
• Сергій Котерняк - Software Engineer
• Влад Балабаш - Solution Architect, Senior JavaScript Developer
• Олександр Фурманов - Front-end Developer
• Марія Манойло - Teacher at Hillel IT School

План курсу

Вступ до курсу

Розуміння взаємодії веб-браузерів та веб-серверів. Представляємо інструменти: Інструменти розробника веб-браузера, засоби прототипування веб-сторінок, IDE, робота з GitHub.

HTML

Структура документа HTML, пари тегів, елемент, посилання, вкладеність, перевірка HTML, нові та застарілі теги в HTML, основи зображень, відео та аудіо, додавання карти, створення форми з відправкою на email. Командна робота над проєктом в GitHub.

Основи CSS

Додавання CSS на веб-сторінку, селектори та їх специфічність, приєднання шрифтів, вбудований та блок-потік, позиціонування CSS, стилі браузера за замовчуванням та їх очищення.

Практикум з верстки в CSS

Модель FlexBox та Grid. Медіа-запити. Створення типової сторінки з адаптивною версткою.

CSS-фреймворки. Bootstrap and Tailwind

Введення до CSS-фреймворків, приєднання їх до сторінки та створення типових елементів веб-сторінки.

Поглиблений CSS

Поглиблені теми в CSS, анімація, трансформація. Створення анімованого бургер-меню.

Вступ до JavaScript

Додавання JavaScript на веб-сторінку, коментарі, типи даних, оголошення змінних, перетворення типів, функції, умови, тернарний оператор.

Цикли та масиви в JavaScript

Цикли, масиви та їх методи, анонімні та стрілкові функції.

Робота з об'єктами в JavaScript

Об'єкти, різні способи їх створення, JSON, прототипне наслідування, класи.

Робота з DOM та BOM в JavaScript

Вступ до BOM/DOM, пошук елементів на DOM, модифікація DOM, встановлення обробників подій, створення динамічних елементів (карусель елементів та ін.).

Взаємодія з сервером та основи NodeJS

Основи асинхронного програмування в JavaScript. Використання Fetch для відправки та отримання даних з сервера. Використання NodeJS для створення простого сервера. Доступ до API, у тому числі Open AI для штучного інтелекту.

Інтернет-магазин

Створення простого, але повнофункціонального інтернет-магазину (завантаження списку товарів з бекенду, збереження товарів в корзині, виведення інформації про товар в модальному вікні, відправка замовлення на email).

Бонусний модуль. Вступ до React та NextJS

Перші кроки до створення додатків з React/NextJS.

Після закінчення курсу ти вмієш:

• Створювати коректну розмітку HTML-сторінки і перевіряти її за допомогою валідатора
• Писати селектори в CSS
• Створювати CSS-стилі, зокрема для верстки сторінки з використанням FlexBox та CSS Grid Layout та підтримкою responsive і візуальних ефектів
• Створювати JavaScript-код для вирішення типових задач клієнтського веб-програмування
• Структурувати і проектувати JavaScript-код з використанням функцій та об'єктів, обирати та створювати коректні колекції даних, а також оформлювати код відповідно до Google JavaScript Style Guide
• Інтегрувати JavaScript і HTML, зокрема знати різні варіанти включення JavaScript до HTML, а також задання обробників подій, створення HTML-форм, побудова і використання регулярних виразів у JavaScript і HTML
• Здійснювати пошук помилок за допомогою вбудованого відладчика у браузері, моніторити використання ресурсів, користуватися консоллю для виводу інформації
• Використовувати бібліотеку jQuery для маніпуляції елементами DOM, створення базових ефектів та виконання Ajax-запитів
• Створювати і виконувати Ajax/Fetch-запити, використовувати формати XML і JSON для передачі даних
• Використовувати Git для збереження версій проєкту і публікації сайту на GitHub

Особливості курсу

• Не потрібно розтягувати навчання на роки: опанувати основи HTML, CSS i JavaScript можна за лічені тижні
• Це базовий курс, проходження якого дозволить прискоритись у вивченні інших мов програмування, що використовуються у Web, зокрема C#, Python чи Java
• Доступний кожному: вивчення HTML5, CSS3 i JS не потребує надзусиль чи додаткових знань з комп'ютерних наук
• Знаючи HTML5, CSS3 i JS, ти легко налагодиш взаємодію з веб-дизайнерами чи девелоперам
• HTML/CSS/JS - це комплект із трьох мов, які розуміють усі веб-браузери (Safari, Firefox, and Google Chrome та ін.)
• HTML, CSS і JS дозволять тобі створювати сучасні, адаптовані для мобільних пристроїв та десктопів веб-сайти з високим рівнем SEO-оптимізації
• Підтримка ментора впродовж навчального процесу
• Підсилення твого CV
• Доступ до додаткових е-курсів для навчання у власному темпі
• Онлайн-курси за рівнем англійської та Speaking Club

Викладачі курсу

Vyacheslav Koldovskyy - 20 років професійного досвіду в ІТ

Студенти ознайомлюються з оновленим фреймворком Angular 15, дізнаються про основні його переваги, можливості, компоненти та інше. Слухачі навчаться користуватись формами та HTTP-протоколом, попрактикуються в роботі з TypeScript та вивчать усю функціональність фреймворку, необхідну для створення односторінкових SPA-додатків.

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

Вступ в Angular

• Знайомство з фреймворком
• Основні переваги
• Унікальні можливості
• Знайомство та робота з TypeScript
• Основи модульної архітектури

Створення першого додатка та структура фреймворку

• Запуск першого проєкту
• Робота з CLI
• Організація коду в Angular-додатку
• Standalone Components vs NgModules
• Підключення змінних та функцій

Основи роботи з DOM в Angular

• Компоненти та їх структура
• Директиви (структурні та атрибутивні)
• Pipes (вбудовані та кастомні)
• Шаблонізація та робота з подіями
• Вступ до Angular Elements

Робота з даними та реактивністю

• Прив'язка даних (Data Binding)
• Декоратори та сервіси
• Взаємодія між компонентами
• Сигнали (Signal API) та Observables
• Використання HttpClient для роботи з API

Робота з формами

• Шаблонні та реактивні форми
• Валідація форм
• Отримання та обробка даних з форм
• Динамічні форми та кастомні валідатори

Життєві цикли компонентів

• Використання хуків життєвого циклу
• constructor, ngOnInit, ngOnDestroy та інші
• Детальний розбір роботи з компонентами

Маршрутизація та Lazy Loading

• Angular Router: основи та налаштування
• Динамічні маршрути та передача параметрів
• Захист маршрутів (Guards)
• Lazy Loading для оптимізації продуктивності

Оптимізація, тестування та Best Practices

• Робота з Change Detection та оновлення UI
• Використання NgRx або Signals для керування станом
• Юніт-тестування компонентів та сервісів
• Angular Material та інші UI-бібліотеки

Мінімальні вимоги

• Впевнене знання JavaScript
• Вміння працювати з системою контролю версій

Після курсу ви зможете

• Розуміти цілі розробки фреймворка і переваги його використання
• Розбиратися в принципах двостороннього зв'язування даних
• Працювати з формами, перевіряти їх та обробляти помилки
• Працювати з вбудованими директивами й створювати свої
• Створювати прості односторінкові додатки, використовуючи фреймворк
• Використовувати CLI (Command line interface) для створення і розробки проєкту

Особливості курсу

• Допомога ментора
• Практика
• Проєкт в портфоліо
• Сертифікат про проходження курсу

Курс дозволить опанувати та зрозуміти принципи роботи HTML, CSS та JavaScript. На заняттях Ви навчитесь працювати з бібліотеками React.js, Redux, розумієте принципи побудови сучасних односторінкових додатків. Додатково отримаєте Soft навики, такі як робота в команді, розподіл задач, вміння презентувати себе та свої проєкти, критичне мислення та інше.

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

Підготовка до початку курсу

Наші студенти починають вчитися фактично одразу після того, як успішно проходять тестування і зараховуються на програму. Кожен при цьому отримує підготовчі теоретичні матеріали з верстки та Javascript. Перед кожним стоїть перша теоретична задача, щоб одразу перейти до практики на конкретних прикладах.

Модуль: Soft Skills

• Основні комунікативні навички.
• Орієнтування у ситуації спілкування.
• Управління емоціями.
• Емоційний інтелект.
• Критичне мислення.
• Робота у команді.
• Самопрезентація.

Модуль 1. Частина 1: Основи HTML, CSS

• HTML – засіб логічної розмітки веб-сторінки
  • Використовуючи структуру розмітки, можливо вносити дані на сторінку. У процесі першого модуля студенти навчаться описувати цю структуру, використовуючи HTML-теги
• Основи CSS
  • Селектори CSS
  • Оформлення елементів
  • Управління розміром і положенням блоків на сторінці
  • Поля і відступи
  • Порядок верстки блоку
  • Тестування результатів верстки
  • Адаптивна веб-верстка
  • Нюанси кросбраузерності верстки
  • Базова анімація
  • Стандарт CSS3
  • Основні інструменти розробника
• Основи JavaScript
  • Базові і об’єктні типи даних
  • Перетворення типів
  • Змінні і правила їх іменування
  • Умови, оператори, масиви, цикли, функції
  • Області видимості, замикання
  • Контекст виклику
  • Керуючі конструкції
  • Обробка помилок
  • Введення в браузерні події
  • Localstorage/Sessionstorage
  • Порядок обробки подій (event loop)
  • Взаємодія з браузером DOM
  • Функціями зворотного виклику (callback)
  • Знайомство з бібліотекою Jquery

Модуль 2. Advanced HTML/CSS

• CSS методології на прикладі BEM
• Верстка з піксельної точністю
• Верстка з підтримкою Retina екранів
• Крос-браузерна верстка
• Web accessibility
• Mobile first

Модуль 3. Advanced JavaScript

• Основи об’єктно-орієнтованого програмування (ООП)
• Базові шаблони проєктування
• Основи функціонального програмування
• Можливості стандарту ES6/ES7 (ECMAScript)
• Також будуть розглянуті:
  • Конструктори
  • Прототипне наслідування (prototype)
  • Рекурсія
  • Модулі
  • Strict mode
  • Cookies
  • Async/ Await
• Знайомство зі стандартами WebSocket, JSONP, AJAX, XMLHttpRequest, Promise, Single Page Application
• Загальна інформація про RESTful API

Модуль 4. Основи роботи з бібліотекою React.js.

• Верстка JSX
• Віртуальний DOM
• Components
• Робота з Props/State компонента
• React Router
• Redux
• Робота з ImmutableJS в React/Redux додатку
• Робота з middleware, Redux-thunk
• Redux-forms
• Тестування додатку за допомогою Jest та Enzyme
• Використання хуків у React

Воркшоп: Серверний JavaScript (BackEnd)

• Знайомство з технологією Node.js
• Інфраструктуру і використання пакетного менеджера NPM (package manager)
• Фреймворк Express.js
• Роботу з базами даних на прикладі MongoDB

Додаткові навички

• Робота з Git Bash
• Workflow від створення сховища до його відправки на віддалений сервер
• Робота з гілками
• Робота з файлами

Воркшопи та майстер класи

• Курс Front End включає майстер-класи, воркшопи та участь у вебінарах від ізраїльських та українських фахівців

Soft skills, технічна англійська і підготовка до співбесіди

Фінальний проєкт

Команди студентів курсу фронтенд будуть працювати над фінальним проєктом за методикою scrum. Кожен проєкт розпочнеться з реалізації задачі клієнта. По закінченню фінального проєкту студенти-девелопери будуть презентувати його перед членами Наглядової ради.

Бонусний модуль: Англійська для ІТ

Особливості курсу

• Живі заняття у вечірній час (19:00-22:00)
• Система оцінки знань
• Постійна підтримка ментора
• Робота над реальними проєктами у команді
• Увага до Soft skills
• Допомога у працевлаштуванні

Викладачі курсу

• Ігор Тоболяков - Front End Developer в Newfold Digital
• Віталій Мудрий - Software Engineer в Gravity
• Роман Марченко - Senior Frontend Developer, Freelance
• Арсеній Деркач - Front-end React developer в Revjet
• Максим Матвеєв - FrontEnd developer, Freelance
• Богдан Адмін - Senior Software Engineer, NDA
• Іван Сердюков - Web development lead at Clario
• Андрій Моргун - Middle front-end engineer, LULU Software
• Станіслав Чірва - Senior Frontend (JS) Engineer, EPAM Systems