занять
занять на тиждень
старт
За тиждень записалося
Залишилося
Навчися верстати сайти!
Розробка видимої частини будь-якого сайту називається 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.
- Верстка сайту за допомогою 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
- 18645
- 62
5 етапів самостійного вивчення HTML і CSS
читати 2 хв-
Антон Поломкін Front-end Developer у Ciklum
- Що таке HTML?
- 16272
- 202
Що таке HTML?
дивитись 13 хв-
Сергій Фомін Javascript Developer у Hillel IT School
- CSS препроцесори
- 8007
- 112
CSS препроцесори
дивитись 86 хв-
Юрій Федоренко Senior Front-End Developer у MacPaw
- Битва титанів: Angular vs React. Що обирають у 2020 році?
- 7936
- 36
Битва титанів: Angular vs React. Що обирають у 2020 році?
читати 3 хв