Старт курсу: 26 липня
Front-end розробка
Розпочніть свій шлях в IT всього за 3 місяці інтенсивного навчання з senior front-end developer компанії N-iX Світланою Сікорою, яка брала участь у розробці застосунків для компаній Honda, Toyota і Ryanair.
Навчіться front-end розробці на практиці: створіть свій перший повноцінний вебсайт — від макета до завантаження на хостинг разом із лекторкою з досвідом викладання понад 7 років!
Реєстрацію завершено. Якщо хочете приєднатись до наступного запуску курсу, залиште свої дані і ми зв’яжемось із вами, коли реєстрація відкриється.
До завершення продажів залишилося:
До старту курсу залишилося:
- 00днів
- 00годин
- 00хвилин
Що ви вивчите?
Курс дозволить отримати практичні навички — достатні, щоб знайти першу роботу за спеціальністю, а саме:
- сформувати глибоке розуміння трьох головних технологій для front-end розробника: HTML, CSS та JavaScript;
- розібратися в особливостях роботи браузерів;
- заглибитись у нюанси анімації, адаптивної верстки для будь-яких пристроїв та різного роду ефектів;
- навчитися застосовувати JavaScript для динамічності та інтерактивності вебсторінок;
- навчитися налагоджувати front-end <=> back-end комунікацію;
- розібратись із системою контролю версій Git для зручної спільної розробки в команді;
- пройти шлях створення повноцінного вебсайту — від макета до завантаження на хостинг.
Формат курсу
• Відеолекції
• Практичні завдання
• Вебінари
• Чат-підтримка в Slack
• Курсовий проєкт (опційно)
• Презентації
• Тестування
• Матеріали для самостійного опрацювання
• Необмежений доступ до курсу
• Сертифікат
Тривалість
• 11 тижнів • 20+ годин відеолекцій • 50+ практичних завдань • Курсовий проєкт (опційно)
Хто такий front-end розробник?
Це програміст, який відповідає за зовнішній вигляд сайтів, вебсервісів та мобільних додатків: верстку шаблонів, оформлення тексту, клієнтську логіку програмного продукту та взаємодію користувача з інтерфейсом. Без нього неможливо створити зручний та ефективний цифровий продукт.
Приєднуйтеся до числа слухачів курсу, щоб опанувати затребувану професію та розпочати свій шлях в IT.
Чому цей курс?
Це оптимальний старт для кар’єри в IT
За умови старанного проходження курсу і виконання всіх завдань ви зможете претендувати на першу роботу вже через 11 тижнів!
Перший досвід
Під час навчання вам буде запропоновано виконати курсовий проєкт, який можна використати для портфоліо: це значно підвищить шанс на працевлаштування.
Кар’єрні перспективи
Тільки за минулий рік кількість пропозицій роботи для front-end розробників згідно з даними Dou збільшилася майже вдвічі: з 6787 до 11673.
Стабільна робота
Ви не залишитеся без роботи навіть у надзвичайних обставинах. Працюйте в офісі або вдома з будь-якої точки світу.
Сфера, що розвивається
Важко знайти компанію, не представлену в онлайні, і ця тенденція щороку лише набирає обертів. Front-end розробник потрібен кожному бізнесу, що має свій сайт.
Найкраще співвідношення ціна/якість
Гарантуємо одну з найвигідніших цінових пропозицій на ринку при незмінно високій якості освітнього продукту: ми перевіряли!
Для кого цей курс?
Початківці
які тільки розпочинають шлях у сфері IT
ІТ-спеціалісти
які бажають додати до своїх компетенцій front-end розробку
Інші спеціалісти
які хочуть змінити рід діяльності на користь більш прибуткової та перспективної роботи
Після проходження курсу ви зможете:
створювати верстку вебсайтів та додатків для будь-яких пристроїв
створювати сайти, які будуть коректно відображатися в усіх браузерах
анімувати елементи вебсторінок
застосовувати JavaScript для динамічності та інтерактивності
писати асинхронний код на JavaScript
здійснювати запити на сервер, отримувати та опрацьовувати відповідь від нього
працювати з пакетними менеджерами та використовувати їх для підключення сторонніх модулів
працювати з Git
Навчайся в найкращих

Світлана Сікора
- Senior front-end розробник в компанії N-iX
- Досвід роботи у сфері front-end розробки — понад 8 років
- Працювала над створенням вебпродуктів та гібридних мобільних застосунків для компаній Honda, Toyota, J&J, Ryanair
- Понад 11 000 слухачів успішно завершили її курс «Основи Web UI розробки» тільки на платформі Prometheus
Програма курсу
- Завдання курсу
- Ефективна розробка: • плагіни для редактора коду • як шукати інформацію • Mozilla Developers Network • debugging
- Як працює інтернет
- Як працює веб: загальна картина
- Як працює rendering engine браузера
- Завантаження ресурсів
- Рендеринг, механізми рендерингу
- DOM tree vs Render tree
- Що блокує рендеринг
- Ключові слова async/defer
- Кістяк HTML-сторінки
- в деталях (base, meta, charset, viewport, keywords)
- Важливі зміни в стандарті HTML5
- Семантика в HTML5
5. CSS
- CSS величезний, але без паніки!
- Прості селектори
- Складні селектори
- Як порахувати важливість селектора
- Відносні величини
6. CSS: прості властивості
- Властивості, які застосовуються найчастіше:
• Color (rgb, hsl, keyword, HEX)
• Opacity
• Background
• Text
• Font-family
• Як підключити сторонні шрифти - Наслідування
- Box-model
- Властивості display
- Позиціонування
- Спеціальні символи
7. CSS-ефекти
- Text-shadow
- Box-shadow
- Filters
- Transition
- Transform
- Animation
8. CSS — Flexbox та Grid
- Flexbox
- Grid
- У чому принципова різниця та як змусити їх взаємодіяти
9. CSS — гнучка верстка
- Адаптивна та респонсивна верстка
- Media Queries
10. CSS — Bootstrap
- Для чого потрібен Bootstrap
- Підключення
- Компоненти
- Layout та Grid system
11. JS — вступний блок
- Що таке JS
• Як виконується JS
• Динамічна та слаботипізована мова
• Середовище виконання JS має значення! - Еволюція JS
- “Use strict”
12. JS під капотом
- Як аналізується JS
- Що відбувається всередині JS engine
- JS code vs Browser API
- Збирач сміття та робота з пам’яттю
13. JS — типи даних та операції з даними
- Примітиви
- Truthy and falthy values
- Typeof
- Тип Number
- Тип String: index and length
- Методи String
- Primitive vs Reference value
- Арифметика та присвоєння
- Об’єкт Math
14. JS — Array
- Що таке Array
- Callback
- Методи-ітератори:
• map()
• forEach()
• filter()
• reduce() - Chaining
15. JS — Object
- Що таке Object
- Ланцюжок властивостей
- Перевірка існування властивості об’єкта
- Spread operator (…)
- Object.assign()
- Деструктуризація
16. JS — Функції
- Що таке Function
- Параметри функції
- Функції вищого порядку та callback
- Функція як метод об’єкта
- Функція — це об’єкт
17. JS — контекст виклику функції/методу
- this
- bind()
- call(), apply()
- Що браузер робить з this
- Функція-стрілка та this
- Getters, setters
18. JS — обробка помилок (error handling)
- Для чого існує обробка помилок
- Custom errors
- try/catch/finally
19. JS — DOM
- Що таке DOM
- Document vs Window
- Nodes vs Elements
- Attribute vs Property
20. JS — пошук DOM-елементів
- Огляд селекторів для пошуку DOM-елементів на сторінці
21. JS — обхід DOM-елементів
- Обхід дочірніх елементів
- Обхід батьківських елементів
- Обхід сусідніх елементів
- DOM traversal vs Query methods
22. JS — маніпуляції з DOM
- Створення DOM-елементів
- Додавання DOM-елементів до розмітки
- Клонування DOM-елементів
- Видалення DOM-елементів
23. JS — стилізація DOM-елементів
24. JS — DOM-події
- Вступ до подій
- Різні способи прослуховування подій
- addEventListener
- removeEventListener
- Об’єкт “Event”
- preventDefault() метод
- Спливання та занурення (bubbling and capturing)
- stopPropagation() метод
- Делегування події
- Події та ключове слово “this”
- Підтримувані типи подій (інтерфейсні події — mouseover/out, mouseenter/leave, keydown та keyup, scroll; події форми focus, blur, submit; події завантаження документів та ресурсів DOMContentLoaded, load, beforeunload, unload, onload та onerror)
25. JS — ООП
- Prototype
- Функція-фабрика
- Функція-конструктор
- Клас
- Field vs property
- Object vs Class
- Принципи ООП:
- Інкапсуляція:
- Ключові слова: private, public
- Наслідування:
- Ключові слова: extends, super
- Ланцюжок прототипів
- Поліморфізм
- Статичні методи та властивості
- Ключове слово instanceOf
- Вбудовані класи
- Інкапсуляція:
26. JS — розширені концепції функцій
- Чисті функції
- Замикання
- Замикання та пам’ять
- Рекурсія та стек
- Знайомство з регулярними виразами
27. JS — Browser API
- BOM vs DOM:
• History
• Location
• Navigation - Browser API в деталях
- Дані користувача, які не приховати
- Web Storage:
• Cookies
• LocalStorage
• SessionStorage
• IndexedDB - Дата і час
28. JS — асинхронність
- Синхронність та асинхронність
- Таймери: setTimeout(), setInterval()
- Цикл подій (event loop)
- Порядок виконання (execution order)
- setTimeout(0)
29. JS — Promises
- Що таке об’єкт Promise
- Ланцюжок промісів
- Обробка помилок
- Async/await
- Обробка помилок для async/await
- Async/await vs Promise
- Promise.race(), Promise.all()
30. JS — робота з сервером
- Знайомство з HTTP/HTTPS
- Як працює веб з погляду роботи з сервером
- HTTP-запити в циклі подій
- HTTP-методи
- Знайомство з об’єктом
- XmlHTTPRequest
- GET-запит
- JSON
- Промісифікація HTTP-запитів
- POST запит
- DELETE запит
- Response status codes
- Обробка помилок
31. JS — Fetch API
- Знайомство з Fetch API
- Headers
- Обробка помилок
- XmlHTTPRequest vs fetch
34. JS — ES6 Modules
- Як розділити код на модулі
- Перші кроки до JS Modules
- npm server
- Ключові слова export/import
35. Git
- Системи контролю версій
- Робота з Github
36. Інше
- Deployment (Webhosting)
- Chrome Developer Tools
- Поради по стилю коду:
• Variable Naming and Conventions
• зарезервовані слова
• Code Quality and Best Practices - Огляд бібліотек та фреймворків
- Mobile огляд
- Backend огляд
Вартість курсу
Рання реєстрація до 12 червня
10% прибутків від продажів буде перераховано на потреби ЗСУ.
Standard
- 11 тижнів
- 200+ відеороликів
- 20+ годин відео
- чат-підтримка з лектором
- курсова робота для портфоліо (опційно)
- додаткові матеріали
- презентації, тестування
- необмежений доступ до курсу
- іменний сертифікат
Premium
- 11 тижнів
- 200+ відеороликів
- 20+ годин відео
- чат-підтримка з лектором
- курсова робота для портфоліо (опційно)
- додаткові матеріали
- презентації, тестування
- необмежений доступ до курсу
- іменний сертифікат
- вебінар у форматі «Питання - Відповідь» із лектором курсу
- вебінар на тему «Ефективний пошук роботи front-end розробника»
Стипендія
- 200 стипендій для ВПО, військових та постраждалих від війни
- 100% компенсації
- Пакет "Premium"
- 8 серпня старт потоку
Вартість пакету для команд
Для придбання курсу за спеціальними умовами надішліть реквізити та інформацію про кількість осіб на пошту support-plus@prometheus.org.ua або у Facebook — ми підготуємо для вас персональну пропозицію.
Відгуки
Володимир Нацвлішвілі
Володимир Нацвлішвілі
Юрій Максимович
Юрій Максимович
Анна Вольфман
Анна Вольфман
Віталій Венгриняк
Віталій Венгриняк
Kateryna Vyshtaliuk
Kateryna Vyshtaliuk
Чи є обмеження по віку?
Немає. Головне, щоб у студента було бажання пройти курс до кінця і застосувати набуті знання на практиці.
Які мінімальні знання потрібні для успішного проходження курсу?
Чи достатнього цього курсу, щоб розпочати пошук роботи?
Так, у курсі зібрана вся необхідна інформація, яка знадобиться новачку для старту кар’єри в ІТ. Студентам буде запропоновано самостійно реалізувати перший проєкт для свого портфоліо за заданим макетом.
Як проходить навчання
Навчальний кабінет Prometheus
Після придбання курсу ви отримаєте доступ до персонального кабінету, в якому зібрані всі відео, завдання та додаткові навчальні матеріали.

Зворотний зв’язок
Ви зможете поставити запитання на вебінарі чи в чаті, а також спілкуватися з іншими студентами курсу у закритій спільноті.
Будь-де та будь-коли
Переглядайте відеолекції курсу та виконуйте завдання у зручний для вас час. Завантажте наші мобільні застосунки, щоб продовжити навчатися дорогою на роботу чи під час подорожі.
Сертифікат
Успішно виконавши всі завдання курсу, ви отримаєте сертифікат, який ви зможете з гордістю додати до свого резюме.

Соціальна відповідальність
Доходи від продажу курсів Prometheus+ дозволяють нам підтримувати та розвивати безкоштовні курси Prometheus: від критичного мислення і підприємництва до підвищення кваліфікації вчителів і лікарів.

Prometheus це
Нагадайте про старт
Співробітники цих компаній навчаються в нас






