Онлайн

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

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

  • Hard skills + soft skills

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

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

Начало 27 марта

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-разработчик по макету дизайнера. Это интересная работа, ведь каждая новая строчка кода улучшает внешний вид и возможности сайта

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

Что нужно знать Frontend-разработчику? Ответы ниже
  • HTML и CSS

    Начнем с верстки. С помощью HTML и CSS создадим структуру и стили сайта, соберем шрифты, цвета, блоки страниц. Изучим основные элементы и синтаксис. За это время ты сделаешь 2 личных + 1 командный проект.

    Темы

    • Основы HTML. Теги и атрибуты. Семантика
    • Основы CSS. Селекторы. Цвет
    • Оформление текста и шрифты
    • Блочная модель. Flexbox
    • Фон и декоративные элементы
    • Позиционирование элементов
    • Трансформации. Переходы и анимация
    • Формы
    • Отзывчивая верстка. Отзывчивая графика
    • Методологии. Препроцессоры
    • +2 личных и 1 командный проект
  • JavaScript

    Учимся создавать интерактивные веб-страницы на языке JavaScript, чтобы пользователи могли взаимодействовать с элементами. Например, ставить лайк, отправлять заявки, получать уведомления.

    Темы

    • Переменные и типы. Ветвления. Циклы
    • Массивы. Функции
    • Объекты. Операции rest и spread
    • Перебирающие методы массивов
    • Ключевое слово this. Прототипы и классы
    • DOM и события
    • Паттерны и оптимизация событий
    • Инфраструктура проектов. Веб-хранилище
    • Асинхронность и Date. Промисы
    • Взаимодействие с бэкендом
    • CRUD. Асинхронные функции
    • +1 командный проект
  • Soft skills

    Чтобы обойти других джунов, прокачаем твои мягкие навыки, карьерные навыки, подтянем инглиш на живых занятиях. Также подскажем, как найти компанию мечты и порекомендуем тебя нашим партнерам.

    Темы

    • Философия Agile
    • Методология Scrum
    • Работа в команде
    • Тайм-менеджмент
    • Аналитика проектов
    • English speaking club
    • Работа с EnglishDom Words
    • Занятия по трудоустройству
    • Составление грамотного резюме
    • Создание страницы на LinkedIn
    • Написание мотивационного письма
    • Площадки для поиска работы
    • Подготовка к HR-интервью
    • Подготовка к техническому интервью
    • Коммуникативные навыки
    • Тестовые собеседования

Проекты студентов

Подобные проекты в портфолио – твой билет в 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-компаний
Вова Мельник

Вова Мельник

Frontend Lead в GoIT

В IT больше 5 лет, на курсе преподает модуль JavaScript. Один из разработчиков нашей LMS (платформы для обучения). Когда-то Вова сам был студентом GoIT, наверное, поэтому LMS и получилась такой удобной.

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

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

Senior Frontend Developer в GoIT

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

Саша Веник

Саша Веник

Senior Frontend Engineer в Compstack

7 лет в IT-сфере. Про себя говорит, что работает джаваскриптизером и что «главное в жизни – не обверстаться». Счастлив, когда его работа приносит пользу людям. А еще у Саши божественный голос, как в рекламе Баунти. В общем, услышишь на занятии.

Гэри Горват

Гери Горват

Senior Frontend Developer в TEAM International

За 6 лет успел поработать с C#, HTML, CSS, JavaScript, Typescript, React, React Native, Node JS и базами данных Oracle, MS SQL, PostgreSQL. Когда-то сам учил Java на курсах, но Java-разработчиком не работал ни одного дня за всю карьеру.

Денис Мещеряков

Денис Мещеряков

Senior JavaScript Developer в SevenPro

Преподает уже больше 7 лет. На свое первое занятие в GoIT пришел в футболке с надписью Hogwarts, студенты были в восторге и еще долго шутили по этому поводу.

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

Леша Репин

Senior Frontend Developer в GoIT

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

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

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

Senior Frontend Developer в GoWeb

Бывший студент GoIT, которого после выпуска с руками и ногами забрали в нашу веб-студию GoWeb. За следующие пару лет Ярослав прокачал скилы ментора и преподавателя. Вот такая история успеха.

Дима Рябовол

Дима Рябовол

Markup Developer в Studytube

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

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

Как мы учим

Фишки обучения на курсе Frontend online
  • Кабинет my.goit

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

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

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

    Mobile phone
  • Общение в чате

    здесь ты получаешь фидбэк по заданиям и общаешься со своей группой

    Mobile phone
  • Крутые менторы

    каждый день с тобой на связи, помогают с домашками и вдохновляют

    Mobile phone
  • Работа в IT

    карьерный сервис GoIT помогает сделать резюме, искать вакансии, готовит к собеседованиям

    Mobile phone

Ты + GoIT = 100% совпадение!

Мы точно подходим друг другу, если тебе близки наши принципы
  • 70%
    практика

    • Работы в портфолио
    • Командные проекты
    • Личные проекты
  • 20%
    обратная связь

    • Автопроверка кода
    • Работа с ментором по ДЗ
    • Общение в чате с группой
  • 10%
    теория

    • Конспекты по всем темам
    • Живые занятия (вебинары)
    • Обучающие видео

GoIT – партнер ассоциации IT Ukraine. Это больше 100 компаний, которые открыты для наших студентов. Мы гордимся тем, что 80% выпускников находят работу в первые месяцы после курса

Твоя неделя на курсе

Занятия проходят онлайн по вечерам, их удобно совмещать с работой
    • Понедельник

    Читаешь конспект, смотришь видео

    • Вторник, 19:30–21:30

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

    Вова Мельник

    Вова Мельник

    Frontend Lead в GoIT

    • Среда

    Работаешь с ботом (автопроверка кода)

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

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

    Саша Веник

    Саша Веник

    Senior Frontend Engineer в Compstack

    • Пятница

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

    Коля Мосалов

    Коля Мосалов

    Full-time Mentor в GoIT

    • Суббота

    Делаешь ДЗ и готовишься к новому занятию

    Катя Олександрович

    Катя Александрович

    Full-time Mentor в GoIT

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

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

Cookies image
Мы используем файлы cookie, чтобы улучшить работу сайта.