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

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

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

  • Hard skills + soft skills

  • 4 проекта в портфолио

  • Базовый английский

Начало 17 июня

6 месяцев

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

Плюсы профессии Frontend-разработчик

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

    $2500

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

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

    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
    • Подход Lifelong Learning
    • Презентация проектов
    • Системное мышление
    • Нетворкинг
  • Career skills

    Поможем спланировать процесс поиска работы.

    Темы

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

    Английский открывает доступ к новейшим знаниям, позволяет работать в международных компаниях, общаться с клиентами и коллегами со всего мира, расти профессионально и получать лучшие карьерные возможности. В IT-сфере он является языком документации, программирования, обучения и глобального общения.

    Темы

    • Работа с 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
  • CSS3
  • SCSS
  • Parcel
Перейти на проект
зображення проєкту minimal

Лендинг Minimal

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

Во время первого модуля студенты разработали анимированный сайт для магазина мебели. Это стильный онлайн-каталог с фотографиями, ценами и подробным описанием. Здесь удобно искать товары, можно почитать отзывы и оставить заявку для связи. Благодаря адаптивной верстке сайт отлично выглядит на всех устройствах. А что еще нужно для идеального шопинга?

  • Первый командный проект
  • HTML
  • CSS
  • Git
  • GitHub
Перейти на проект
зображення проєкту 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). Сервис имеет интерактивный интерфейс, каталог для поиска, подробное описание с рейтингом фильма. У сайта лаконичный дизайн в светлой и темной темах.

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

Веб-приложение 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, CTO в 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».

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

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

Fullstack Developer в компании DevForge

5+ лет опыта в разработке. Работал над созданием веб-приложений и сервисов для коммерческих проектов, а также занимался управлением командой и планированием проектов. В работе ценит скорость, качество и постоянное совершенствование — как собственных навыков, так и знаний студентов.

Вова Мельник

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

Director of Engineering

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

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

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

Software Development Engineer (Front-End) at SPD Technology

Работает и преподает HTML, CSS в GoIT с 2020-го. Знает, как объяснить одну тему разными способами, поэтому частенько использует метафоры и сравнения. Так что учить верстку с Андреем – это еще и развивать воображение.

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

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

Senior Frontend Developer в GoIT

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

Дима Рябовол

Дима Рябовол

Markup Developer в Studytube

Дима уже 4 года разрабатывает удобные и доступные интерфейсы. На курсе преподает блок HTML, CSS. Как-то чихнул на занятии и впервые услышал «Будь здоров!» одновременно от 250 человек. Обожает своих студентов.

Назар Лисак

Назар Лисак

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

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

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

Как мы учим

Фишки обучения на курсе Frontend online
  • Обучающая платформа LMS

    рабочая среда студентов и твой пожизненный доступ ко всем лекциям и материалам курса

    Mobile phone
  • Прямые эфиры

    2-3 живых вебинара в неделю по вечерам, которые можно пересматривать в записи

    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

    Смотришь вебинар с преподавателем

    Іван Мельничук

    Иван Мельничук

    Автор курса Java, Ex Director of Engineering GoIT

    • Пятница

    Делаешь ДЗ, получаешь фидбэк от ментора

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

    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 грн/мес

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

Вопросы и ответы

Если все еще останутся вопросы, закажи бесплатную консультацию