Укр Рус

Курс 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

  • 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-фахівцем
  • Тестова співбесіда з технічним фахівцем
  • Спеціально зняті додаткові відеоматеріали

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

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

Переваги навчання у Комп'ютерній школі 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-компаніях світу

Єлизавета Акінцева
Єлизавета Акінцева
Всім привіт! Абсолютно впевнено раджу школу Hillel з декількох причин: - Зручна платформа для відвідування занять і виконання ДЗ, навчання проходило у форматі online, запис заняття можна було переглянути необмежену кількість разів. Всі записи залишаються для вас доступними по завершенню навчання, як і ДЗ; - крутий викладацький склад. Окрема вдячність Олі за те, що була кожному підтримкою, хоча її стиль викладання рідко залишав по собі можливість щось не зрозуміти: лекції побудовані логічно, лаконічно, змістовно; до запису лекції завжди прикріплювала посилання на додаткову інформацію для ознайомлення; практично завжди на зв’язку зі студентами, якщо все-таки є проблеми з виконанням ДЗ. Дякую і до нових зустрічей!
Дмитро Павлов
Дмитро Павлов
Викладач- Оля Смірнова. Якщо написать просто - то це Бомба) Якщо по фактам: 1) Викладач Оля яка має великий досвід ( практики) роботи в ІТ 2) Вона вміє донести складу інформацію простими словами, і буде це робити до тієї пори поки всі не зрозуміють, але хочу зауважити що в кінцевому рахунку вы починаєте розуміти термінологію та складні процеси, незважаючи на простоту пояснень, як для мене це Викладач з великої букви 3) атмосфера 5+ , це теж дуже важливо при роботі в команді та навчанні, було сумно коли я запізнювався на заняття через постійно роботу ) P.s. Окреме спасибі за твоє терпіня, я знаю як я часто задаю багато питань. Своєю подачею інформації ти мене надихала та заохочувала сидіти та вчитися по ночам та в кожну вільну хвилинку )
Максим Молочко
Максим Молочко
Дуже вдячний Hillel, зокрема Olha Smirnova, за данний курс. Не маючи особливого попереднього досвіду, був приємно здивований наскільки добре програма навчання структурована. За час курсу ми торкнулись усіх базових тем, а також багато часу приділили засвоюванню практичних навичок. Окремо дякую моєму викладачеві, за вміння пояснити складне простими словами і за приділення особливої уваги до найдрібніших деталей. Бажаю успіхів і процвітання!!!
Юлія Завістовська
Юлія Завістовська
Добрый день! Хочу оставить 5* отзыв и написать благодарность за старания Оли Смирновой донести информацию как можно яснее, интереснее, доступнее и как можно вместительней. Остались самые хорошие впечатления и хорошие знания! Оля - отличный преподаватель, спец в деле! Всегда даст "магического пинка", чтоб в итоге ты сам додумался и сделал, как должно быть, но если караул и не выходит, то Оля все покажет и расскажет! Также стоит отметить речь Оли, которую очень приятно слушать! Жаль, что Оля не преподает курc Pro ))
Карина Михеенко
Карина Михеенко
Прошла курс Front-end Basic, осталась очень довольна. Спасибо школе за четкую организацию, спасибо преподавателям за то, что доступно объясняют сложные моменты. Я обязательно рекомендую школу Hillel друзьям и знакомым.
Маргарита Винокурова
Маргарита Винокурова
Большое спасибо, школе - Hillel, за такого преподавателя, как, Оля! Пришла на курс, с нулевыми знаниями, освоить вёрстку! Всё очень доступно объяснили, а главное научили понимать и без трудностей верстать и получать от этого удовольствие! Оля, не только профессионал своего дела, с классным подходом к учёбе, а ещё и отличный человек, с кем можно, пошутить и посмеяться на разные теми! Всегда была на связи, в любое время суток, что не мало важно)! Однозначно рекомендую! Спасибо за знания!
Александр Кусков
Александр Кусков
Хочу выразить благодарность школе Hillel за высокий профессионализм ! . Хотелось постоянно ходить на занятия ! И конечно особая благодарность нашему преподавателю курса - Роме Резникову . Спасибо за ответы на ВСЕ !!! заданные вопросы и атмосферу на занятиях !!!
Школа замечательная! Курс бомбезный! Весь период обучения прошел на одном дыхании. Оля самый лучший преподаватель! Спасибо ей большое, её труды не напрасны. Очень доходчиво обьясняет материал и всегда помогает справится с трудностями, которые возникли на пути обучения. Так же Оля осталась хорошим другом, который всегда поможет и подскажет, даст нужный совет, направит на путь истинный! Спасибо!
Анна Корж
Анна Корж
Замечательный курс и преподаватель Оля. Максимально доступно и много информации предоставила, благодарна за ответы на мои вопросы и разбор непонятных моментов в домашнем задании на лекции, а также объясняла разными вариантами и по несколько раз, чтобы всем было понятно. Училась в удовольствие. Благодарю 🤗
Елизавета Волянская
Елизавета Волянская
В школе Hillel я прошла начальный курс по фронтенду , среди основного также изучив HTML, CSS. По курсу могу сказать, что было сложно, но результативно, а благодаря выполнению домашних работ и их проверке нашим преподавателем Алексеем, укреплялись знания на практике и появлялась уверенность и понимание, что именно происходит в процессе верстки сайта. Тем, кто решается начать обучение, хочу посоветовать верить в себя, не опускать руки в сложные моменты, а продолжать и все-все получится! В целом, очень благодарна школе и всем рекомендую компьютерную школу Гилель, с ее замечательной атмосферой и эффективнейшей системой организации обучения, к тому же и достаточно доступными ценами. Также все время было легко обращаться по всем вопросам к сотрудникам Дмитрию и Евгению , чувствовалось желание помочь. Хочу сказать совершенно искренне от души, IT Hillel - Вы лучшие и большое вам спасибо за эти первые шаги в сфере IT, которые оказались успешными. Учиться дальше теперь хочется только тут, что и планирую теперь)
Дмитрий Шпачинский
Дмитрий Шпачинский
Если бы мне полгода назад, кто сказал, что я сделаю первый шаг в мир IT, думаю вряд ли бы я поверил этому человеку! Но получилось так, что благодаря компьютерной школе Hillel мое желание совпало с возможностью, и с сентября по декабрь я прошел курс Frond End Basic, и хотелось бы сказать огромнейшее СПАСИБО школе за ИДЕАЛЬНО организованную систему обучения студентов (это система LMS, Hillel bot), за возможность просмотра занятий в видеозаписи, за атмосферу в школе, а, ну да....и за кофе/чай/печеньки , тут в принципе и говорить нечего, и так все понятно-ТОП!))))) Особенная благодарность нашему преподавателю Алексею, который в течении всего курса давал очень много интересного материала, касающегося основ верстки сайтов, работы с препроцессорами, основ адаптивной верстки и Bootstrap, и который всегда приводил много советов и примеров из собственного опыта работы! Самое главное, было заметно, что Леша был крайне заинтересован самим курсом и тем, что бы МЫ поняли и знали как можно больше, за что ему отдельное спасибо!😊😊😊 Я много нового узнал на курсе, благодаря чему уже могу понемножку верстать сайты! Хочется сказать еще самое основное, курс не сильно тяжелый, но и не особо легкий (вся "сложность" состоит лишь в том, что нужно выделять 3-4 часа в день для выполнения домашек), для тех, кто еще сомневается, идти или нет, скажу одну вещь: когда я только пришел на курсы, думал, что буду по окончании курса где-то в 10-ке, в итоге я закончил курс......... в 3-ке лучших студентов, так что не бойтесь новых вызовов, идите достигайте своих целей, получайте новые знания, и совершенствуйтесь в мире IT, в этом вам поможет компьютерная школа Hillel, где всегда пойдут на встречу, как руководство, так и преподаватели! Весной планирую продолжить обучение на Frond End Pro!
Описать все эмоции от курса невозможно. Огромное спасибо всем за такой теплый и даже семейный уют: персоналу (администраторам Жене и Диме отдельный респект), Денису и самому главному там человечку Оле Смирновой. Вот просто мамочка нашей группы и просто замечательный преподаватель, потому что никто б мне не отвечал в 3 часа ночи, кроме ее и не помогал даже после курсов. Спасибо огромное вам всем. Учится у вас только одно удовольствие и вот просто не хочется заканчивать никогда.

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

  • Кому буде цікавий курс 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Відправлено