Онлайн-курс
занять
занять на тиждень
старт
За тиждень записалося
Залишилося
Навчися верстати сайти!
Розробка видимої частини будь-якого сайту називається Front-end, і це область програмування, яка розвивається швидше за інші. Жоден сучасний веб-сайт і веб-додаток не обійдуться без Front-end розробника.
В рамках курсу Front-end Basic студенти без досвіду в розробці вивчають HTML і CSS та вчаться верстати сайти. Після успішного закінчення курсу студенти отримують достатньо знань і навичок для верстки сайту будь-якої складності.
Цілі курсу
- Втілювати в верстку дизайн будь-якої складності
- Робити сайти, які однаково добре відображаються на будь-якому пристрої
- Помічати важливі дрібниці і писати код, який легко розширювати і підтримувати
- Навчитися розуміти структуру веб-сторінок
Вивчаємо такі технології
-
HTML5
-
CSS
-
SASS
-
Bootstrap
-
SVG
-
Git
-
Github
Огляд курсу Front-end Basic
У цьому огляді ми розглянемо, що таке Front-end, що робить Front-end розробник і чому вчаться студенти на курсі Front-end Basic.

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

-
Вступ. Установка необхідного ПЗ
- Знайомство та план курсу
- Типи файлів
- Браузер
- Мови програмування
- Редактори коду
-
Знайомство з 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
В кінці курсу виконується дипломний проект.
Випускники отримують сертифікат про закінчення курсу.
Кожен сертифікат має унікальний номер, за яким потенційний роботодавець може перевірити його валідність і побачити базові показники успішності.
Як проходить навчання
Переваги онлайн-навчання в Комп'ютерній школі Hillel
-
Групи по 17 осіб Викладач приділяє час кожному студенту.
-
Викладачі практики У нас викладають тільки практикуючі фахівці з топових IT-компаній.
-
Система особистих кабінетів Ефективне і зручне навчання.
-
Оперативна служба підтримки студентів Термінові питання — своєчасне рішення.
-
Доступ до відеозаписів занять Записи уроків залишаються у студентів після закінчення навчання.
-
Практичні заняття Велика частина занять орієнтована на практику.
-
Що ми робимо для того, щоб ви досягли успіху?
-
Проводимо майстер-класи з підготовки резюме та пошуку роботи
-
Регулярно оновлюємо програми курсів під вимоги ринку
-
Запрошуємо викладати тільки кращих практикуючих фахівців
-
Розвиваємо нашу мережу партнерів серед топових IT-компаній
-
Наші викладачі часто самі забирають до себе наших кращих Студентів ;)
Наші викладачі та випускники працюють в топових IT-компаніях світу
Часті питання
-
Кому буде цікавий курс Front-end?
Навчання фронтенду зробить вас одним з найбільш затребуваних фахівців IT-сфери. Це перспективна і високооплачувана професія напрямку, що активно розвивається. Хочете навчитися створювати якісні сайти, корисні для користувачів і ефективні для бізнесу? Будуйте кар'єру з нами.
-
Які переваги курсів Front-end?
Чому варто вибрати саме цю програму? Курси HTML і CSS — важлива база, без якої не обійдеться фронтенд-майстер. Навчаючись в школі Hillel, ви зможете якісно оволодіти основами, і ось чому:
- Програма розроблена провідними представниками IT-індустрії — досвідченими менторами-практиками
- Навчальний процес відбувається в невеликих групах. Ментор може приділити увагу кожному
- Надається доступ до записів занять. Причому ролики залишаться у вас і після закінчення курсу
Ми налагодили партнерські зв'язки з усіма великими айті-компаніями міста та країни, що дозволяє нам брати активну участь у вашому працевлаштуванні.
-
Як проходить навчання Front-end з нуля в комп'ютерній школі Hillel?
Базовий курс по верстці розрахований на новачків, у яких немає досвіду розробки. Тут навчають з нуля, надаючи бажаючим можливість увійти в світ айті-розробки.
На курсі ви навчитеся:
- верстати веб-сторінки
- стилізувати
- розробляти структуру сайту
- працювати з графікою
- робити адаптивну верстку
- створювати анімації
У школі викладають досвідчені практикуючі фронтендщікі з топових IT-компаній, у яких можна перейняти реальний робочий досвід. Навчальний процес має практичну спрямованість — ви будете писати багато коду, відточуючи професійні навички до досконалості. В рамках курсу виконується дипломний проект, який потім можна додати в портфоліо.
-
Який потрібно мати комп'ютер, щоб навчатися на курсі Front-end Basic?
Вимоги до комп'ютера для навчання на курсі Front-end Basic.
Операційна система:
- Windows 10 64-біт
- macOS 10.13 або вище
- Linux: Ubuntu 16.04 - 20.04
Процесор* :
- Мінімум intel core i5 4-го покоління
- Рекомендується i5 7-го
Оперативна пам'ять:
- Мінімум 8 Гб
- Рекомендується 16 Гб
Пам'ять:
- Мінімально 500 Гб HDD і більш
- Рекомендується 200 Гб SSD і більш
* Допустимі аналоги від AMD
-
Як отримати максимальний бал за домашнє завдання?
Виконання домашніх робіт, одна з найважливіших складових навчання. Для того, щоб отримати максимальний бал за домашнє завдання, потрібно:
- Виконати завдання в зазначені терміни
- Виконати всі умови завдання
- Виконати завдання без помилок
- Перездача домашнього завдання не більше одного разу
-
Як мені визначитися з курсом? Що зараз найбільш затребуване?
Слід зазначити, що кожен напрямок, який ви могли б вивчити у нашій Школі, є, практично, ідентичним за затребуваністю. При виборі напрямку дуже важливо враховувати те, чим би вам хотілося займатися у майбутньому. Те, до чого ви більше схиляєтеся і що вам більше подобається у повсякденному житті. Аж до того, які предмети вам краще давалися, коли ви навчалися у школі.
Щоб допомогти вам з вибором напрямку, ми склали спеціальний профорієнтаційний тест.
Для того, щоб визначитися з напрямком і задати всі ваші запитання, ви можете записатися на безкоштовну консультацію, і протягом короткого часу з вами зв'яжеться один з наших адміністраторів і зможе детально про все розповісти.
-
Ким працюють ваші Викладачі? Чи мають вони досвід викладання?
Ми завжди дуже відповідально намагаємося підходити до питання підбору Викладачів у нашій Школі. Наші Викладачі — практикуючі фахівці в найбільших IT-компаніях міста. Також вони мають як досвід викладання в нашій Школі, так і досвід менторства за місцем їх професійної діяльності. У своїй манері навчання вони роблять упор на останні тенденції IT-ринку і виключно на свій особистий досвід для того, щоб наші Випускники мали найбільш затребувані знання і досвід роботи з конкретними кейсами.
-
Де можна подивитися відгуки про вашу Школу?
Ви можете прочитати відгуки наших Студентів та Випускників на нашому сайті за цим посиланням. Ще ви зможете знайти відгуки і інформацію про нас на DOU.ua або можете прописати назву нашої Школи у Google, де ви також зможете побачити відгуки про нашу Школу у Google-акаунті або на Google-картах.
-
Як я можу сплатити за навчання?
Оплата провадиться через виставлення інвойсу на E-mail через сервіси LiqPay та Fondy.
-
Як працює оплата частинами?
Ми пропонуємо можливість розбити вартість курсу на щомісячні платежі до 12 частин за допомогою розстрочки у ПриватБанку або Монобанку. При цьому вам не потрібно сплачувати додаткові комісії або відсотки банкам, оскільки Школа оплачує цю комісію за вас.
Якщо ви бажаєте скористатись оплатою частинами, будь ласка, зверніться до нашого менеджера у будь-який зручний для вас спосіб.
Докладніше про оплату частинами у нашому матеріалі.
- Верстка сайту за допомогою HTML + CSS
- 123819
- 1761
Верстка сайту за допомогою HTML + CSS
дивитись 121 хв-
Савелій Сичов Software Engineer у Microsoft
- Як створити правильне меню, що випадає - HTML / CSS (float і flexbox верстка)
- 61507
- 868
Як створити правильне меню, що випадає - HTML / CSS (float і flexbox верстка)
дивитись 130 хв-
Савелій Сичов Software Engineer у Microsoft
- 5 етапів самостійного вивчення HTML і CSS
- 20969
- 68
5 етапів самостійного вивчення HTML і CSS
читати 2 хв-
Антон Поломкін Front-end Developer у Ciklum
- Що таке HTML?
- 19397
- 256
Що таке HTML?
дивитись 13 хв-
Сергій Фомін Javascript Developer у Hillel IT School
- CSS препроцесори
- 8352
- 115
CSS препроцесори
дивитись 86 хв-
Юрій Федоренко Senior Front-End Developer у MacPaw
- Битва титанів: Angular vs React. Що обирають у 2020 році?
- 8069
- 36
Битва титанів: Angular vs React. Що обирають у 2020 році?
читати 3 хв