Онлайн-курс
Front-end Basic

Basic level
5

alarm-clock занять

spiral-calendar занять на тиждень

rocket старт

За тиждень записалося

Залишилося

Цікавить наступний рівень?

Front-end Pro Front-end Pro

Навчися верстати сайти!

Розробка видимої частини будь-якого сайту називається Front-end, і це область програмування, яка розвивається швидше за інші. Жоден сучасний веб-сайт і веб-додаток не обійдуться без Front-end розробника.

В рамках курсу Front-end Basic студенти без досвіду в розробці вивчають HTML і CSS та вчаться верстати сайти з нуля. Після успішного закінчення курсу студенти отримують достатньо знань і навичок для верстки сайту будь-якої складності.

Цілі курсу front-end developer для початківців

  • Втілювати в верстку дизайн будь-якої складності
  • Робити сайти, які однаково добре відображаються на будь-якому пристрої
  • Помічати важливі дрібниці і писати код, який легко розширювати і підтримувати
  • Навчитися розуміти структуру веб-сторінок
933 ₴

на місяць при оплаті частинами на 12 частин

оплата частинами без комісії та відсотків від monobank, ПриватБанк, Ощадбанк та ПУМБ

Повна вартість курсу 11 200 ₴

-10% при оплаті відразу 10 080 ₴

Промокод

Додаткові знижки

Списання з поточного балансу

Невикористаний залишок замороженого курсу

Списання з основного рахунку

Списання з реферального рахунку

Списання з бонусного рахунку

Ціна курсу для вас 10 080

До покупки курсу

Рекомендуємо пройти тест для перевірки знань

grinning-face

Курс Front-End Basic не передбачає ніяких спеціальних знань і навичок, досить мати рівень впевненого користувача ПК.

Вивчаємо такі технології

  • HTML5

    HTML5

  • CSS

    CSS

  • SASS

    SASS

  • Bootstrap

    Bootstrap

  • SVG

    SVG

  • Git

    Git

  • Github

    Github

Програма онлайн-курсу
Front-end Basic

alarm-clock 20 занять
Друк

  • Вступ. Установка необхідного ПЗ

    • Знайомство та план курсу
    • Типи файлів
    • Браузер
    • Мови програмування
    • Редактори коду

  • Знайомство з HTML

    • Структура HTML-документу
    • Теги, атрибути тегів
    • Розмітка тексту за допомогою HTML
    • Посилання
    • Списки
    • Таблиці
    • Зображення. формати зображень
    • Форми
    • Медіа (video, audio). Iframe
    • Теги-орієнтири (header, main, aside, nav, section, article)

  • Git. Github

    • Git. Github

  • Знайомство з CSS

    • Каскадність. Спадкування
    • Підключення CSS
    • Рідні стилі. Normalize.css Reset.css
    • Селектори
    • Стилізація тексту
    • Шрифти
    • Блокова модель
    • Float. Float layout. Clearfix
    • Position
    • Псевдокласи. Псевдоелементи

  • Advanced CSS

    • Flexbox. Flexbox layout
    • CSS Grid. Grid layout
    • CSS препроцесори
    • CSS фреймворки
    • CSS методології

  • Просунута робота з графікою

    • SVG

    • SVG спрайти

    • Іконочні шрифти

    • Адаптивна графіка. Тег picture

    • Оптимізація графіки

  • Адаптивна верстка

    • Viewport. @media

    • Одиниці вимірювання vh, vw, vmin, vmax, rem

    • Знайомство з концепцією Responsive Web Design

    • Mobile-first/Desktop-first

    • Оптимізація сторінки

  • Семантика і доступність

    • Семантична розмітка
    • Доступність для користувача інтерфейсів

  • CSS анімації

    • Transform

    • Transition

    • Filter

    • Animation

В кінці курсу виконується дипломний проєкт.

Випускники отримують сертифікат про закінчення курсу.

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

Нагорода «Бізнес Року» 2024 в номінації «Краща школа з навчання програмуванню 2024» від Ukrainian Business Awards

Найвища оцінка в рейтингу UBA завдяки інноваційним програмам, зручної платформи для навчання, постійні адаптації продуктів під потреби ринку та викладачам-практикам.

UBA Medal

Як проходить навчання

  • woman-technologist

    Навчання проходить в режимі онлайн-трансляції, а відеозапис зберігається в особистому кабінеті.

  • briefcase

    Домашні завдання у будь-який зручний час відправляються через особистий кабінет на перевірку викладачеві.

  • thumbs-up

    Викладач дає зворотній зв'язок з розбором помилок у домашньому завданні.

  • light-bulb

    Ви опрацьовуєте помилки і закріплюєте пройдений матеріал.

Роботи наших Студентів

Portfolio image
Репозиторій на GitHub

Переваги онлайн-навчання в Комп'ютерній школі Hillel

  • man-raising-hand
    Групи до 20 осіб Викладач приділяє час кожному студенту.
  • nerd-face
    Викладачі практики У нас викладають тільки практикуючі фахівці з топових IT-компаній.
  • briefcase
    Система особистих кабінетів Ефективне і зручне навчання.
  • speech-balloon
    Оперативна служба підтримки студентів Термінові питання — своєчасне рішення.
  • videocassette
    Доступ до відеозаписів занять Записи уроків залишаються у студентів після закінчення навчання.
  • hammer
    Практичні заняття Велика частина занять орієнтована на практику.
Як школа кардинально змінила парадигму працевлаштування

Оплата онлайн

Оплата здійснюється через виставлення інвойсу на e-mail через сервіси LiqPay та plata by mono.

shield

Гарантія повернення оплати

До шостого заняття ви можете повернути
100% внесених за навчання коштів.

  • rocket
    Працевлаштування

    Що ми робимо для того, щоб ви досягли успіху?

  • clipboard

    Проводимо майстер-класи з підготовки резюме та пошуку роботи

  • books

    Регулярно оновлюємо програми курсів під вимоги ринку

  • smiling-face-with-sunglasses

    Запрошуємо викладати тільки кращих практикуючих фахівців

  • globe-with-meridians

    Розвиваємо нашу мережу партнерів серед топових IT-компаній

  • direct-hit

    Наші викладачі часто самі забирають до себе наших кращих Студентів ;)

Наші викладачі та випускники працюють в топових IT-компаніях світу

Відгуки випускників цього курсу
Dmitriy Paschenko

Dmitriy Paschenko

Сергій Скубида Викладач Сергій Скубида

Eсе супеh. Окрема подяка викладачу за доступність наданої інформації)

Олександр Обозний

Олександр Обозний

профіль в Linked In профіль в Telegram
Павло Зубак Викладач Павло Зубак
Дякую школі Hillel та особисто викладачу Павлу Зубаку за отримані знання і практичні навички після проходження курсу Front End Basic. Паша Зубак навчив нас верстати з нуля, ділився найновішими тенденціями у web-розробці, давав цінні поради, уважно перевіряв домашки, надавав підтримку, розповідав про кейси з реальних проектів. Тобто робив все можливе, щоб зробити нас професіоналами своєї справи. Дякую адміністраторам школи за оперативну організацію та консультування з організаційних питань. Дуже класно, що крім занять з курсу, додатково проводяться вебінари про правильне заповнення резюме, ведення профілю LinkedIn, проходження співбесід. Всім, хто ще знаходиться у пошуку курсу по Front End та школи, і читає мій відгук - рекомендую школу Hillel та курс Front End Basic. Якщо вашим викладачем буде Паша Зубак, знайте, що він навчить вас крутим фішкам. Йду далі на курс Front End Pro.
Valeriia Nechepurenko

Valeriia Nechepurenko

Максим Гричина Викладач Максим Гричина

Дуже сподобався курс, а особливо викладач Максим! Дякую за чітке й доступне пояснення матеріалу та відеофідбеки до кожного домашнього завдання! Навчання пройшло чудово!

Екатерина Шадрина

Екатерина Шадрина

сторінка в Facebook профіль в Linked In профіль в Instagram профіль в Telegram профіль в GitHub
Володимир Шайтан Викладач Володимир Шайтан

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

Мені було дуже цікаво вчитися і з нетерпінням чекаю поглибленого курсу JavaScript.

Вероніка Бостанджян

Вероніка Бостанджян

профіль в Linked In
Володимир Шайтан Викладач Володимир Шайтан
Хочу висловити щиру подяку викладачу Володимиру Шайтану за його внесок у мій розвиток у здобутті базових навичок front-end розробки. Ваші уроки були надзвичайно інформативними та добре структурованими. Особливо хочу відзначити вашу лояльність та професіоналізм. Ви завжди могли пояснити складні концепції у доступний й зрозумілий спосіб. Щиро вдячна за всі зусилля, які ви вклали у моє навчання.
Petro Plytii

Petro Plytii

Максим Гричина Викладач Максим Гричина
Чудовий курс. Чудовий викладач. Шкода розлучатися. Тепло, атмосферно, чудовий виклад базового курсу.
Денис Костюк

Денис Костюк

профіль в Linked In профіль в Instagram

Школа чудова! Курс бомбезний!

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

Дякую!

Оксана Мороз

Оксана Мороз

профіль в Telegram
Павло Зубак Викладач Павло Зубак
Закінчуючи курс, хочу подякувати викладачеві Павлу і школі, що обрала для мене саме цю групу. Компетентний, комунікабельний, терплячий, україномовний, що також важливо було при виборі курсів. Протягом усього навчання завжди на зв'язку (завжди - це навіть після 23 отримувала допомогу і пояснення, бо ж дз багато і працювала над ними вночі також). На уроках тільки дружня атмосфера, розбирали багато різних варіантів вирішення поставлених дизайнером задач. Бували випадки, що не могла впоратися з якоюсь частиною дз, запитувала у викладача і блискавично отримувала підказку, яка допомагала рухатися далі. Кожне дз - ґрунтовний аналіз від викладача, дуже зручні коменти у вигляді скрінів та відео. Я не знаю де він бере час і терпіння на наші "дитячі" питання. Засмучена лиш в одному, що Павло не веде наступний курс Pro. Якщо у вас є можливість обирати викладача, перед стартом курсу, то рекомендую наполягати і потрапити в групу саме до Павла. Рекомендуватиму школу знайомим і продовжую далі йти з Hillel. Дякую ;)
Georgii Boshkov

Georgii Boshkov

профіль в Linked In профіль в GitHub

Закінчив курс Front-end Basic 07.01.2022 р. Залишився дуже задоволений як школою Hillel, так і викладачем Михайлом! Дуже зрозуміло, лаконічно, спокійно і в усіх деталях пояснює. Завжди відповідав на запитання та допомагав. Професіонал своєї справи! Більше б таких)

Завдяки його методиці навчання, я отримав максимум знань та головне якісних знань. Далі 17.02.2022 старт нового курсу, на який я записався Front-end Pro. Сподіваюся, новий викладач так само все дохідливо і грамотно навчати)

Дякую Михайлу!

Марія Король

Марія Король

сторінка в Facebook профіль в Instagram

Я рада, що почала свій шлях до IT саме з вашої школи на курсі Front-end Basic😍

Атмосфера у школі класна, колектив доброзичливий. Заняття і онлайн та оффлайн — комфортні.

Незважаючи на те, що відбувається поза (карантин, війна) — школа все організувала так, що ми змогли доучитися та отримати дипломи. За що окрема подяка!

Велике дякую викладачеві нашої групи, Дмитру Соколовському. Дуже класно, структуровано та грамотно було викладено матеріал. Дав набагато більше інформації, ніж передбачає курс. А ще 24/7 був на зв'язку з відповідями на наші питання.

Навчання реально було в кайф )

Найголовніше —залишилося бажання навчатись далі у вашій школі — перейшла на курс Front-end Pro.

Школі бажаю успіхів, процвітання та вдячних студентів ❤️ ))

Тетяна Полелюк

Тетяна Полелюк

сторінка в Facebook профіль в Instagram профіль в GitHub
Павло Зубак Викладач Павло Зубак
Хочу подякувати школі Hillel за їхню організовану роботу протягом усього курсу і відповідальний підхід щодо будь-якого питання. І окреме дякую Паші за його викладацьку роботу! Не знаю звідки в нього терпіння до наших безкінечних питань, іноді - дурних, але це заслуговує на повагу! Завжди на зв'язку, буквально 24/7, ніколи не відмовить в допомозі, де треба - підкаже, де не треба - випише чудодійний пендель, щоб не розслаблялись. :) Одним словом - мій рекомендасьйон :)
Володимир Гармарчук

Володимир Гармарчук

сторінка в Facebook
Павло Зубак Викладач Павло Зубак
Хотів би висловити подяку школі в цілому, та викладачу Павлу Зубаку окремо, за насичені інформацією та практичними порадами лекції, змістовні домашки та не тривіальний підхід. В декілька місяців складно смістити великий об'єм матеріалу, тим паче для людей, що не є частиною IT-галузі. Ідею з вивченням git на самому початку вважаю вкрай вдалою, було трохи складно, але потім ти розумієш, що завдяки цьому вдалось уникнути багатьох траблів. Приємно здивувало те, що викладач завжди на зв'язку, та майже миттєво відповідає на повідомлення. 10/10, рекомендую ))

Це не перешкода в IT

  • Немає досвіду в IT

Відповідаємо на поширені запитання

  • Кому буде цікавий курс Front-end?

    Навчання фронтенду (HTML и CSS) зробить вас одним з найбільш затребуваних фахівців IT-сфери. Це перспективна і високооплачувана професія напрямку, що активно розвивається. Хочете навчитися створювати якісні сайти, корисні для користувачів і ефективні для бізнесу? Будуйте кар'єру з нами.

  • Які переваги курсів Front-end?

    Чому варто вибрати саме цю програму? Курси HTML і CSS — важлива база, без якої не обійдеться фронтенд-майстер. Навчаючись в школі Hillel, ви зможете якісно оволодіти основами, і ось чому:

    • Програма розроблена провідними представниками IT-індустрії — досвідченими менторами-практиками
    • Навчальний процес відбувається в невеликих групах. Ментор може приділити увагу кожному
    • Надається доступ до записів занять. Причому ролики залишаться у вас і після закінчення курсу Front-End Developer

    Ми налагодили партнерські зв'язки з усіма великими айті-компаніями міста та країни, що дозволяє нам брати активну участь у вашому працевлаштуванні.

  • Як проходить навчання Front-end з нуля в комп'ютерній школі Hillel?

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

    На курсі фронтенд ви навчитеся:

    • верстати веб-сторінки
    • стилізувати
    • розробляти структуру сайту
    • працювати з графікою
    • робити адаптивну верстку
    • створювати анімації

    У школі викладають досвідчені практикуючі фронтендщікі з топових IT-компаній, у яких можна перейняти реальний робочий досвід. Навчальний процес має практичну спрямованість — ви будете писати багато коду, відточуючи професійні навички до досконалості. В рамках курсу виконується дипломний проект, який потім можна додати в портфоліо.

  • Який потрібно мати комп'ютер, щоб навчатися на курсі Front-end Basic?

    Вимоги до комп'ютера для навчання на курсі Front-end Basic.

    Операційна система:

    • Windows 11 64-біт
    • macOS 10.13 або вище
    • Linux: Ubuntu 16.04 - 20.04

    Процесор* :

    • Мінімум intel core i5 4-го покоління
    • Рекомендується i5 7-го

    Оперативна пам'ять:

    • Мінімум 8 Гб
    • Рекомендується 16 Гб

    Пам'ять:

    • Мінімально 500 Гб HDD і більш
    • Рекомендується 200 Гб SSD і більш

    * Допустимі аналоги від AMD

  • Як отримати максимальний бал за домашнє завдання на курсе Front-end Basic?

    Виконання домашніх робіт, одна з найважливіших складових навчання. Для того, щоб отримати максимальний бал за домашнє завдання, потрібно:

    • Виконати завдання в зазначені терміни
    • Виконати всі умови завдання
    • Виконати завдання без помилок
    • Перездача домашнього завдання не більше одного разу

  • Як мені визначитися з курсом? Що зараз найбільш затребуване?

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

    Щоб допомогти вам з вибором напрямку, ми склали спеціальний профорієнтаційний тест.

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

  • Ким працюють ваші Викладачі? Чи мають вони досвід викладання?

    Ми завжди дуже відповідально намагаємося підходити до питання підбору Викладачів у нашій Школі. Наші Викладачі — практикуючі фахівці в найбільших IT-компаніях країни та світу. Також вони мають як досвід викладання в нашій Школі, так і досвід менторства за місцем їх професійної діяльності. У своїй манері навчання вони роблять нахил на останні тенденції IT-ринку і виключно на свій особистий досвід для того, щоб наші Випускники мали найбільш актуальні знання і досвід роботи з конкретними кейсами.

  • Де можна подивитися відгуки про вашу Школу?

    Ви можете прочитати відгуки наших Студентів та Випускників на нашому сайті за цим посиланням. Ще ви зможете знайти відгуки і інформацію про нас на DOU.ua або можете прописати назву нашої Школи у Google, де ви також зможете побачити відгуки про нашу Школу у Google-акаунті або на Google-картах.

  • Як я можу сплатити за навчання?

    Оплата провадиться через виставлення інвойсу на E-mail через сервіси LiqPay та Fondy.

  • Як працює оплата частинами?

    Ми пропонуємо можливість розбити вартість курсу на щомісячні платежі до 12 частин за допомогою розстрочки у ПриватБанку, Монобанку ОщадБанку або ПУМБ. При цьому вам не потрібно сплачувати додаткові комісії або відсотки банкам, оскільки Школа оплачує цю комісію за вас.

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

    Докладніше про оплату частинами у нашому матеріалі.

Запит на консультацію

Залиште ваші контактні дані, і ми вам обов'язково зателефонуємо!

Обов'язково вкажіть ваше ім'я кирилицею

Обов'язково вкажіть email, за яким ми зможемо з вами зв'язатися

Обов'язково вкажіть телефон в міжнародному форматі

Школа працює з 10:00 до 21:00 по буднях і з 10:00 до 19:00 у вихідні дні (за київським часом, GMT + 2).

Відправлено

Професія Front-end розробника

Додаткові курси

Матеріали в блозі