Рус Укр

Курс Front-end Basic у Харкові

Basic level
4.9

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

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

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

  • 2
Video cover

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

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

alarm-clock 20 занять занять
Друк
  • Вступ. Установка необхідного ПЗ
    • Сучасний Front-end. Перспективи розвитку і тренди
    • Установка ПО, підготовка оточення для розробки
  • Знайомство з 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-фахівцем
  • Тестова співбесіда з технічним фахівцем
  • Спеціально зняті додаткові відеоматеріали

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

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

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

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

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

  • clipboard

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

  • books

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

  • smiling-face-with-sunglasses

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

  • globe-with-meridians

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

  • direct-hit

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

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

Василий Бурый
Василий Бурый
Проходил курс Front-end Basic под руководством преподавателя Ромы Резникова. Всё было на высоком уровне. Персонал школы отлично трудиться (администраторы всегда на связи, техподдержка, HR и все-все-все). Огромной благодарности от меня заслуживает Роман. Он не только прекрасно вел занятия для группы, а и помогал (внимание! лично помогал в своё свободное время) с решением даже технических трудностей при прохождении курса (таких как настройка компьютера под работу, поиск и исправление багов моего железа). В общем, без лишних слов, я рекомендую эту Школу. Сам же уже пошел на Front-end Pro)))
Сергей Колесник
Сергей Колесник
Отличный курс, все очень понравилось. Преподаватель Роман, специалист высокого уровня! Все доходчиво объясняет, интересно проводит лекции. Рад, что выбрал школу Hillel
Евгений Беляев
Евгений Беляев
Хотел разобраться в деталях с html и css и прошел курс Front-End Basic в Hillel It School. Спасибо Роману за классно проведенные занятия, понравилась подача материала - все было максимально понятно. Продолжаю обучение на Front-End Pro:)
Игорь Осьтахов
Игорь Осьтахов
Хотел познакомиться с web разработкой, но получилось не только познакомиться а и неплохо разбираться в этом, спасибо всё понравилось)
Анна Бурейко
Анна Бурейко
Курс понравился, преподаватель Ваня ответственный и всегда уделял время студентам и отвечал на их вопросы. Есть замечания: 1. Не совсем структурированно Ваня шел по программе, были отклонения, хотелось бы более точно идти по заданной программе курса. 2. Домашние макеты в форматах psd. Избавьтесь от фотошопа, прошу, в нем уже никто не сидит, фигма, скетч куда лучше. 3. Объемные макеты на верстку. Согласна, можно быстро наработать руку и верстать быстрее ибо делаешь одно и то же, но я бы лучше смотрела в сторону более сложных задач, а не объемных. Не всегда есть время тратить на одно домашнее задание 2 недели. Есть другие дела помимо курсов. 4. Дали на курсе поздно последнее домашнее задание. Прошу давать все своевременно и быть внимательнее, ибо курс дорогой, школа как говорят хорошая, а к некоторым моментам относитесь халатно, как с последним домашним заданием. Оно было большим и сложным и не хватило времени сделать его хорошо ибо дали его позже, чем нужно. Плюсы: 1. Ваня хороший преподаватель, нам с ним повезло, только ему стоит обратить внимание на манеру преподавания, ибо у него спокойный и монотонный голос, плохо воспринимается информация. Преподавателю стоит быть более экспрессивным. 2. Хорошая программа курса, приятный офис, хорошая коммуникация с людьми школы. Иду учиться к вам дальше на фронт энд про, до встречи 😉
Роман Гончаров
Роман Гончаров
Курс пролетел так быстро, что аж не верится. Это было очень интересно и продуктивно. Даже переход на онлайн режим не повлиял на качество работы. Очень удобно то, что есть записи всех занятий и в любой момент можно освежить знания. Отдельное спасибо Ване. Он показал, что верстка - это интересно и мотивировал на дальнейшее развитие. Ваня в любой момент поможет, поддержит и сделает все, чтобы материал был усвоен. С нетерпением жду начала следующего курса!)
Маргарита Кудина
Маргарита Кудина
Мне очень понравился этот курс. Быстро и классно изучаешь новый материал, интересная подача и очень радует, что есть возможность заниматься с такими преподователями как Владимир - очень позитивный и приятный человек, всегда с радостью посещала занятия и легко запоминала новую информацию благодаря подачи Владимира.
Данило Гончаров
Данило Гончаров
Преподаватель умеет передать свои знания студентам, рассказал за время обучения курса много действительно важных аспектов и деталей данного IT направление , чувствуется , что имеет большой опыт в преподавании как очно так и дистанционно. Очень порадовала работа с LMS системой и подходом к обучению студентов. Отдельно спасибо преподавателю и администраторов , которые сразу помогали если возникали проблемы или трудности.
Влада Григоренко
Влада Григоренко
Прошла в IT School Hillel курс Front-end Basic. Первое и основное - знания, за которыми шла, получила. Записывалась на курс без знания языков HTML/CSS - по итогу, могу сейчас верстать сайты разной сложности с использованием не только этих технологий, но и Bootstrap, Saas, jQuery. Получилось даже немного поработать с Js, Gulp и Git. В общем, получила больше, чем ожидала. Немного про преподавателя. Вова - молодой, интересный, позитивный человек, специалист, который "шарит" и "в теме" того, что происходит в сфере. Занятия всегда на позитиве. Ты не чувствуешь себя как на паре в универе. Занятия были скорее как дружеские беседы, где тебе всегда скажут "Это хороший вопрос" и спросят "Как у тебя дела, всё ли понятно?". Фидбэк на домашки с разбором всех замечаний - это наверное то, что больше всего было для меня ценно. За всё могу сказать только огромное спасибо: знания, позитивные эмоции, объективная критика и мотивация - то что я получила во время этого курса. Также поработала ( и собираюсь продолжать) с прекрасной HR школы - Катей. Добрая, отзывчивая, позитивная девушка, поможет с любыми вопросами по поводу трудоустройства, ну и поругает за ошибки в резюме, куда же без этого) Школе спасибо) Продолжаем работать дальше на курсе Front-end Pro!
Сергей Резниченко
Сергей Резниченко
Пришел на курсы с базовым пониманием HTML/CSS на уровне "где-то что-то слышал, что-то когда-то знал". Курсы помогли из каши получить хорошие структурированные знания, которые можно уверенно применять на практике. Вова, ты клёвый препод, тебе отдельное спасибо за твой труд, за быструю и качественную помощь во всех вопросах, которые у меня возникали.
Денис Басанец
Денис Басанец
Понравилась организованность учебного процесса. Программа включает актуальные современные технологии. Система личных кабинетов тоже классная, например, если пропустил урок или что-то подзабыл, то всегда можно пересмотреть запись занятий. Так же после выполненных дз получаем очень важный feedback от преподавателя, чтобы понять и исправить свои ошибки. Препод у нас был супер👍, рассказывал много мелких нюансов, некоторых даже нет в программе, подсказывал как чаще всего они используются в реальных проэктах. Так же поддерживал постоянный feedback в онлайне в случае вопросов с дз и т.п.😃
Регина Варибрус
Регина Варибрус
Прошла курс FrontEnd Basic у Ромы, отличный курс и преподаватель, все было доступно и информативно. Школа супер, приду к вам еще повышать свои hard skills))

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

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

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

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

    Чому варто вибрати саме цю програму? Курси 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

  • Як отримати максимальний бал за домашнє завдання?

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

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

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

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

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

  • Чи існують які-небудь знижки або система лояльності, якщо Студент по завершенні одного курсу йде на наступний курс?

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

    • Студент, який має найвищий результат отримує знижку 25% на подальші курси;
    • Студент, який посів друге місце, отримує 15% знижку;
    • Студент, який виявився на третьому місці, отримує 10% знижку.

    Всі Студенти отримують знижку в розмірі 5% на будь-який з курсів Школи.

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

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

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

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

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

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

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

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

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

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

Відправлено

Придбати подарунковий сертифікат

Придбати подарунковий сертифікат

Gift certificate background image Gift certificate background image