Укр Рус

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

Basic level
5

alarm-clock занять

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

rocket старт

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

Залишилося

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

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

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

Цілі курсу

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

Цей курс проводиться у форматі дистанційного навчання.

grinning-face

Basic
level

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

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

  • HTML5

    HTML5

  • CSS

    CSS

  • SASS

    SASS

  • Bootstrap

    Bootstrap

  • SVG

    SVG

  • Git

    Git

  • Github

    Github

Огляд курсу Front-end Basic

У цьому огляді ми розглянемо, що таке Front-end, що робить Front-end розробник і чому вчаться студенти на курсі Front-end Basic.

  • 2:00
Video cover

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

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

alarm-clock 20 занять
Друк
  • Вступ. Установка необхідного ПЗ
    • Сучасний Front-end. Перспективи розвитку і тренди
    • Установка ПО, підготовка оточення для розробки
  • Git. Github
  • Знайомство з HTML
    • Структура HTML-документу
    • Теги, атрибути тегів
    • Розмітка тексту за допомогою HTML
    • Посилання
    • Списки
    • Таблиці
    • Зображення. формати зображень
    • Форми
    • Медіа (video, audio). Iframe
    • Теги-орієнтири (header, main, aside, nav, section, article)
  • Знайомство з 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
    • Способи додати SVG на сторінку
    • Примітивні фігури
    • Стилізація SVG
  • Просунута робота з графікою
    • Іконочні шрифти
    • SVG Спрайт
    • Адаптивна графіка. Тег picture
    • Оптимізація графіки
  • Адаптивна верстка
    • Визначення Viewport
    • Одиниці виміру vh, vw, vmin, vmax, rem
    • Знайомство з концепцією Responsive Web Design
    • Mobile-first / Desktop-first
  • Семантика і доступність
    • Семантична розмітка
    • Доступність для користувача інтерфейсів
  • CSS анімації
    • Transform

    • Transition

    • Filter

    • Animation

  • Підсумковий проект

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

Бонуси курсу

  • Всі студенти курсу пройдуть тренінг по проходженню співбесіди та складанню резюме з нашим HR-фахівцем
  • Тестова співбесіда з технічним фахівцем
  • Спеціально зняті додаткові відеоматеріали

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

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

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

  • woman-technologist

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

  • briefcase

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

  • thumbs-up

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

  • light-bulb

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

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

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

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

  • clipboard

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

  • books

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

  • smiling-face-with-sunglasses

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

  • globe-with-meridians

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

  • direct-hit

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

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

Valerii Stramnov
Valerii Stramnov
Дуже задоволений викладанням програми курсу. Викладач досить доступно та кваліфіковано пояснював матеріал курсу. Отримували повний фідбек від викладача при винекненні питань не тільки під час уроків, але й після. Дуже задоволений підбіркою додаткового матеріалу, так як він зібраний з джерел, де все подається на доступній мові та легко засвоїти. Дуже вдячний викладачеві Сергію Скубіді та ментроу Олегу Петрову за курс,та знання.
Василь Токар
Василь Токар
Курсом задоволений, все супер дякую! Окремо хочу виділити і подякувати Артему за класне і доступне викладання, а також за зворотній зв'язок 24/7 =)
Yana Chelysheva
Yana Chelysheva
Я як людина з музичною освітою, навіть не уявляла, що щось в мене вийде на перших сходинках айті, як-то кажуть думала, що не зможу войті в айті. Але на курсі я потрапила до самого чудового вчителя у світі до Сурена. Це людина, яка відповість на всі запитання і навчить ставити їх, бо спочатку ми були не дуже активні у цьому, він дасть гарну пораду, не відвернеться по типу погугли, а розжовує до дрібніць всю інфу. Я не чекала чогось неймовірного від онлайн курсу, але по завершенню дуже кайфую від тих знань, що отримала. Дуже всім рекомендую, не вагайтеся Гілель знає свою справу на відмінно, рекомендую вам і всім своїм друзям, та вже записалась на наступний курс по JS.
Владислав Ребчинский
Владислав Ребчинский
Все очень понравилось. Сурен Мнацаканов - большой профессионал и просто крутой преподаватель!
Oksana Troshyna
Oksana Troshyna
Классный преподаватель. Хорошая организация учебного процесса.
Ivan Polovynko
Ivan Polovynko
Спасибо огромное школе и преподавателю за мягкий и комфортный вход в IT Очень порадовал профессионализм и отзывчивость команды школы. Это первый мой опыт онлайн обучения и он прошёл на ура. Спасибо вам огромное.
Алексей Дворник
Алексей Дворник
Отличный курс. Большое спасибо Сергею за обучение. Материал был интересным, полезным и, главное, максимально актуальным.
Закончил курс Front-End Basic 07.01.2022г. Остался очень доволен как школой Hillel так и преподавателем Михаилом! Очень доходчиво, лаконично, спокойно и во всех деталях объясняет. Всегда отвечал на вопросы и помогал. Профессионал своего дела! Побольше бы таких) Благодаря его методике обучения, я получил максимум знаний и главное качественных знаний. Далее 17.02.2022 старт нового курса, на который я записался Front End Pro. Надеюсь новый преподаватель будет так же все доходчиво и грамотно обучать) Спасибо Михаилу!
Максим Крупка
Максим Крупка
Хорошие преподаватели,доступно обьясняют. Курс понравился.
Андрей Филоненко
Андрей Филоненко
Курс крутой. Очень порадовало крайне серьёзное отношение преподавателя к своей работе. Строго, но эффективно. От курса получил именно то что ожидал. Очень много практики. После успешного завершения курса можно вполне идти устраиваться на верстальщика. Как для старта в IT - супер.
Ирина Вельченко
Ирина Вельченко
Спасибо, за обучение на курсе "Front End Basic " . Лекции проходили интересно, при надобности, можно связаться с преподавателями, если возникли вопросы, все доступно, особенно спасибо Богдану, помог разобраться со слайдерами. Сорен очень интересно вёл лекции и показал много интересных фишек.
Мария Миндра
Мария Миндра
Курс Front-end Basic - интенсивный и интересный. В нем много практики, примеров, продуманных заданий и обратной связи преподавателей. Еще 3 месяца назад я имела лишь поверхностное представление об html и css, а сегодня я могу сверстать достаточно сложный интерактивный сайт. Курс Front-end Basic - это культ практики. Мы сделали 17 домашних проектов и по каждому получили подробную обратную связь от преподавателей. Преподаватели были на связи с нами практически 24/7, им всегда можно было отправить вопросы и фрагменты неработающего кода. Я в восторге от лекций Ольги Масловой и Сурена Мнацаканова. Они интересно, четко, понятно и терпеливо объясняют новый материал. Мы рассмотрели много нюансов, вопросов, примеров. На менторских лекциях с Богданом Проданом мы научились разным практическим навыкам, таким как работа с GitHub, slider, svg. Записаться на курс Front-end Basic в Hillel - это лучшее решение прошлого года. Сильный старт с замечательными преподавателями. Спасибо огромное, Оля и Сурен.

Часті питання

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

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

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

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

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

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

  • Як проходить навчання 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.

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

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

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

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

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

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

Відправлено