FrontEnd

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

HTML – засіб логічної розмітки веб-сторінки. Використовуючи структуру розмітки, можливо вносити дані на сторінку. У процесі першого модуля студенти навчаться описувати цю структуру, використовуючи HTML-теги (спеціальні маркери, які зчитує браузер).

Також в першому модулі студенти вивчатимуть основи CSS, це потрібно для того, щоб розуміти, як повідомити браузеру правильне відображення HTML-тегів.

Вивчення мови включає в себе:

• селектори CSS
• оформлення елементів
• управління розміром і положенням блоків на сторінці
• поля і відступи
• порядок верстки блоку
• тестування результатів верстки
• адаптивна веб верстка;
• нюанси кросбраузерності верстки
• базова анімація
• стандарт CSS3
• основні інструменти розробника

За допомогою JavaScript-коду програміст визначає, як сторінка відреагує на дії користувача.

Даний модуль познайомить студентів курсу фронтенд із синтаксисом мови.

Студенти отримають досвід у таких напрямках:

• базові і об’єктні типи даних
• перетворення типів
• змінні і правила їх іменування
• умови, оператори, масиви, цикли, функції
• області видимості, замикання
• контекст виклику
• керуючі конструкції
• обробка помилок
• введення в браузерні події
• Localstorage/Sessionstorage.

Також студенти ознайомляться з порядком обробки подій (event loop), взаємодією з браузером DOM, функціями зворотного виклику (callback). В ході курсу студенти навчаться працювати з консоллю розробника, налагоджувати (debug) і перевіряти код на предмет помилок. Передбачено знайомство з бібліотекою Jquery, робота з DOM, управління подіями.

Після закінчення перших двох модулів студенти курсу Front End зможуть створити свій перший лендінг з необхідною розміткою і інтерактивною поведінкою.

Студенти зможуть створювати адаптивні веб-інтерфейси будь-якої складності, які будуть працювати як на широкоформатних моніторах, так і на мобільних телефонах. Також в рамках модуля буде розглянуто один з найпопулярніших CSS-препроцесорів – SASS, його синтаксис, настройки та інтеграція з Gulp. Розглянемо роботу з одним з найвідоміших CSS фреймворків Bootstrap. Крім цього, в даному модулі будуть розглянуті наступні теми:

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

Більш глибоке занурення в можливості мови. Вивчення основ об’єктно-орієнтованого програмування (ООП), базових шаблонів проектування, основ функціонального програмування, можливостей стандарту ES6/ES7 (ECMAScript).

Також в цьому модулі будуть розглянуті:

• конструктори
• прототипне наслідування (prototype)
• рекурсія
• модулі
• strict mode
• cookies
• Async/ Await

Знайомство зі стандартами WebSocket, JSONP, AJAX, XMLHttpRequest, Promise, Single Page Application, загальна інформація про RESTful API, тестування коду на сайт за допомогою фреймворків.

Модуль побудований з урахуванням досвіду останніх проектів в ІТ індустрії.

Занурення в одну з найпопулярніших бібліотек з побудови складних веб додатків – React.js. У цьому модулі студенти отримають досвід роботи з принципово новим і інноваційним підходом у формуванні сторінок сайту і додатків.

Модуль покриває наступні теми:

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

Даний воркшоп включає в себе:

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

По закінченню модуля студенти зможуть створити бекенд частина для створених раніше додатків і проектів, а також створювати і використовувати різні REST API (за допомогою популярного фреймворку Express.js).

Курс передбачає обов’язкове вивчення системи контролю версій Git, завдяки якій робота в команді та вирішення повсякденних завдань стане для студента задоволенням.

Будуть розкриті наступні теми:

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

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

Паралельно з третім модулем студенти почнуть займатися розвитком своїх внутрішніх якостей і готуватися до самопрезентації.

Ми будемо проводити повноцінні співбесіди, створюючи умови, максимально наближені до реальних.

Разом із професійними рекрутерами та інженерами із індустрії ми будемо працювати над резюме кожного студента, його вміннями презентувати себе і свою роботу, вести комунікацію, будемо повністю супроводжувати і підтримувати його в процесі проходження співбесід на стажування та у пошуку роботи.

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