Старт курсу: 28 березня
Front-end. Повний курс для початківців від Ciklum
Навчіться front-end розробці крок за кроком — від верстки до створення вебдодатків.
Опануйте затребувану професію всього за 16 тижнів разом із Ciklum – найкращі випускники курсу отримають можливість продовжити кар’єру в компанії.
Реєстрацію завершено. Якщо хочете приєднатись
до наступного запуску курсу, залиште свої дані
і ми зв’яжемось із вами, коли реєстрація відкриється.
До кінця продажів:
До старту курсу:
Що ви вивчите?
Курс дозволить отримати практичні навички — достатні для роботи за спеціальністю, а саме:
- сформувати глибоке розуміння головних технологій для front-end розробника: HTML, CSS, JavaScript;
- заглибитись у нюанси доступності, адаптивної верстки для будь-яких пристроїв;
- навчитися застосовувати JavaScript для динамічності та інтерактивності вебсторінок;
- навчитися налагоджувати front-end <=> back-end комунікацію;
- навчитися створювати інтерактивні інтерфейси в React;
- пройти шлях створення повноцінного вебсайту — від макета до завантаження на хостинг.
Найкращі випускники будуть запрошені на співбесіди в компанію Ciklum з перспективою працевлаштування.
Формат курсу
• Відеолекції
• Презентації
• Тестування
• Практичні завдання
• Курсова робота
• Матеріали для самостійного опрацювання
• Чат-підтримка в Slack
• Сертифікат
Тривалість
• 16 тижнів • 58 лекцій • 5 воркшопів • 40+ практичних завдань • 18 блоків тестових питань • 1 вебінар • 4 QA-сесії • 1 курсовий проєкт • Рекомендоване навантаження — 8-12 годин на тиждень
Хто такий front-end розробник?
Це програміст, який відповідає за зовнішній вигляд сайтів, вебсервісів та мобільних додатків: верстку шаблонів, оформлення тексту та взаємодію користувача з інтерфейсом. Без нього неможливо створити зручний і приємний цифровий продукт.
Приєднуйтеся до числа слухачів курсу, щоб опанувати затребувану актуальну професію та розпочати кар’єру в IT.
Чому варто обрати курс «Front-end» від Ciklum?
Створено у співпраці з Ciklum
Один з найбільших IT-роботодавців України, який найкраще розуміє, що має вміти front-end фахівець-початківець
Можливість працевлаштування
Найкращі випускники курсу отримають можливість продовжити кар‘єру в Ciklum
Оптимальний старт для кар‘єри в IT
За умови старанного проходження курсу і виконання всіх завдань ви зможете претендувати на першу роботу вже через 16 тижнів
Найкращі лектори
Матеріали підготовлені найдосвідченішими розробниками-практиками із багаторічним досвідом викладання
Навчання українською
Підтримуємо українське — вивчайте IT рідною мовою
Найкраще співвідношення ціна/якість
Гарантуємо одну з найвигідніших цінових пропозицій на ринку при незмінно високій якості освітнього продукту: ми перевіряли!
Цей курс підійде для:
Початківців
які тільки розпочинають шлях у сфері IT
ІТ-спеціалістів
які бажають додати до своїх компетенцій front-end розробку
Інших спеціалістів
які хочуть змінити рід діяльності на користь більш прибуткової та перспективної роботи
Після проходження курсу ви зможете:
Створювати верстку вебсайтів та додатків для будь-яких пристроїв
Створювати сайти, які будуть коректно відображатися в усіх браузерах
Анімувати елементи вебсторінок
Застосовувати JavaScript для динамічності та інтерактивності
Писати асинхронний код на javascript
Здійснювати запити на сервер, отримувати та опрацьовувати відповідь від нього
Працювати з пакетними менеджерами та використовувати їх для підключення сторонніх модулів
Створювати інтерактивні інтерфейси в React
Ще більше практики і живого спілкування!
- 40+ практичних завдань
Протягом курсу вам буде необхідно виконати понад 40 практичних завдань, які охоплюють весь обсяг вивченого матеріалу. Це дозволить вам сформувати міцні практичні навички для впевненого проходження співбесід і отримання першої роботи front-end розробника. - 5 воркшопів, 4 QA-сесії та вебінар
Записані відеолекції та практичні завдання на курсі ми доповнили воркшопами, QA-сесіями з тем HTML, CSS, JS, React та вебінаром «Продуктивність роботи інтерфейсів та безпека у веброзробці», на якому ви у реальному часі матимете змогу поставити запитання лекторам. - Курсовий проєкт «Книжковий інтернет-магазин»
Протягом курсу ви будете вивчати різні теми, що в сукупності дозволять створити повноцінний вебдодаток та розмістити його на віддаленому сервері. Це і буде вашим курсовим проєктом, який ви зможете продемонструвати на співбесіді. Бажаєте отримати персональну оцінку курсового проєкту від авторів курсу? Обирайте пакет Premium. - Супровід авторів в чаті курсу
Відтепер можна не боятись незрозумілих завдань і питань «в нікуди». Лектори відкриті для спілкування і завжди готові прийти на допомогу в чаті курсу. Спілкуйтесь у колі однодумців, отримуйте зворотній звʼязок, знайомтеся з майбутніми колегами!
Чому варто обрати платний курс від Prometheus?
Системність
Розрізнені статті, вебінари, відео, які ви знайдете у відкритому доступі, не дадуть можливості крок за кроком системно засвоїти тему. Самостійно важко побудувати навчальну програму: цим займається команда методистів Prometheus у співпраці з авторами освітніх курсів.
Мотивація і дисципліна
Скільки корисних безкоштовних матеріалів у вас додано в закладки і збережено на компʼютері — і скільки з них ви пройшли? Дедлайни, розклад занять (а також бажання отримати сертифікат від Prometheus) мотивують виконувати домашні завдання вчасно і регулярно приділяти час навчанню.
Якість
Ми обираємо кращих експертів з теми курсу, тому можемо гарантувати якість, доступність та актуальність матеріалів — на відміну від публікацій у відкритому доступі, які можуть бути створені копірайтерами, некомпетентними в темі, що вивчається.
Зворотний звʼязок
При вивченні нової теми у вас неодмінно виникне цілий ряд питань. Наші лектори забезпечують зворотний зв’язок через чат-підтримку в Slack, живі вебінари, Q&A-сесії.
Допомога в карʼєрі
На курсі ви отримаєте корисні карʼєрні поради. А в разі успішного завершення програми одержите іменний диплом, який стане вагомим аргументом для роботодавця. Найкращі випускники курсу будуть запрошені на співбесіду в компанію Ciklum.
Навчайтеся в найкращих
Автори курсу — кращі програмісти компанії Ciklum рівнів Expert/Tech Lead, які щодня стикаються з найскладнішими задачами на великих міжнародних проєктах. Середній досвід роботи в професії — 8-10 років.



Борис Стринжа
JavaScript Principal Lead в компанії Ciklum 8 років досвіду у… Далі


Борис Стринжа
- JavaScript Principal Lead в компанії Ciklum
- 8 років досвіду у front-end розробці
- Постійний ментор інтернатури в Ciklum
- Працював над створенням вебаплікацій та архітектури для великих брендів — Metro, Arvi SA, Zerto, TUI



Роман Вабіщевич
Co-founder/Partner at SE7ENSKY front-end studio JavaScript Tech Lead та лектор… Далі


Роман Вабіщевич
- Co-founder/Partner at SE7ENSKY front-end studio
- JavaScript Tech Lead та лектор в інтернатурі в Ciklum
- Комерційний досвід у веброзробці — більше 10 років
- Автор та викладач курсів Front-end Advanced
- Працював з клієнтами Klitschko, SmartBear



Максим Кругляченко
JavaScript Technical Lead в компанії Ciklum Досвід роботи з JavaScript… Далі


Максим Кругляченко
- JavaScript Technical Lead в компанії Ciklum
- Досвід роботи з JavaScript та сучасними front-end технологіями — понад 7 років
- Працював з клієнтами Ryanair, AIG, SAP.



Микита Борзяк
JavaScript Technical lead в компанії Ciklum Досвід роботи у сфері… Далі


Микита Борзяк
- JavaScript Technical lead в компанії Ciklum
- Досвід роботи у сфері розробки — понад 7 років
- Працював над створенням вебдодатків, серверних застосунків та концептуальних рішень для компаній PlutoTV, JustEat, Avid Technology, Viacom та багатьох інших



Віталій Тороні
Senior front-end розробник в компанії Ciklum Досвід роботи у сфері… Далі


Віталій Тороні
- Senior front-end розробник в компанії Ciklum
- Досвід роботи у сфері front-end розробки — понад 5 років
- Працював над розробкою вебпродуктів для TUI Group



Сергій Бабій
Middle Front-End Engineer в компанії Ciklum Досвід роботи у сфері… Далі


Сергій Бабій
- Middle Front-End Engineer в компанії Ciklum
- Досвід роботи у сфері front-end розробки — 2,5 роки
- Працював над створенням вебпродуктів для компанії Metro Markets



Роман Столяренко
Middle front-end розробник в компанії Ciklum Досвід роботи у сфері… Далі


Роман Столяренко
- Middle front-end розробник в компанії Ciklum
- Досвід роботи у сфері front-end розробки — 2,5 роки
- Працював над розробкою вебпродуктів для компанії Metro AG
Програма курсу
1. Intro to front-end
Що таке front-end? Основне призначення.
2. IDE
Середовище розробки. Visual Code та альтернативи.
3. HTML
3.1. HTML-документ. Структура. Теги.
3.2. HTML Блочні теги.
3.3. HTML Рядкові теги. Медіаелементи.
4. Forms. HTML Advanced
4.1. Форми.
4.2. Семантична верстка.
4.3. Доступність та додаткові атрибути.
5. CSS
5.1. Вступ в CSS, Способи підключення до HTML-документу.
5.2. Селектори, специфікація, наслідування.
5.3. Каскад CSS. Cпецифічніcть CSS селекторів, наслідування селекторів.
5.3.1. СSS властивості. Color, Background, Text, Font-family.
5.3.2. СSS ефекти. Text-shadow, Box-shadow, Transition, Transform.
5.4. Позиціонування.
5.5. Flexbox-модель.
Воркшоп «HTML+CSS».
6. CSS Advanced
6.1. Верстка для мобільних пристроїв.
6.2. Препроцесори.
6.3. CSS-фреймворки.
7. Browser
7.1. Принцип роботи сучасних веббраузерів.
7.2. Перехід від HTML до DOM. Інструменти розробки.
7.3. Мережеві запити.
8. JS Basics
8.1. Вступ до JavaScript. Підключення до веб-сторінки. Тег <script>.
8.2. Структури даних. Змінні.
8.3. Оператори.
8.4. Оператори розгалуження.
8.5. Цикли.
8.6. Функції.
8.7. Контекст. Стрілкова функція.
8.7.1. Методи масивів.
8.7.2. Робота з об’єктами.
8.8. Робота з DOM (маніпуляції, події).
8.9. Класи. Наслідування класів.
Воркшоп «Робота з масивами та об’єктами».
9. JS Advanced
9.1. Event Loop.
9.2. Асинхронність 1.
9.3. Асинхронність 2.
9.4. Асинхронність 3.
9.5. Зв’язок клієнт-сервер. HTTP-запити, AJAX.
Практикум «Розробка вебдодатків засобами HTML, CSS, JS»
- 1. Воркшоп «Розробка вебдодатку засобами HTML, CSS, JS».
- 2. Завдання курсового проєкту (Модуль 8. JS Basics).
- 3. Завдання курсового проєкту (Модуль 9. JS Advanced).
10. Typescript
Огляд TypeScript.
Performance and Security. Вебінар «Продуктивність роботи інтерфейсів та безпека у веброзробці».
11. Build
11.1. Середовище збірки. Пакетні менеджери.
11.2. Інструменти збірки. Налаштування Webpack.
12. React Basics
12.1. Вступ до React, Virtual DOM, JSX.
12.2. Компоненти. Типи та життєвий цикл.
12. 3. Інструменти розробки React.
13. React Advanced
13.1. Router.
13.2. Хуки. useState, useEffect.
13.3. Хуки. useMemo, useCallback, useRef.
13.4. Обробка помилок.
Воркшоп «Створення React застосунку (запит даних, обробка помилок)».
13.5. Портали.
14. State management
14.1. Збереження даних в React: Context API.
14.2. Керування станом. Redux.
Практикум «Створення вебдодатків засобами React»
1. Завдання курсового проєкту (Модуль 14. Context API).
2. Завдання курсового проєкту (Модуль 12. React Basics).
3. Завдання курсового проєкту (Модуль 13. React Advanced).
4. Завдання курсового проєкту (Модуль 14. Context API).
15. Testing
15.1. Вступ до тестування. Типи тестів.
15.2. Unit-тестування.
15.3. Тестування React застосунку.
16. Deployment
16.1. Розгортання коду.
16.2. Налаштування автоматизованого розгортання.
17. Quality
17.1. Якість коду. DRY, KISS, YAGNI.
17.2. Базові алгоритми.
18. Recommendations.
Бонусом слухачі програми отримають практичні мінікурси, які дозволять покращити професійну англійську мову та допоможуть у пошуку першої роботи за новою спеціальністю. Матеріали будуть доступні після отримання сертифіката.
- загальний огляд рекрутингу в ІТ
- де шукати вакансії
- як підготувати резюме, що допоможе виділитися серед конкурентів
- як оформити профіль LinkedIn, щоб роботодавці знаходили вас
- як презентувати себе на співбесіді
- найпоширеніша лексика та граматика для роботи в ІТ
- як презентувати себе роботодавцю, щоб отримати першу роботу в ІТ
- як грамотно говорити на щоденних зустрічах
- як листуватися з клієнтами
- як спілкуватися з командою
Програма курсу
Модуль 1. Intro to front-end
Що таке front-end, основне призначення.
Модуль 2. IDE
Середовище розробки. Visual Code та альтернативи.
Модуль 3. HTML
3.1. HTML-документ. Структура. Теги.
3.2. HTML Блочні теги.
3.3. HTML Рядкові теги. Медіаелементи.
Модуль 4. Forms. HTML Advanced
4.1. Форми.
4.2. Семантична верстка.
4.3. Доступність та додаткові атрибути.
Модуль 5. CSS
5.1. Вступ в CSS, способи підключення до HTML-документу.
5.2. Селектори, специфікація, наслідування.
5.3. Каскад CSS. Cпецифічніcть CSS селекторів, наслідування селекторів.
5.4. Позиціонування.
5.5. Flexbox-модель.
Модуль 6. CSS Advanced
6.1. Верстка для мобільних пристроїв.
6.2. Препроцесори.
6.3. CSS фреймворки.
Модуль 7. Browser
7.1. Принцип роботи сучасних веббраузерів.
7.2. Перехід від HTML до DOM. Інструменти розробки.
7.3. Мережеві запити.
Модуль 8. JS Basics
8.1. Вступ до JavaScript. Підключення до вебсторінки. Тег <script>.
- Структури даних. Змінні.
- Оператори
- Оператори розгалуження
- Цикли
- Функції
- Контекст. Стрілкова функція.
- Робота з DOM (маніпуляції, події)
- Класи. Наслідування класів.
Модуль 9. JS Advanced
9.1. Event Loop.
9.2. Асинхронність 1.
9.3. Асинхронність 2.
9.4. Асинхронність 3.
9.5. Зв’язок клієнт-сервер. HTTP-запити, AJAX.
Модуль 10. Typescript
Огляд TypeScript.
Модуль 11. Performance and Security
Продуктивність роботи інтерфейсів та безпека у веброзробці.
Модуль 12. Build
12.1. Середовище збірки. Пакетні менеджери.
12.2. Інструменти збірки. Налаштування Webpack.
Модуль 13. React Basics.
13.1. Вступ до React, Virtual DOM, JSX.
13.2. Компоненти. Типи та життєвий цикл.
13.3. Інструменти розробки React.
Модуль 14. React Advanced
14.1. Router.
14.2. Хуки. useState, useEffect.
14.3. Хуки. useMemo, useCallback, useRef.
14.4. Обробка помилок.
14.5. Портали.
Модуль 15. State managing
15.1. Збереження даних в React: Context API.
15.2. Керування станом. Redux.
Модуль 16. Testing
16.1. Вступ до тестування. Типи тестів.
16.2. Unit-тестування.
16.3. Тестування React застосунку.
Модуль 17. SDLC
Життєвий цикл програмного забезпечення.
Модуль 18. Deployment
18.1. Розгортання коду.
18.2. Налаштування автоматизованого розгортання.
Модуль 19. Quality
19.1. Якість коду. DRY, KISS, YAGNI.
19.2. Базові алгоритми.
Модуль 20. Recommendations.
20.1. Рекомендації до підготовки резюме.
20.2. Працевлаштування в IT.
- загальний огляд рекрутингу в ІТ
- де шукати вакансії
- як підготувати резюме, що допоможе виділитися серед конкурентів
- як оформити профіль LinkedIn, щоб роботодавці знаходили вас
- як презентувати себе на співбесіді
- найпоширеніша лексика та граматика для роботи в ІТ
- як презентувати себе роботодавцю, щоб отримати першу роботу в ІТ
- як грамотно говорити на щоденних зустрічах
- як листуватися з клієнтами
- як спілкуватися з командою
Ви також можете отримати стипендію на навчання від USAID та WNISEF
На безкоштовне навчання можуть претендувати:
Українські жінки, що постраждали від війни
Українці та українки, які виїхали з тимчасово окупованих територій і були зареєстровані там станом на 24.02.2022
Українці та українки, що отримали статус внутрішньо переміщеної особи чи право тимчасового захисту за кордоном України після 24.02.2022
Військовослужбовці, які беруть участь в російсько-українській війні чи були учасниками АТО/ООС/російсько-української війни, а також члени їхніх сімей (батьки, дружина/чоловік, діти)
Ті, хто постраждали від війни, однак не входять до вказаних категорій, також можуть подати заявку: таких слухачів зарахують за умови наявності вільних місць.
Щоб подати заявку на стипендіальну програму, потрібно пройти перший навчальний тиждень курсу, що вас зацікавив, а також заповнити анкету за посиланням до 4 листопада включно.
Ті, хто постраждали від війни, однак не входять до вказаних категорій, також можуть подати заявку: таких слухачів зарахують за умови наявності вільних місць.
Щоб подати заявку на стипендіальну програму, потрібно пройти перший навчальний тиждень курсу, що вас зацікавив, а також заповнити анкету за посиланням до 4 листопада включно.
Вартість курсу
Рання реєстрація до 27 травня
Рання ціна діє до 1 березня
Basic
- 16 тижнів
- 58 лекцій
- 5 воркшопів
- 40+ практичних завдань
- 18 блоків тестових питань
- 1 вебінар + 4 Q&A сесії
- 1 курсовий проєкт для портфоліо
- мінікурс «Як знайти першу роботу в ІТ»
- мінікурс «Англійська для початківців у сфері ІТ»
- чат-підтримка з лектором
- додаткові матеріали
- презентації
- іменний сертифікат
Спробувати безкоштовно
Premium
- 16 тижнів
- 58 лекцій
- 5 воркшопів
- 40+ практичних завдань
- 18 блоків тестових питань
- 1 вебінар + 4 Q&A сесії
- 1 курсовий проєкт для портфоліо
- особистий зворотний зв’язок на курсову роботу від авторів курсу
- мінікурс «Як знайти першу роботу в ІТ»
- мінікурс «Англійська для початківців у сфері ІТ»
- чат-підтримка з лектором
- додаткові матеріали
- презентації
- іменний сертифікат
Спробувати безкоштовно
Basic
- 13 тижнів
- 54 лекції
- 39 практичних завдань
- 18 блоків тестових питань
- 2 вебінари
- 1 курсовий проєкт для портфоліо
- мінікурс «Як знайти першу роботу в ІТ»
- мінікурс «Англійська для початківців у сфері ІТ»
- чат-підтримка з лектором
- додаткові матеріали
- презентації
- іменний сертифікат
Спробувати безкоштовно
Premium
- 13 тижнів
- 54 лекції
- 39 практичних завдань
- 18 блоків тестових питань
- 2 вебінари
- 1 курсовий проєкт для портфоліо
- оцінка курсового проєкту
- PRO-консультація з експертом Ciklum наприкінці курсу
- мінікурс «Як знайти першу роботу в ІТ»
- мінікурс «Англійська для початківців у сфері ІТ»
- чат-підтримка з лектором
- додаткові матеріали
- презентації
- іменний сертифікат
Спробувати безкоштовно
Стипендія
- 13 тижнів
- 54 лекції
- 39 практичних завдань
- 18 блоків тестових питань
- 2 вебінари
- 1 курсовий проєкт для портфоліо
- мінікурс «Як знайти першу роботу в ІТ»
- мінікурс «Англійська для початківців у сфері ІТ»
- чат-підтримка з лектором
- додаткові матеріали
- презентації
- іменний сертифікат
Безкоштовний тиждень
Чи є обмеження по віку?
Немає. Головне, щоб у студента було бажання пройти курс до кінця і застосувати набуті знання на практиці.
Які мінімальні знання потрібні для успішного проходження курсу?
Бажано мати базові знання з HTML/CSS/JS. В ідеалі — пройти безкоштовний курс «Основи WEB UI розробки 2022».
Чи достатньо цього курсу, щоб розпочати пошук роботи?
Так, у курсі зібрана вся необхідна інформація, яка знадобиться новачку для старту кар‘єри в ІТ. Найкращі випускники курсу отримають можливість продовжити кар’єру в компанії Ciklum.
Як проходить навчання?
Навчання проходить в онлайн-форматі у вигляді лекцій у записі, які будуть відкриватися поетапно щотижня. Про розклад живих вебінарів учасники дізнаються на старті навчання.
Партнер курсу

Ciklum
Ciklum (www.ciklum.com) – провідна глобальна компанія з розробки цифрових продуктів та надання цифрових послуг, яка співпрацює з брендами з Fortune 500 та стрімко зростаючими організаціями.
Ciklum має керівний офіс у Великій Британії та
об’єднує більше 4000 розробників, дизайнерів, продакт-менеджерів і фахівців з науки про дані по всьому світу.
В 2022 році компанія увійшла до Топ-10 кращих роботодавців України за версією Forbes Ukraine.
Як проходить навчання
Навчальний кабінет Prometheus
Після придбання курсу ви отримаєте доступ до персонального кабінету, в якому зібрані всі відео, завдання та додаткові навчальні матеріали.

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

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

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






