...
Обрати професію На платформу
hero image
Онлайн-лекції наживо

Курс Frontend-розробник з нуля

Програма навчання Junior Frontend Developer. На онлайн-курсі ти навчишся створювати інтерфейси вебсайтів та застосунків

  • Hard skills + soft skills

  • 4 проєкти у портфоліо

  • Базова англійська

Початок 17 червня

6 місяців

Вечірні заняття

Плюси професії Frontend-розробник

IT захоплює нові сфери, а бізнес переходить в онлайн. Фронтендники потрібні майже в кожному проєкті, тому IT-компанії розширюють команди зі швидкістю 20-30% на рік. Ця професія буде жити й трансформуватись найближчі 50 років
  • Середня заробітна плата

    $2500

    Середня зарплата Frontend-розробника в Україні

  • швидкий старт

    Frontend

    Найпопулярніша і найпростіша технічна професія в IT

  • вакансій

    470+ вакансій

    Для фахівців Frontend щомісяця. І це лише на одному майданчику

  • віддалена робота

    Віддалена робота

    75% вакансій – це дистанційна робота, 20% – релокейт

  • цікаві проєкти

    Цікаві проєкти

    Вебсайти, інтернет-магазини, мобільні застосунки, ігри, соцмережі, медіа тощо

  • найкращі умови

    Найкращі умови

    Програми навчання, медстрахування, спортзал, відпустки та дей офи

На курсі Frontend online ти навчатимешся вечорами й опануєш професію за 6 місяців. Якщо ж хочеш побудувати кар’єру Fullstack (Frontend + Backend), залишай заявку і менеджер допоможе тобі вибрати оптимальний формат

Що робить Frontend-розробник

Це програміст, який розробляє інтерфейси – елементи вебсайтів, програм та застосунків, які дозволяють людині з ними працювати
Що робить Frontend-розробник

Фронтендник пише код і верстає ту частину сторінки, яку бачить і з якою взаємодіє користувач. Наприклад, кожну картинку, кнопку та букву на цьому сайті зверстав Frontend-розробник за макетом дизайнера. Це цікава робота, адже кожен новий рядок коду покращує зовнішній вигляд та можливості сайту

decorative image

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

Що потрібно знати Frontend-розробнику? Відповіді нижче
  • HTML та CSS

    Почнемо з верстки. За допомогою HTML та CSS створимо структуру й стилі сайту, зберемо шрифти, кольори, блоки сторінок. Вивчимо основні елементи й синтаксис. За цей час ти зробиш 2 особисті + 1 командний проєкт.

    Теми

    • Вступ до HTML. Теги та атрибути
    • Структурна розмітка сторінки
    • Селектори та колір
    • Текст та шрифт
    • Блокова модель
    • Flexbox
    • Декоративні ефекти
    • CSS-переходи
    • Форми
    • Елементи форм
    • Респонсивні сторінки
    • Адаптивна графіка
    • 2 індивідуальні проєкти
    • 1 командний проєкт
  • JavaScript

    Вчимося створювати інтерактивні вебсторінки на мові JavaScript, щоб користувачі могли взаємодіяти з елементами. Наприклад, ставити лайк, надсилати заявки, отримувати сповіщення.

    Теми

    • Змінні та типи
    • Основи функцій
    • Розгалуження
    • Цикли
    • Масиви
    • Функції
    • Об'єкти
    • Методи обʼєктів
    • Колбек-функції та стрілочні функції
    • Ітерація масива
    • Прототип об'єкта
    • Класи
    • Модель DOM
    • Події
    • Делегування подій
    • Деструктуризація
    • Вебсховище
    • Модульність коду
    • Асинхронність
    • Проміси
    • HTTP-запити
    • Бібліотека Axios
    • Синтаксис async/await
    • Пагінація
    • 1 командний проєкт
  • Soft skills

    Щоб обійти інших джунів, прокачаємо не тільки Hard Skills, а й твої Soft Skills.

    Теми

    • Філософія Agile
    • Методологія Scrum
    • Робота в команді
    • Тайм-менеджмент
    • Аналітика проєктів
    • Комунікативні навички
    • Підхід Lifelong Learning
    • Критичне мислення
    • Презентація проєктів
    • Системне мислення
    • Нетворкінг
  • Career skills

    Допоможемо спланувати процес пошуку роботи.

    Теми

    • Складання грамотного резюме
    • Написання мотиваційного листа
    • Створення сторінки на LinkedIn
    • Оформлення профілю Djinni
    • Ресурси для пошуку роботи
    • Постановка карʼєрної цілі
  • IT English

    Англійська відкриває доступ до новітніх знань, дозволяє працювати в міжнародних компаніях, спілкуватися з клієнтами та колегами з усього світу, зростати професійно та отримувати кращі кар’єрні можливості. В ІТ-сфері вона є мовою документації, програмування, навчання та глобального спілкування.

    Теми

    • Робота з EnglishDom Words
    • English Career Bot
    • IT English Intensive (plus)

Проєкти студентів

Подібні проєкти в портфоліо — твій квиток в IT

Vyshyvanka vibes project image

Лендинг Vyshyvanka Vibes

Група Fullstack 96 (online)

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

  • Перший командний проєкт
  • HTML
  • CSS
  • Git
  • GitHub
Перейти на проєкт
Лендинг BarberShop

Лендинг Barbershop

Група Frontend 31 (online)

Вивчивши HTML та CSS, студенти створили лендинг київського барбершопу. Це сторінка зі стильними фотографіями майстрів та процесу роботи. Розробники зібрали інфу про салон, послуги та ціни, додали форму для онлайн-запису. На розробку сторінки пішов тиждень, так команда закріпила знання з вивчених технологій та роботи з Git.

  • Перший командний проєкт
  • HTML5
  • Parcel
  • SCSS
Перейти на проєкт
зображення проєкту minimal

Лендинг Minimal

Група Fullstack Вootcamp 57 (online)

Під час першого модулю студенти розробили анімований сайт для магазину меблів. Це стильний онлайн-каталог з фотографіями, цінами та детальним описом. Тут зручно шукати товари, можна почитати відгуки й залишити заявку для зв’язку. Завдяки адаптивній верстці сайт чудово виглядає на всіх пристроях. А що ще потрібно для ідеального шопінгу?

  • Перший командний проект
  • CSS
  • Git
  • GitHub
  • HTML
Перейти на проєкт
зображення проєкту tastytreads

Вебзастосунок TastyTreats

Група Fullstack 81 (online)

Любиш смачно поїсти? Студенти GoIT створили сервіс, де зібрали майже 300 популярних страв. Кожна страва – це окрема картка, яка містить список продуктів, детальний рецепт і навіть кулінарне відео. Рецепти можна оцінювати й додавати до «Улюблених». Сайт має світлу та темну теми, а у футері автори сховали пасхалку. Знайдеш?

  • Другий командний проєкт
  • HTML
  • CSS
  • JavaScript
  • Parcel
  • Git
  • GitHub
Перейти на проєкт
проєкт cinemania

Вебзастосунок Cinemania

Група 74 FSOn JavaScript

Після вивчення HTML та JavaScript студенти розробили вебзастосунок Cinemania. Тут користувачі можуть зібрати власну фільмотеку (My library) та знайти новинки для перегляду (Weekly trends). Сервіс має інтерактивний інтерфейс, каталог для пошуку, детальний опис із рейтингом фільму. Сайт має лаконічний дизайн у світлій та темній темах.

  • HTML
  • CSS
  • JavaScript
  • Parcel
  • Git
  • GitHub
Перейти на проєкт
проєкт bookshelf

Вебзастосунок Bookshelf

Група 72 FSOn JavaScript

Любиш читати? Тоді точно заціниш вебсервіс Book з великим вибором книжок. Студенти розробили сортування по категоріях і зручну навігацію. Книжки можна додавати у вішліст, переглядати інфу про кожну з них у модальному вікні. Автори обрали мінімалістичний дизайн, а також розробили світлу й темну теми на вибір.

  • Другий командний проєкт
  • CSS
  • Git
  • GitHub
  • HTML
  • JavaScript
  • Parcel
Перейти на проєкт
проєкт Slim mom

Вебзастосунок Slim mom

Група Fullstack 48 (online)

Це застосунок для молодих мам, що хочуть схуднути. Користувач вводить дані (вік, зріст, вагу), і програма вираховує добову норму калорій. Розробники створили базу страв та продуктів, які радять виключити з раціону. А ще додали «Щоденник», щоб слідкувати за прогресом. Також на сайті працює авторизація та багатомовність.

  • Третій командний проєкт
  • HTML5
  • CSS3
  • React.js
  • Redux Toolkit
  • REST API
  • React Notification
  • React Router DOM
  • React Loader Spinner
  • React Datepicker
  • Git
Перейти на проєкт
проєкт Kapusta

Вебзастосунок Kapusta

Група Fullstack 42 (online)

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

  • Третій командний проєкт
  • HTML
  • React.js
  • styled-components
  • Redux Toolkit
  • Axios
  • Chart.js
  • React Router DOM
  • MomentJS
  • Formik
  • Yup
  • React Datepicker
  • Git
Перейти на проєкт
GooseTrack project image

Вебзастосунок GooseTrack

Група Fullstack 71 (online)

Застосунок для тих, хто любить тримати задачі під контролем. Тут для цього є календар, таск-трекер і темна версія (для роботи ввечері). Студенти також розробили бекенд, щоб можна було користуватись особистим кабінетом та слідкувати за статистикою задач. Якщо зайдете потестувати, дізнаєтесь, чому в українській версії застосунок називається Гуусятниця ;)

  • Фінальний проєкт
  • Cloudinary
  • Express
  • Git
  • React.js
  • Redux Toolkit
  • RTK Query
  • Swagger
Перейти на проєкт

Викладачі курсу

Frontend-розробці навчають співробітники топових IT-компаній
Олександр Репета

Олександр Репета

Автор курсу FullStack СТО в GoIT, Ex-Lead розробки в найбільшому Fintech-стартапі Європи Klarna

Досвід 10+ років. Декілька разів на рік оновлює програму, адаптуючи її під реалії IT-ринку. Провів понад 500+ навчальних вебінарів. Рівень задоволеності студентами: 9,7/10

Станіслав Червінський

Станіслав Червінський

Front-End Developer в Nestle

Має понад 4 роки досвіду у сфері розробки (Front-end/Markup Language), працював з технологіями Magento/React. А також працював з світовими брендами Starbucks, Nestle, Nescafe Dolce Gusto, брав участь у розробці та підтримці їх продуктів.

Ярослав Косиця

Senior Frontend Developer в SoftServe

3+ роки досвіду в у розробці. 2+ роки досвіду викладання HTML/CSS та JavaScript. Провів більше 40 інтенсивів. Має великий досвід проведення воркшопів для студентів. Співавтор курсу "Освоєння препроцесору SASS.

Вова Мельник

Володимир Мельник

Director of Engineering

8+ років розробки. Випустив 1000+ студентів. Автор курсів «CSS Grid», «QA Automation», «Основи роботи з АI».

Володимир Пащенко

Володимир Пащенко

Fullstack Developer у компанії DevForge

5+ роками досвіду у розробці. Працював над створенням вебзастосунків і сервісів для комерційних проєктів, а також займався управлінням командою та плануванням проєктів. У роботі цінує швидкість, якість та постійне вдосконалення — як власних навичок, так і знань студентів.

Андрей Данилко

Андрій Данилко

Software Development Engineer (Front-End) at SPD Technology

Працює та викладає HTML, CSS у GoIT з 2020-го. Знає, як пояснити одну тему різними способами, тому часто використовує метафори та порівняння. Тож вивчати верстку з Андрієм – це ще й розвивати уяву.

Алексей Репин

Олексій Рєпін

Senior Frontend Developer в GoIT

Викладає верстку 4 роки і, можна сказати, уже перевершив свого вчителя. За всю історію GoIT саме Льоша отримав найвищий бал за заняття від студентів: 9,9 із 10 (у Саші Репети – 9,8).

Назар Лисак

Назар Лисак

Frontend Developer, технічний експерт Purina Europe

Більше 4-х років досвіду. Розробив підхід до інтеграції JavaScript-фреймворків у Drupal CMS. Працює над мережею європейських сайтів Purina (30+ вебресурсів) — відповідає за ключові елементи сайтів, SEO-оптимізацію, семантику та доступність. Навчає студентів практичним рішенням, адаптує складні технології до реальних завдань бізнесу й завжди слідкує за якістю коду та досвідом користувача.

Ти навчатимешся за авторською програмою Саші Репети. Суперсила Сашка – пояснювати складні речі простими словами. Більш детального шляху, як стати Frontend-розробником, люди ще не вигадали

Як ми навчаємо

Фішки навчання на курсі Frontend online
  • Навчальна платформа LMS

    робоче середовище студентів і твій довічний доступ до всіх лекцій та матеріалів курсу

    Mobile phone
  • Прямі ефіри

    2-3 live вечірні вебінари на тиждень, які можна переглядати в записі

    Mobile phone
  • Спілкування в чаті

    тут ти отримуєш фідбек по завданнях та спілкуєшся зі своєю групою

    Mobile phone
  • Круті ментори

    щодня з тобою на зв'язку, допомагають із домашками та надихають

    Mobile phone
  • Робота в IT

    кар'єрний сервіс GoIT допомагає зробити резюме, шукати вакансії

    Mobile phone
  • AI-ментор

    перевіряє код, дає варіанти розв'язань, спілкується українською та надає автоматичний фідбек з чіткими оцінками без емоційного фактора, завжди доступний на навчальній платформі

    Mobile phone

Ти + GoIT = 100% співпадіння!

Ми точно підходимо один одному, якщо тобі близькі наші принципи
  • 70%
    практика principles icon

    • Роботи в портфоліо
    • Командні проєкти
    • Особисті проєкти
  • 20%
    зворотний зв’язок principles icon

    • Автоперевірка коду
    • Перевірка ДЗ ментором
    • Спілкування у чаті з групою
  • 10%
    теорія principles icon

    • Конспекти з усіх тем
    • Живі заняття (вебінари)
    • Навчальні відео

GoIT – партнер асоціації IT Ukraine. Це понад 100 компаній, які відкриті для наших студентів. Ми пишаємося тим, що 80% випускників знаходять роботу в перші місяці після курсу

Твій тиждень на курсі

Заняття проходять онлайн вечорами, їх зручно поєднувати з роботою
    • Понеділок

    Читаєш конспект, дивишся відео

    • Вівторок, 19:30–21:30

    Дивишся вебінар з викладачем

    Вова Мельник

    Володимир Мельник

    Director of Engineering

    • Середа

    Працюєш з ботом (автоперевірка коду)

    • Четвер, 19:30–21:30

    Дивишся вебінар з викладачем

    Вова Мельник

    Володимир Мельник

    Director of Engineering

    • П’ятниця

    Робиш ДЗ, отримуєш фідбек від ментора

    Ярослав Косиця

    Senior Frontend Developer в SoftServe

    • Субота

    Робиш ДЗ та готуєшся до нового заняття

    Володимир Пащенко

    Володимир Пащенко

    Fullstack Developer у компанії DevForge

Опануйте професію, з якою досягнете своїх найзаповітніших мрій

  • Frontend

    • 2 вебінари на тиждень
    • 6 місяців
    • check

      Tech skills: 8 годин на тиждень

    • check

      Практика з менторською підтримкою

    • check

      2 командні проєкти

    • check

      2 індивідуальні проєкти

    • check

      Soft Skills для IT

    • check

      Модуль “Успішне працевлаштування”

    • check

      Модуль “Успішна співбесіда англійською”

    • check

      5 місяців англійської

    • check

      Заняття англійською щотижня в групі 10-12 осіб

    38 000 грн

    3 800 грн/міс

    Оплата частинами

  • Frontend + English

    • 2 вебінари на тиждень
    • 6 місяців
    • check

      Tech skills: 8 годин на тиждень

    • check

      Практика з менторською підтримкою

    • check

      2 командні проєкти

    • check

      2 індивідуальні проєкти

    • check

      Soft Skills для IT

    • check

      Модуль “Успішне працевлаштування”

    • check

      Модуль “Успішна співбесіда англійською”

    • check

      5 місяців англійської

    • check

      Заняття англійською щотижня в групі 10-12 осіб

    44 000 грн

    4 400 грн/міс

    Оплата частинами

Питання й відповіді

Якщо ще залишились питання, замов безоплатну консультацію