Онлайн

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

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

  • Hard skills + soft skills

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

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

Початок 22 квітня

6 місяців

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

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

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

    $2500

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

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

    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 (пакет Plus)
    • Робота з EnglishDom Wordsз 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
  • 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-компаній
Вова Мельник

Вова Мельник

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 live вечірні вебінари на тиждень, які можна переглядати в записі

    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

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

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