Нагадати про старт

Frontend. Базовий курс від Ciklum

9,0
icon

  • Мова курсу українська
  • Сертифікат по закінченню
  • Курс триває 4-6 місяців

У результаті ви отримаєте

  • Hard skills, достатні для першої роботи в IT-компанії

  • Готовий курсовий проєкт у портфоліо

  • Поради щодо резюме, яке допоможе виділитися серед конкурентів

  • Рекомендації для заповнення профілю LinkedIn, за яким вас знайдуть роботодавці

  • Базові знання англійської, необхідні для роботи в ІТ

  • глибоке розуміння головних технологій для frontend розробника: HTML, CSS, JavaScript

ПРО КУРС

Веб-розробка Основи програмування

Щоб через 16 тижнів ви вміли створювати ефектні й ефективні сайти, відчули, що значить бути frontend розробником, та отримали першу роботу, ми:
• зібрали всі необхідні технології та інструменти, що одразу дозволить брати участь у великих enterprise-проектах;
• підготували 40+ практичних завдань для відпрацювання нових навичок;
• організували 3-денні спринти по технічним завданням зі співбесід, щоб ви спробували, як це відбувається на практиці;
• додали курсовий проєкт для вашого майбутнього портфоліо;
• підготували подарунок – мінікурси «Як знайти першу роботу в ІТ» та «Англійська в IT‎».

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

Партнери курсу

Цей курс створений для

  • Новачкам

    які хочуть отримати свою першу професію в IT: Для тих, хто готовий наполегливо вчитися та присвячувати час саморозвитку, щоб опанувати теорію frontend і застосовувати її на практиці.

  • IT-спеціалістам

    які прагнуть змінити напрямок роботи: Для тих, хто хоче розширити свої технічні навички, включаючи програмування на JavaScript, і знайти новий вектор розвитку в IT.

  • Світчерам

    які мріють розпочати кар'єру в IT: Для тих, хто хоче покинути стару роботу, цікавиться frontend розробкою, має творчі ідеї та бажає стати програмістом.

  • Програмістам-самоучкам

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

НА КУРСІ ВИ ДІЗНАЄТЕСЬ

01

icon

Про нюанси доступності, адаптивної верстки для будь-яких пристроїв

02

icon

Як застосовувати JavaScript для динамічності та інтерактивності вебсторінок

03

icon

Як створювати інтерактивні інтерфейси в React

04

icon

Як виконувати тестування React-застосунків

05

icon

Як створити повноцінний вебсайт — від макета до завантаження на хостинг

Формат курсу

Відеолекції та презентації

Спринти по практичним завданням на співбесіду

Практичні завдання

Блоки «Розвиваємо алгоритмічне мислення»

Курсова робота

Матеріали для самостійного опрацювання

Чат-підтримка в Slack

Підтримка куратора та ментора

Живі зустрічі з менторами курсу

Сертифікат

Хто такий frontend розробник?

Це програміст, який відповідає за зовнішній вигляд сайтів, вебсервісів та мобільних додатків: • верстає шаблони та оформлює тексти; • дбає про те, щоб сайт чи додаток правильно працювали на всіх пристроях; • забезпечує зручну взаємодію користувача з інтерфейсом. Головні інструменти frontend розробника – мова програмування JavaScript та фреймворки (наприклад React) і мови розмітки HTML та CSS, які дозволяють йому реалізовувати креативні ідеї вебдизайнерів.

Навчайтесь в найкращих

Борис Стринжа

mentor image

JavaScript Principal Lead в компанії Ciklum

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

mentor image

Co-founder/Partner at SE7ENSKY front-end studio

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

mentor image

JavaScript Technical Lead в компанії Ciklum

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

mentor image

JavaScript Technical lead в компанії Ciklum

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

mentor image

Senior front-end розробник в компанії Ciklum

Сергій Бабій

mentor image

Middle Front-End Engineer в компанії Ciklum

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

mentor image

Middle front-end розробник в компанії Ciklum

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

58 лекції 40+ практичних завдань 2 вебінари + 4 Q&A сесії
Модуль 1. Intro to front-end

1 лекція ·

  • Що таке front-end? Основне призначення.
Модуль 2. IDE

1 лекція ·

  • Середовище розробки. Visual Code та альтернативи.
Модуль 3. HTML

3 лекції ·

  • HTML-документ. Структура. Теги.
  • HTML Блочні теги.
  • HTML Рядкові теги. Медіаелементи.
Модуль 4. Forms. HTML Advanced

3 лекції ·

  • Форми.
  • Семантична верстка.
  • Доступність та додаткові атрибути.
Модуль 5. CSS

8 лекцІї ·

  • Вступ в CSS, Способи підключення до HTML-документу.
  • Селектори, специфікація, наслідування.
  • Каскад CSS. Cпецифічніcть CSS селекторів, наслідування селекторів.
  • СSS властивості. Color, Background, Text, Font-family.
  • СSS ефекти. Text-shadow, Box-shadow, Transition, Transform.
  • Позиціонування.
  • Flexbox-модель.
  • Воркшоп «HTML+CSS‎».
Модуль 6. CSS Advanced

3 лекції ·

  • Верстка для мобільних пристроїв.
  • Препроцесори.
  • CSS-фреймворки.
Модуль 7. Browser

3 лекції ·

  • Принцип роботи сучасних веббраузерів.
  • Перехід від HTML до DOM. Інструменти розробки.
  • Мережеві запити.
Модуль 8. Основи алгоритмізації і програмування

16 лекції ·

  • Алгоритм і його властивості
  • Величини. Ідентифікатор величини
  • Типи даних
  • Вказівка присвоювання
  • Лінійні алгоритми
  • Лінійні алгоритми (задачі)
  • Основні логічні операції
  • Розгалуження (скорочена форма)
  • Розгалуження (повна форма)
  • Розгалуження (задача)
  • Цикл з параметром
  • Цикл «поки» з післяумовою
  • Цикл «поки» з передумовою
  • Метод покрокової деталізації
  • Допоміжні алгоритми
  • Одновимірні масиви
Модуль 9. JS Basics

11 лекції ·

  • Вступ до JavaScript. Підключення до веб-сторінки. Тег .
  • Структури даних. Змінні.
  • Оператори.
  • Розвиваємо алгоритмічне мислення. Лінійні алгоритми.
  • Оператори розгалуження.
  • Розвиваємо алгоритмічне мислення. Алгоритми з розгалуженням.
  • Цикли.
  • Розвиваємо алгоритмічне мислення. Циклічні алгоритми.
  • Функції
  • Розвиваємо алгоритмічне мислення. Допоміжні алгоритми.
  • Контекст. Стрілкова функція.
  • Методи масивів.
  • Розвиваємо алгоритмічне мислення. Алгоритми опрацювання масивів.
  • Робота з об’єктами.
  • Робота з DOM (маніпуляції, події).
  • Класи. Наслідування класів.
  • Воркшоп «Робота з масивами та об’єктами‎».
Модуль 10. JS Advanced

5 лекції ·

  • Event Loop.
  • Асинхронність 1.
  • Асинхронність 2.
  • Асинхронність 3.
  • Зв’язок клієнт-сервер. HTTP-запити, AJAX.
Практикум «Розробка вебдодатків засобами HTML, CSS, JS»

·

  • Воркшоп «Розробка вебдодатку засобами HTML, CSS, JS».
  • Завдання курсового проєкту (Модуль 8. JS Basics).
  • Завдання курсового проєкту (Модуль 9. JS Advanced).
Модуль 11. Typescript

1 лекція ·

  • Огляд TypeScript.
  • Вебінар Performance and Security. «Продуктивність роботи інтерфейсів та безпека у веброзробці».
Модуль 12. Build

2 лекції ·

  • Середовище збірки. Пакетні менеджери.
  • Інструменти збірки. Налаштування Webpack.
Модуль 13. React Basics

3 лекції ·

  • Вступ до React, Virtual DOM, JSX.
  • Компоненти. Типи та життєвий цикл.
  • Інструменти розробки React.
Модуль 14. React Advanced

5 лекції ·

  • Router.
  • Хуки. useState, useEffect.
  • Хуки. useMemo, useCallback, useRef.
  • Обробка помилок.
  • Практикум «Створення вебдодатків засобами React».
  • Портали.
Модуль 15. State management

2 лекції ·

  • Збереження даних в React: Context API.
  • Керування станом. Redux.
Практикум «Створення вебдодатків засобами React»

·

  • Воркшоп «Створення React застосунку (запит даних, обробка помилок)»
  • Завдання курсового проєкту (Модуль 14. Context API).
  • Завдання курсового проєкту (Модуль 12. React Basics).
  • Завдання курсового проєкту (Модуль 13. React Advanced).
  • Завдання курсового проєкту (Модуль 14. Context API).
Модуль 16. Testing

3 лекції ·

  • Вступ до тестування. Типи тестів.
  • Unit-тестування.
  • Тестування React застосунку.
Модуль 17. Deployment

2 лекції ·

  • Розгортання коду.
  • Налаштування автоматизованого розгортання.
Модуль 18. Quality

·

  • Якість коду. DRY, KISS, YAGNI.
  • Базові алгоритми.
Модуль 19. Recommendations.

1 лекція ·

  • Рекомендації до підготовки резюме
Бонус Мінікурс «Як знайти першу роботу в ІТ» ( при отриманні сертифікату )

·

Авторка – Анастасія Машталяр, CEO онлайн-школи IT та Business англійської Solid English School

  • загальний огляд рекрутингу в ІТ
  • де шукати вакансії
  • як підготувати резюме, що допоможе виділитися серед конкурентів
  • як оформити профіль LinkedIn, щоб роботодавці знаходили вас
  • як презентувати себе на співбесіді
Бонус Мінікурс «Англійська для початківців у сфері ІТ»

·

Авторка – Катерина Осадчук, співвласниця та CEO рекрутингової агенції Indigo Tech Recruiters

  • найпоширеніша лексика та граматика для роботи в ІТ
  • як презентувати себе роботодавцю, щоб отримати першу роботу в ІТ
  • як грамотно говорити на щоденних зустрічах
  • як листуватися з клієнтами
  • як спілкуватися з командою
Розклад

курс триває 16 тижнів

Отримайте сертифікат

Успішно виконайте завдання курсу, отримайте потрібну кількість балів і згенеруйте сертифікат у розділі «Сертифікат» наприкінці курсу.

Зробіть перший крок до нових можливостей! Додайте сертифікат до резюме та на сторінку Linkedin. Кожен сертифікат має код, за яким роботодавці можуть подивитися та перевірити його.

Image sertificate

Оберіть найкращу програму для себе

Standard

  • 16 тижнів
  • 58 лекцій
  • 5 воркшопів
  • 40+ практичних завдань
  • 22 блоки тестових питань
  • 2 вебінари + 4 Q&A сесії
  • 1 курсовий проєкт для портфоліо
  • Триденні спринти по практичних завданнях на співбесіду
  • Матеріали «Розвиваємо алгоритмічне мислення»
  • Матеріали «Best practice»
  • Мінікурс «Як знайти першу роботу в ІТ»
  • Мінікурс «Англійська для початківців у сфері ІТ»
  • Чат-підтримка ментора та куратора
  • Додаткові матеріали
  • Презентації
  • Іменний сертифікат
Бестселер

Premium

  • Усе, що в Standard
  • Особистий зворотний зв’язок на курсову роботу від ментора курсу
  • Особистий зворотній зв'язок: аналіз резюме ментором курсу

Нагадати про старт курсу

Відгуки про курс

Популярні запитання

Чи є обмеження по віку?
Немає. Головне, щоб у студента було бажання пройти курс до кінця і застосувати набуті знання на практиці.
Які мінімальні знання потрібні для успішного проходження курсу?
Бажано мати базові знання з HTML/CSS/JS. В ідеалі — пройти безкоштовні курси «Основи WEB UI розробки 2022» та «Git для розподіленої розробки програмного забезпечення».
Чи достатньо цього курсу, щоб розпочати пошук роботи?
Так, у курсі зібрана вся необхідна інформація, яка знадобиться для старту кар‘єри в ІТ за умови старанного проходження курсу, успішного виконання всіх завдань та готовності багато часу приділяти розвитку в професії.
Як проходить навчання?
Навчання проходить в онлайн-форматі у вигляді лекцій у записі, які будуть відкриватися поетапно щотижня. Про розклад живих вебінарів учасники дізнаються на старті навчання.
Скільки часу займатиме в мене навчання (годин в тиждень)?
У середньому слухачі витрачають 8-12 годин на тиждень для опрацювання матеріалів курсу. Звичайно, це дуже індивідуальний критерій. Чим більше ви докладатимете зусиль, тим якісніший буде результат. Ми рекомендуємо виділяти на навчання не менше 2-4 години щодня.
Скільки часу матеріали курсу будуть доступні після його завершення?
Матеріали будуть доступні для слухачів після завершення курсу без обмежень по часу.
Якою мовою викладається курс?
Курс викладається українською мовою. Додаткові матеріали для самостійного опрацювання можуть бути наведено англійською мовою.
Який стек базових технологій буде вивчатися на курсі?
HTML, CSS – мови розмітки, необхідні frontend розробникам. Після навчання ви зможете створювати розмітки сторінок з використанням HTML та задавати стилі з CSS, зв’язувати макети дизайнерів з backend.
JavaScript – одна з найпоширеніших мов програмування. Після навчання ви зможете створювати інтерактивні вебелементи та анімацію, розробляти програми для ПК та робити браузерні розширення.
React – відкрита JavaScript бібліотека для створення інтерфейсів користувача. Після навчання ви зможете компонувати складні інтерфейси з невеликих окремих частин коду.
Чи можливо повернути курс? Які правила повернення коштів?
Повернення коштів за всі курси, придбані на Prometheus+, можливе протягом 14 днів. Запит на повернення направляється на пошту [email protected]; у ньому вказуються email, на який зареєстровано акаунт, ПІБ та курс, за який ви хочете повернути кошти. Процедура повернення коштів займає 30 календарних днів з моменту схвалення заявки. Щоб уникнути зловживань з боку слухачів, ми залишаємо за собою право обмежити або відхилити запити на повернення коштів у випадках, коли:
  • значна частина курсу була використана або завантажена студентом до того, як було оформлено заявку на повернення коштів;


  • студент подав кілька запитів на повернення коштів за один і той самий курс;


  • студент вимагає повернути зайву суму;


  • користувачі порушили Умови або Правила платформи.


Не знайшли відповідь?

Центр допомоги