Київ Курс

Frontend – ранковий

Записатися

Старт групи

16 Січня

Графік

пн, чт: 10:00 - 17:00

Тривалість

255 годин/ 4 місяці

Група

25 чоловік

Опис курсу

Ранковий курс Frontend – ідеальне рішення для тих, хто цікавиться ІТ-індустрією, має можливість відвідувати заняття в ранкові години, та прагне отримати знання за короткий проміжок часу.

В нашу програму ми вмістили максимум корисної інформації та базу знань, якою повинен оволодіти FrontEnd developer. А саме, 200 годин роботи над практичними кейсами, 5 модулів, розвиток софт-скіллс, додаткові безкоштовні майстер-класи та воркшопи. Насправді, після закінчення курсу ви отримаєте спеціальніть, що дозволить постійно розвиватись та бути креативним у сфері ІТ.

Що ж таке FrontEnd? Це створення клієнтської частини сайту, те, що на виході бачить користувач. Отже, щоб бути вправним фронтендщиком, потрібно володіти:

JavaScript
HTML/CSS
системою управління версіями файлів Git
фреймворками — найпопулярніші це Bootstrap, Node.js, React.js, Redux
тестуванням
автоматизацією
дебагінгом.

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

Для кого

новачкам у програмуванні (навіть тим, хто не має досвіду) віком від 16 років і знанням англійської не нижче рівня Pre-Intermediate

бажаючим навчитися розробляти з «нуля» інтерактивні, функціональні сучасні веб-сайти та бути затребуваними і конкурентоспроможними Frontend-розробником

усім, хто бажає навчатися писати код за реальними кейсам і з практичними прикладами та розвинути навички командної роботи та самопрезентації

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

Дмитро Запісочний

Senior frontend developer in MaFactory

Нікіта Ямник

Full Stack web developer

Богдан Лямзін

Senior Full Stack developer, Центр Авто

Що будете вміти

Знати популярну мову програмування JavaScript та вміти з нею працювати

Розуміти логіку роботи клієнт-серверної архітектури у контексті написання реальних додатків

Знати фреймворки React.js, Node, Express.js та інші, працювати із системою контролю версій GIT

Розробляти веб-інтерфейси та веб-додатки

Тестувати і масштабувати веб-додатки

Читати чужий код із розумінням того, як він працює

Володіти навичками soft-skills, будете підготовленим до проходження співбесіди, а також вміти презентувати себе і свій продукт англійською мовою

Програма

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

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

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

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

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

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

Модуль 2. Основи JavaScript

HTML задає розмітку сайту, CSS відповідає за зовнішній вигляд, а JavaScript призводить все в дію.
За допомогою JavaScript-коду програміст визначає, як сторінка відреагує на дії користувача.
Даний модуль познайомить студентів із синтаксисом мови.

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

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

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

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

Модуль 3. Advanced JavaScript

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

Також в цьому модулі будуть розглянуті:
• конструктори
• прототипне наслідування (prototype)
• рекурсія
• робота з колекціями
• ітератори
• генератори
• модулі
• strict mode
• регулярні вирази
• Localstorage/ Sessionstorage
• cookies
• IndexedDB
• Async/ Await
• Canvas

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

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

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

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

Модуль покриває наступні теми:
• верстка JSX
• віртуальний DOM
• components
• робота з Props/State компонента
• React Router
• Redux
• робота з ImmutableJS в React/Redux додатку

Модуль 5. Серверний JavaScript (BackEnd)

Даний модуль включає в себе:
• знайомство з технологією Node.js
• інфраструктура і використання пакетного менеджера NPM (package manager)
• фреймворк Express.js
• шаблонізатор (Mustache, Jade, EJS)
• тестування коду (unit tests)
• робота з базами даних на прикладі MongoDB (NoSQL)
• вивчення потокових збірників проектів (build system) на прикладі Gulp – конфігурація, завдання, build/deploy, CI (Continuous Integration)

Також в рамках модуля буде розглянуто один із найпопулярніших CSS-препроцесорів – SASS, його синтаксис, налаштування та інтеграція зі збирачем Gulp.

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

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

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

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

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

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

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

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

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

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

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

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