Онлайн

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

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

  • Hard skills + soft skills

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

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

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

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

Лендинг BarberShop

Лендинг Barbershop

Група Frontend 31 (online)

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

  • Перший командний проєкт
  • HTML5
  • SCSS
  • Parcel
Перейти на проєкт
лендинг Ice cream

Лендинг Ice cream

Група Frontend 76 (online)

Вивчивши HTML/CSS, студенти створили лендинг для компанії, що виготовляє морозиво. Тут можна дізнатися інформацію про компанію, продукти, послуги. Подивитися контакти й заповнити форму зворотного зв’язку. В проєкті використали багато ненав’язливої анімації та приємний дизайн, які підкреслюють натуральність продукту.

  • Перший командний проєкт
  • HTML5
  • Sass
  • JavaScript
  • Parcel
  • Animate.css
Перейти на проєкт
вебзастосунок Filmoteka

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

Група Frontend 55 (online)

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

  • Другий командний проєкт
  • Native JavaScript
  • Parcel
Перейти на проєкт

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

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

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

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