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


22 500 грн при оплаті всього курсу

Програма курсу
-
Знайомство з 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
Мова викладання
українська
Запитання
Чи потрібні якісь навички для вступу на курс?
Це базовий курс для людей без досвіду в галузі, усе потрібне вивчатимемо з нуля. Проте ми цінуємо ваш час і хочемо переконатися, що курс буде для вас корисним, а зусилля принесуть результат.
Тому для вступу необхідно поспілкуватися з менеджером, який сконтактує з вами впродовж 72 годин. Одразу після інтерв'ю ви отримаєте відповідь та рекомендації для вступу. Тоді ж ви дізнаєтесь деталі щодо оплати курсу. Важливо: місце в групі бронюється тільки після внесення оплати.
Якщо ви отримаєте відмову –– не засмучуйтеся. Ми надішлемо також список корисних посилань. Ознайомтеся з цими матеріалами, а відтак сміливо подавайтеся на курс знову.
Який софт використовуватиметься на курсі?
Браузер і будь-який текстовий редактор з підсвіткою коду, наприклад, VSCode. Як встановити редактор і працювати з ним, розповість куратор чи кураторка.
Як відбувається комунікація на курсі та в якому форматі куратори дають фідбек?
Уся комунікація на курсі відбувається на платформі Slack (робочий чат групи, канали для домашніх завдань і корисних посилань). Куратори дають фідбек у вигляді коментарів до домашніх завдань та обговорення на вебінарах.
Чи записуватимуться вебінари?
Так, але краще виділіть час, щоб долучатися до них особисто, — буде цікаво.
А сертифікат буде?
Тільки за умови виконання домашніх завдань та успішного захисту курсового проєкту.
Що, як мені не сподобається?
Ми зможемо повернути вам гроші протягом 7 днів від початку курсу, якщо ви передумаєте.
Хто такий фронтенд розробник?
Будь-який сайт можна поділити на дві частини: фронтенд та бекенд. Фронтенд — це та частина, яку людина бачить у себе в браузері, бекенд — те, що перебуває поза браузером (бази даних, код тощо).
Фронтенд розробник — це людина, що займається втіленням візуальної частини сайтів. Саме тієї, з якою взаємодіють користувачі.
Де можна працювати фронтенд розробником?
Тут є кілька варіантів. Як front end developer можна працювати:
— в агенції чи аутсорсі, де вам пропонуватимуть замовників;
— на фрилансі, де ви самостійно шукатимете клієнтів;
— у продукті, де працюватимете над одним чи кількома сайтами однієї компанії.
Які навички потрібні фронтенд розробнику?
Основні жорсткі навички:
— знання технологій HTML, CSS, JavaScript та вміння з ними працювати;
— розуміння роботи браузера;
— уміння працювати з актуальними технологіями.
Основні м’які навички:
— не боятися щось зламати та змінювати; краще ви, ніж користувач;
— розуміння роботи представників суміжних професій: дизайнерів, бекенд розробників, тестувальників тощо;
— здатність швидко освоювати нові знання та застосовувати їх.
Куди рухатися далі у сфері?
Зростання у сфері залежить від кількості інструментів та технологій, з якими ви вмієте працювати. Для подальшого поглиблення навичок рекомендуємо після цього front end курсу продовжити навчання на курсі JavaScript.