Чому ФРОНТЕНД-РОЗРОБКА:

Не потрібно розтягувати навчання на роки: опанувати основи HTML, CSS i JavaScript можна за лічені тижні
Це базовий курс, проходження якого дозволить прискоритись у вивченні інших мов програмування, що використовуються у Web, зокрема C#, Python чи Java
Доступний кожному: вивчення HTML5, CSS3 i JS не потребує надзусиль чи додаткових знань з комп'ютерних наук
Знаючи HTML, CSS i JS, ти легко налагодиш взаємодію з веб-дизайнерами чи девелоперами
HTML/CSS/JS - це комплект із трьох мов, які розуміють усі веб-браузери (Safari, Firefox, and Google Chrome та ін.)
HTML, CSS і JS дозволять тобі створювати сучасні, адаптовані для мобільних пристроїв та десктопів веб-сайти з високим рівнем SEO-оптимізації

Чому SoftServe Academy?

- 40% усіх девелоперів SoftServe - наші випускники
- 73% усіх інтернів у SoftServe - наші випускники

15 років ми створюємо навчальні рішення, знаючи інсайти реальної компанії з реальними проєктами

ментори з досвідом у ІТ та навчанні дорослих (сертифіковані Google Professionals у Львові та Києві)

2/3 програми – практичні завдання

досвід командної роботи над проєктом, розвиток не лише hard skills, а й soft skills

1 місяць досвіду для CV і щоб зрозуміти, чи це твоє

Цей курс для тебе, якщо ти:

початківець в ІТ без знань чи навичок з розробки для Web або ж з мінімальним розумінням як це працює
прагнеш отримати структуровані знання, підтримку ментора та мотивацію, а також плануєш навчатись далі у SoftServe Academy за напрямком WebUI (Python, PHP, NodeJS, Ruby) та .NET, Java і Go

ІНФОРМАЦІЯ ПРО КУРС

ПЛАН КУРСУ

Теми

Опис

Вступ до курсу

Розуміння взаємодії веб-браузерів та веб-серверів. Представляємо інструменти: Інструменти розробника веб-браузера, засоби прототипування веб-сторінок, IDE, робота з GitHub

HTML

Структура документа HTML, пари тегів, елемент, посилання, вкладеність, перевірка HTML, нові та застарілі теги в HTML, основи зображень, відео та аудіо, додавання карти, створення форми з відправкою на email. Командна робота над проєктом в GitHub.

Основи CSS

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

Практикум з верстки в CSS

Модель FlexBox та Grid. Медіа-запити. Створення типової сторінки з адаптивною версткою.

CSS-фреймворки Bootstrap та Tailwind

Введення до CSS-фреймворків, приєднання їх до сторінки та створення типових елементів веб-сторінки.

Поглиблений CSS

Поглиблені теми в CSS, анімація, трансформація. Створення анімованого бургер-меню.

Вступ до JavaScript

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

Цикли та масиви в JavaScript

Цикли, масиви та їх методи, анонімні та стрілкові функції

Робота з об'єктами в JavaScript

Об'єкти, різні способи їх створення, JSON, прототипне наслідування, класи

Робота з DOM та BOM в JavaScript

Вступ до BOM/DOM, пошук елементів на DOM, модифікація DOM, встановлення обробників подій, створення динамічних елементів (карусель елементів та ін.)

Взаємодія з сервером та основи NodeJS

Основи асинхронного програмування в JavaScript. Використання Fetch для відправки та отримання даних з сервера. Використання NodeJS для створення простого сервера. Доступ до API, у тому числі Open AI для штучного інтелекту.

Інтернет-магазин

Створення простого, але повнофункціонального інтернет-магазину (завантаження списку товарів з бекенду, збереження товарів в корзині, виведення інформації про товар в модальному вікні, відправка замовлення на email).

Бонусний модуль. Вступ до React та NextJS

Перші кроки до створення додатків з React/NextJS.

Після завершення курсу ти вмітимеш

створювати коректну розмітку HTML-сторінки і перевіряти її за допомогою валідатора;
писати селектори в CSS;
створювати CSS-стилі, зокрема для верстки сторінки з використанням FlexBox та CSS Grid Layout та підтримкою responsive і візуальних ефектів;
створювати JavaScript-код для вирішення типових задач клієнтського веб-програмування;
структурувати і проектувати JavaScript-код з використанням функцій та об’єктів, обирати та створювати коректні колекції даних, а також оформлювати код відповідно до Google JavaScript Style Guide;
інтегрувати JavaScript і HTML, зокрема знати різні варіанти включення JavaScript до HTML, а також задання обробників подій, створення HTML-форм, побудова і використання регулярних виразів у JavaScript і HTML;
здійснювати пошук помилок за допомогою вбудованого відладчика у браузері, моніторити використання ресурсів, користуватися консоллю для виводу інформації;
використовувати бібліотеку jQuery для маніпуляції елементами DOM, створення базових ефектів та виконання Ajax-запитів;
створювати і виконувати Fetch-запити, використовувати формат JSON для передачі даних.
використовувати Git для збереження версій проекту і публікації сайту на GitHub.

FAQs

1. Чи можна зареєструватись на курс, якщо я не з ІТ?

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

2. Скільки часу необхідно для навчання на цьому курсі та чи будуть записи?

Курс складається з 12 занять, що тривають 3 години (одне заняття розбивається на дві частини: рев'ю завдань і опрацювання нової теми, орієнтовною тривалістю 1.5 години кожна) та відбуваються тричі на тиждень. В процесі проходження курсу тобі потрібно буде виконувати практичні завдання, на які бажано приділяти 2-4 години щодня. Після проходження всіх тем курсу буде надано додатковий час для завершення проєкту для отримання сертифікату тривалістю орієнтовно 10 днів. Всі заняття будуть записані, тому ти зможеш переглянути їх у зручний для тебе час і навіть зі збільшеною швидкістю. Відповідно, відвідувати заняття не обов'язково, можна переглядати їх в записі. Додатково будуть надаватися короткі допоміжні відео, які допоможуть тобі зрозуміти матеріал, що викладається на заняттях.

3. Наскільки складно навчатися на курсі?

Курс фактично має два рівні складності. Для абсолютних початківців, що ніколи не писали код достатньо ознайомитися з матеріалами курсу та виконати мінімальне практичне завдання для отримання сертифікату. Для учасників, які вже знайомі з основами HTML/CSS/JavaScript буде можливість розібратися з більш поглибленими темами та реалізувати проєкт, складність якого буде залежати лише від можливостей учасника.

Загальна інформація

тривалість

4-5 тижнів

частота

Тричі на тиждень: Пн, Ср, Пт 17:00-20:00

формат

онлайн

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

Групи доступні до реєстрації

Після реєстрації на курс ти отримаєш доступ до чату з ментором в Discord, де зможеш поставити додаткові питання щодо програми курсу.

01.08.2025-29.08.2025

Онлайн

FRONTEND FUNDAMENTALS

12199 грн

Реєстрація відкрита до 01.08.2025

Реєстрація

Хочемо допомогти розпочати кар'єру в ІТ тим, хто дуже хоче, але не має можливості оплатити курс. Пропонуємо кілька безплатних місць на курсі ветеранам, внутрішньо переміщеним особам та людям із вразливих груп. Будь ласка, заповни форму, поясни свою ситуацію та виконай тестове завдання, адже тобі знадобляться базові знання, щоб успішно пройти курс. Безплатне навчання в SoftServe Academy можна отримати тільки на один курс.

* Послуги надаються ТОВ “СофтСерв Технології”, онлайн
Приклад рахунку-договору тут