Онлайн

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

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

  • Hard skills + soft skills

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

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

Початок 1 лютого

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-розробнику? Відповіді нижче
  • Теми: 11

    HTML и CSS

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

    Теми

    • Основи HTML. Теги й атрибути. Семантика
    • Основи CSS. Селектори. Колір
    • Оформлення тексту й шрифти
    • Блочна модель. Flexbox
    • Фон і декоративні елементи
    • Позиціонування елементів
    • Трансформації. Переходи та анімація
    • Форми
    • Респонсівна верстка та адаптивна графіка
    • Методології. Препроцесори
    • +2 особистих і 1 командний проєкт
  • Теми: 12

    JavaScript

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

    Теми

    • Змінні та типи даних. Відгалуження. Цикли
    • Масиви. Функції
    • Об’єкти. Операції rest і spread
    • Масиви: методи перебирання
    • Ключове слово this. Прототипи й класи
    • DOM та події
    • Патерни й оптимізація подій
    • Інфраструктура проєктів. Вебсховище
    • Асинхронність і Date. Проміси
    • Взаємодія з бекендом
    • CRUD. Асинхронні функції
    • +1 командний проєкт
  • Теми: 16

    Soft skills

    Щоб обійти інших джунів, прокачаємо твої м’які навички, кар’єрні навички, підтягнемо інгліш. Також підкажемо, як знайти роботу мрії та порекомендуємо тебе нашим партнерам.

    Теми

    • Філософія Agile
    • Методологія ScrumScrum
    • Робота в команді
    • Тайм-менеджмент-менеджмент
    • Аналітика проєктівпроєктів
    • English speaking club (пакет Plus)speaking club (пакет Plus)
    • Робота з EnglishDom Wordsз EnglishDom Words
    • Заняття з працевлаштуванняз працевлаштування
    • Складання грамотного резюмеграмотного резюме
    • Створення сторінки на LinkedInсторінки на LinkedIn
    • Написання мотиваційного листамотиваційного листа
    • Майданчики для пошуку роботидля пошуку роботи
    • Підготовка до HR-інтерв’ю
    • Підготовка до технічного інтерв’ю
    • Комунікативні навички
    • Тестові співбесіди

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

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

    Лендинг BarberShop

    Лендинг BarberShop

    Група Frontend 31 (online)

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

    • CSS3
    • HTML5
    • Parcel
    • SCSS
    • Перший командний проєкт
    Перейти на проєкт
    Лендинг Love Camp

    Лендинг Love Camp

    Група Frontend 15 (online)

    Особистий проєкт студента Льоші Рєпіна. Кар'єрний сервіс GoIT допоміг йому влаштуватися у Rezart Agency на стажування, а ще під час навчання він зверстав свій перший комерційний Landing page. На сторінці Love Camp зібрана інформація про проєкт та спікерів, можна переглянути відеовідгуки, заповнити форму на участь.

    • CSS3
    • HTML5
    • Перший особистий проєкт
    Перейти на проєкт
    Інтернет-магазин Callboard

    Інтернет-магазин Callboard

    Група Frontend 37 (online)

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

    • CSS3
    • HTML5
    • JavaScript
    • Другий командний проєкт
    Перейти на проєкт
    Веб-приложение Weather App

    Вебзастосунок Weather App

    Група IT Bootcamp 18 (online)

    Вивчивши JavaScript, студенти GoIT створили вебзастосунок Weather App. Він допомагає людині дізнатися погоду у місті на поточний день та на 5 днів вперед. Графік візуалізує середню температуру, вологість, швидкість вітру та атмосферний тиск. Міста можна додавати до списку вибраних. Сайт адаптований під мобільну, планшетну та десктопну версії.

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

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

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%
    теорія

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

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

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

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

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

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

    Вова Мельник

    Вова Мельник

    Frontend Lead в GoIT

    • Середа

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

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

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

    Саша Веник

    Саша Вєнік

    Senior Frontend Engineer в Compstack

    • П’ятниця

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

    Коля Мосалов

    Коля Мосалов

    Full-time Mentor в GoIT

    • Субота

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

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

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

    Full-time Mentor в GoIT

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

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