Старт курсу: 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 років досвіду у… Далі

Роман Вабіщевич

Co-founder/Partner at SE7ENSKY front-end studio JavaScript Tech Lead та лектор… Далі

Максим Кругляченко

JavaScript Technical Lead в компанії Ciklum Досвід роботи з JavaScript… Далі

Микита Борзяк

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

Віталій Тороні

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

Сергій Бабій

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

Роман Столяренко

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

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

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. 1. Воркшоп «Розробка вебдодатку засобами HTML, CSS, JS».
  2. 2. Завдання курсового проєкту (Модуль 8. JS Basics).
  3. 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
6800 грн
  • 16 тижнів
  • 58 лекцій
  • 5 воркшопів
  • 40+ практичних завдань
  • 18 блоків тестових питань
  • 1 вебінар + 4 Q&A сесії
  • 1 курсовий проєкт для портфоліо
  • мінікурс «Як знайти першу роботу в ІТ»
  • мінікурс «Англійська для початківців у сфері ІТ»
  • чат-підтримка з лектором
  • додаткові матеріали
  • презентації
  • іменний сертифікат
Придбати
Спробувати безкоштовно
Premium
9400 грн
  • 16 тижнів
  • 58 лекцій
  • 5 воркшопів
  • 40+ практичних завдань
  • 18 блоків тестових питань
  • 1 вебінар + 4 Q&A сесії
  • 1 курсовий проєкт для портфоліо
  • особистий зворотний зв’язок на курсову роботу від авторів курсу
  • мінікурс «Як знайти першу роботу в ІТ»
  • мінікурс «Англійська для початківців у сфері ІТ»
  • чат-підтримка з лектором
  • додаткові матеріали
  • презентації
  • іменний сертифікат
Придбати
Спробувати безкоштовно
Basic
6200 грн
  • 13 тижнів
  • 54 лекції
  • 39 практичних завдань
  • 18 блоків тестових питань
  • 2 вебінари
  • 1 курсовий проєкт для портфоліо
  • мінікурс «Як знайти першу роботу в ІТ»
  • мінікурс «Англійська для початківців у сфері ІТ»
  • чат-підтримка з лектором
  • додаткові матеріали
  • презентації
  • іменний сертифікат
Придбати
Спробувати безкоштовно
Premium
8600 грн
  • 13 тижнів
  • 54 лекції
  • 39 практичних завдань
  • 18 блоків тестових питань
  • 2 вебінари
  • 1 курсовий проєкт для портфоліо
  • оцінка курсового проєкту
  • PRO-консультація з експертом Ciklum наприкінці курсу
  • мінікурс «Як знайти першу роботу в ІТ»
  • мінікурс «Англійська для початківців у сфері ІТ»
  • чат-підтримка з лектором
  • додаткові матеріали
  • презентації
  • іменний сертифікат
Придбати
Спробувати безкоштовно
Стипендія
0 грн
  • 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 це

0
Слухачів
0 +
онлайн-курсів
0
виданих сертифікатів
0
років у сфері освіти

Нагадайте про старт




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