Dev & Data Science

Front-end Beginning

Базовий курс, який допоможе зробити перші кроки у вебпрограмуванні. А потім вирішити, куди розвиватися далі: пірнати у front-end чи обмежитися базовим набором для створення якісних вебінтерфейсів.

Про курс

Фронтенд — невіддільна частина будь-якого сайту. Фронтендер — людина, яка робить так, щоб користувачі могли взаємодіяти зі створеним вебдизайнером інтерфейсом.

На курсі отримаємо базу, щоб самостійно розробляти інтерфейси, враховуючи сучасні технології, процеси та підходи. Розберемося в аспектах створення користувацького інтерфейсу сайтів — HTML, CSS, основах роботи в графічних редакторах. Навчимося робити сайт доступним на екранах різного розміру та за різних умов, а ще оптимізувати свою роботу для вищої продуктивності.

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

31 травня 2023 курс триває 3 місяці
7 500 грн/міс. 7 875 грн/міс. при оплаті частинами
22 500 грн при оплаті всього курсу

15 місць кожен студент отримує регулярний фідбек

Куратори

Авторка програми Тетяна Мельник
Куратор Василь Кашапов
Кураторка Вікторія Комаровська
Кураторка Ольга Шемена
Куратор Ярослав Ілляшенко
куратор Вадим Васько
куратор Андрій Кедись
Куратор Леонід Костецький
Куратор Владислав Єрмолаєв
Лектор Віталій Фрідман
Лектор Юрій Артюх
Лекторка Настя Аніканова

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

  • Знайомство з HTML, CSS та інструментами для розробки

    • Протягом перших тижнів ознайомлюємось з технологіями HTML та CSS. Розглянемо базові html-теги, css-селектори та css-правила. Попрацюємо з веброзміткою тексту. Паралельно ознайомимось з Figma, редакторами та IDE для зручності написання коду, базовими інструментами розробки в браузері (Chrome Dev Tools).
  • Лейаути та Responsive Design

    • Реалізуємо різні лейаути, зокрема багатоколонкові, за допомогою різних технік CSS, як flexbox чи css-grid. Навчимося будувати структуру складніших вебсторінок. Будемо вивчати responsive design та його головні складові, працюватимемо з макетами для різних розмірів екранів.
  • Медіа та інтерактивні елементи сторінок

    • Ознайомимось з різними видами медіа, зокрема зображеннями та шрифтами. Дізнаємось, як оптимізувати сторінку, враховуючи нюанси роботи на різних пристроях і розмірах екранів. Попрацюємо з інтерактивними елементами, а саме: формами, полями для вводу тексту, чекбоксами, кнопками тощо.
  • Підходи та інструменти для організації CSS-коду

    • Вивчимо підходи, щоб фінальний css-код можна було легко підтримувати та масштабувати на багатосторінкові сайти. Ознайомимося з CSS-методологіями (Atomic CSS та BEM), препроцесорами й постпроцесорами (SASS, PostCSS), а також з css-фреймворками: Bootstrap, Tailwind. Попрацюємо з об’ємними макетами, будемо нарощувати кодову базу з кожним заняттям.
  • Просунуті практики вигляду елементів

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

    • Закріпимо здобуті навички на курсовому проєкті. Самостійно зверстаємо макет, створений в рамках курсу Web Design Junior. У верстці використаємо всі отриманні знання, аби зробити сайт адаптивним, інклюзивним, зручним та візуально приємним.

Курс для вас, якщо ви

Початківець

хочете зробити перші кроки у front-end розробці та зверстати свої перші сторінки

Дизайнер/ка сайтів

бажаєте освоїти основи верстки сайтів

Світчер/ка

хочете змінити нинішню професію та перейти в ІТ

English

Intermediate і вище

Математика

на хорошому шкільному рівні

Час

8+ годин на тиждень для виконання домашніх завдань

Як відбувається навчання

Вебінари та відеолекції

Вебінари з куратором та групою відбуватимуться щопонеділка та щосереди о 19:30

Real-life завдання

У нас діє Practicult — культ практики. Тому ви виконуватимете багато складної домашки з реальних робочих буднів. Have fun & survive.

Курсовий проєкт

Під час курсу ви зробите великий проєкт. Адже принцип курсу — все як у житті.

Регулярний фідбек

У нас немає базових і преміум режимів. Тільки преміум, завжди. Отримайте від кураторів усе. І так, десята ітерація — це нормально.

Сертифікат за здобутки

Видаємо лише тим, хто своїм потом, часом і силами його заслужив.

ГРАФІК

Старт

31 травня 2023

Вебінари

щопонеділка та щосереди о 19:30

Мова викладання

українська

Дізнайтеся більше

Twitter Осередок технарів, Development & Data Science новин, фізри для мозку, непроханих порад та соціально-наукового холівару
Лекція Що таке цей ваш фронтенд
Стаття Фронтенд розробник: чим займається, що вміє, з чого почати

Запитання

Чи потрібні якісь навички для вступу на курс?

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

Тому для вступу необхідно поспілкуватися з менеджером, який сконтактує з вами впродовж 72 годин. Одразу після інтерв'ю ви отримаєте відповідь та рекомендації для вступу. Тоді ж ви дізнаєтесь деталі щодо оплати курсу. Важливо: місце в групі бронюється тільки після внесення оплати.

Якщо ви отримаєте відмову –– не засмучуйтеся. Ми надішлемо також список корисних посилань. Ознайомтеся з цими матеріалами, а відтак сміливо подавайтеся на курс знову.

Який софт використовуватиметься на курсі?

Браузер і будь-який текстовий редактор з підсвіткою коду, наприклад, VSCode. Як встановити редактор і працювати з ним, розповість куратор чи кураторка.

Як відбувається комунікація на курсі та в якому форматі куратори дають фідбек?

Уся комунікація на курсі відбувається на платформі Slack (робочий чат групи, канали для домашніх завдань і корисних посилань). Куратори дають фідбек у вигляді коментарів до домашніх завдань та обговорення на вебінарах.

Чи записуватимуться вебінари?

Так, але краще виділіть час, щоб долучатися до них особисто, — буде цікаво.

А сертифікат буде?

Тільки за умови виконання домашніх завдань та успішного захисту курсового проєкту.

Що, як мені не сподобається?

Ми зможемо повернути вам гроші протягом 7 днів від початку курсу, якщо ви передумаєте.

Хто такий фронтенд розробник?

Будь-який сайт можна поділити на дві частини: фронтенд та бекенд. Фронтенд — це та частина, яку людина бачить у себе в браузері, бекенд — те, що перебуває поза браузером (бази даних, код тощо).
Фронтенд розробник — це людина, що займається втіленням візуальної частини сайтів. Саме тієї, з якою взаємодіють користувачі.

Де можна працювати фронтенд розробником?

Тут є кілька варіантів. Як front end developer можна працювати:
— в агенції чи аутсорсі, де вам пропонуватимуть замовників;
— на фрилансі, де ви самостійно шукатимете клієнтів;
— у продукті, де працюватимете над одним чи кількома сайтами однієї компанії.

Які навички потрібні фронтенд розробнику?

Основні жорсткі навички:
— знання технологій HTML, CSS, JavaScript та вміння з ними працювати;
— розуміння роботи браузера;
— уміння працювати з актуальними технологіями.
Основні м’які навички:
— не боятися щось зламати та змінювати; краще ви, ніж користувач;
— розуміння роботи представників суміжних професій: дизайнерів, бекенд розробників, тестувальників тощо;
— здатність швидко освоювати нові знання та застосовувати їх.

Куди рухатися далі у сфері?

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

Apply