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

Basic level
5

alarm-clock занятий

spiral-calendar занятий в неделю

rocket старт

За неделю записалось

Осталось

Этот курс проводится в формате дистанционного обучения.

Научись верстать сайты!

Разработка видимой части любого сайта называется Front-end, и это быстрее всего развивающаяся область программирования. Ни один современный веб-сайт и веб-приложение не обойдутся без Front-end разработчика.

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

Цели курса front-end developer для начинающих

  • Воплощать в верстку дизайн любой сложности
  • Делать сайты, которые одинаково хорошо отображаются на любом устройстве
  • Замечать важные мелочи и писать код, который легко расширять и поддерживать
  • Научиться понимать структуру веб-страниц
933 ₴

в месяц при оплате частями на 12 частей

оплата частями без комиссии и процентов от monobank, ПриватБанк, Ощадбанк и ПУМБ

Полная стоимость курса 11 200 ₴

-10% при оплате сразу 10 080 ₴

Промокод

Дополнительные скидки

Списание с текущего баланса

Неиспользованный остаток замороженного курса

Списание с основного счета

Списание с реферального счета

Списание с бонусного счета

Цена курса для вас 10 080

К покупке курса

Рекомендуем пройти тест для проверки знаний

grinning-face

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

Изучаемые технологии

  • HTML5

    HTML5

  • CSS

    CSS

  • SASS

    SASS

  • Bootstrap

    Bootstrap

  • SVG

    SVG

  • Git

    Git

  • Github

    Github

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

alarm-clock 20 занятий
Печать

  • Введение. Установка необходимого ПО

    • Знакомство и план курса

    • Типы файлов

    • Браузер

    • Языки программирования

    • Редакторы кода

  • Знакомство с 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

    • Оптимизация страницы

  • Семантика и доступность

    • Семантическая разметка

    • Доступность пользовательских интерфейсов (a11y)

  • CSS анимации

    • Transform

    • Transition

    • Filter

    • Animation

В конце курса выполняется дипломный проект.

Выпускники получают сертификат об окончании курса

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

Награда «Бизнес Года» 2024 года в номинации «Лучшая школа по обучению программированию 2024» от Ukrainian Business Awards

Самая высокая оценка в рейтинге UBA благодаря инновационным программам, удобной платформе для обучения, постоянным адаптациям продуктов под потребности рынка и преподавателям-практикам.

UBA Medal

Как проходит обучение

  • woman-technologist

    Обучение проводится в режиме онлайн-трансляции, а видеозапись сохраняется в личном кабинете.

  • briefcase

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

  • thumbs-up

    Преподаватель даёт обратную связь с разбором ошибок в домашнем задании.

  • light-bulb

    Вы прорабатываете ошибки и закрепляете пройденный материал.

Работы наших Студентов

Portfolio image
Репозиторий на GitHub

Преимущества онлайн-обучения в Компьютерной школе Hillel

  • man-raising-hand
    Группы до 20 человек Преподаватель уделяет время каждому студенту
  • nerd-face
    Преподаватели практики У нас преподают только практикующие специалисты из топовых IT-компаний.
  • briefcase
    Система личных кабинетов Эффективное и удобное обучение.
  • speech-balloon
    Оперативная служба поддержки студентов Срочный вопрос — своевременное решение.
  • videocassette
    Доступ к видеозаписям занятий Записи уроков остаются у студентов после окончания курса.
  • hammer
    Практические занятия Большая часть занятий ориентирована на практику.
Как школа кардинально изменила парадигму трудоустройства

Оплата онлайн

Оплата производится через выставление инвойса на e-mail через сервисы LiqPay и plata by mono.

shield

Гарантия возврата оплаты

До шестого занятия вы можете вернуть
100% внесенных за обучение средств.

  • rocket
    Трудоустройство

    Что мы делаем для того, чтобы вы достигли успеха?

  • clipboard

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

  • books

    Регулярно обновляем программы курсов под требования рынка

  • smiling-face-with-sunglasses

    Приглашаем преподавать только лучших практикующих специалистов

  • globe-with-meridians

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

  • direct-hit

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

Наши преподаватели и выпускники работают в топовых IT-компаниях мира

Отзывы выпускников этого курса
Олександр Обозний

Олександр Обозний

профиль на Linked In профиль в Telegram
Павел Зубак Преподаватель Павел Зубак
Дякую школі Hillel та особисто викладачу Павлу Зубаку за отримані знання і практичні навички після проходження курсу Front End Basic. Паша Зубак навчив нас верстати з нуля, ділився найновішими тенденціями у web-розробці, давав цінні поради, уважно перевіряв домашки, надавав підтримку, розповідав про кейси з реальних проектів. Тобто робив все можливе, щоб зробити нас професіоналами своєї справи. Дякую адміністраторам школи за оперативну організацію та консультування з організаційних питань. Дуже класно, що крім занять з курсу, додатково проводяться вебінари про правильне заповнення резюме, ведення профілю LinkedIn, проходження співбесід. Всім, хто ще знаходиться у пошуку курсу по Front End та школи, і читає мій відгук - рекомендую школу Hillel та курс Front End Basic. Якщо вашим викладачем буде Паша Зубак, знайте, що він навчить вас крутим фішкам. Йду далі на курс Front End Pro.
Valeriia Nechepurenko

Valeriia Nechepurenko

Максим Гричина Преподаватель Максим Гричина

Дуже сподобався курс, а особливо викладач Максим! Дякую за чітке й доступне пояснення матеріалу та відеофідбеки до кожного домашнього завдання! Навчання пройшло чудово!

Екатерина Шадрина

Екатерина Шадрина

страничка в Facebook профиль на Linked In профиль на Instagram профиль в Telegram профиль на GitHub
Владимир Шайтан Преподаватель Владимир Шайтан
Огромное спасибо за этот курс. Основное внимание направлено на практику, получаешь очень много фидбека про своим работам. Вова всегда поможет, понятно растолкует сложные темы. Кроме знаний верстки, Вова дает информацию по поиску работы и стратегию поведения на собеседовании, что для неопытных и неуверенных джунов не менее ценно. Мне было очень интересно учиться и с нетерпением жду углубленного курса по JavaScript.
Вероніка Бостанджян

Вероніка Бостанджян

профиль на Linked In
Владимир Шайтан Преподаватель Владимир Шайтан
Хочу висловити щиру подяку викладачу Володимиру Шайтану за його внесок у мій розвиток у здобутті базових навичок front-end розробки. Ваші уроки були надзвичайно інформативними та добре структурованими. Особливо хочу відзначити вашу лояльність та професіоналізм. Ви завжди могли пояснити складні концепції у доступний й зрозумілий спосіб. Щиро вдячна за всі зусилля, які ви вклали у моє навчання.
Petro Plytii

Petro Plytii

Максим Гричина Преподаватель Максим Гричина
Чудовий курс. Чудовий викладач. Шкода розлучатися. Тепло, атмосферно, чудовий виклад базового курсу.
Денис Костюк

Денис Костюк

профиль на Linked In профиль на Instagram
Школа замечательная! Курс бомбезный! Весь период обучения прошел на одном дыхании. Оля самый лучший преподаватель! Спасибо ей большое, её труды не напрасны. Очень доходчиво обьясняет материал и всегда помогает справится с трудностями, которые возникли на пути обучения. Так же Оля осталась хорошим другом, который всегда поможет и подскажет, даст нужный совет, направит на путь истинный! Спасибо!
Оксана Мороз

Оксана Мороз

профиль в Telegram
Павел Зубак Преподаватель Павел Зубак
Закінчуючи курс, хочу подякувати викладачеві Павлу і школі, що обрала для мене саме цю групу. Компетентний, комунікабельний, терплячий, україномовний, що також важливо було при виборі курсів. Протягом усього навчання завжди на зв'язку (завжди - це навіть після 23 отримувала допомогу і пояснення, бо ж дз багато і працювала над ними вночі також). На уроках тільки дружня атмосфера, розбирали багато різних варіантів вирішення поставлених дизайнером задач. Бували випадки, що не могла впоратися з якоюсь частиною дз, запитувала у викладача і блискавично отримувала підказку, яка допомагала рухатися далі. Кожне дз - ґрунтовний аналіз від викладача, дуже зручні коменти у вигляді скрінів та відео. Я не знаю де він бере час і терпіння на наші "дитячі" питання. Засмучена лиш в одному, що Павло не веде наступний курс Pro. Якщо у вас є можливість обирати викладача, перед стартом курсу, то рекомендую наполягати і потрапити в групу саме до Павла. Рекомендуватиму школу знайомим і продовжую далі йти з Hillel. Дякую ;)
Georgii Boshkov

Georgii Boshkov

профиль на Linked In профиль на GitHub
Закончил курс Front-End Basic 07.01.2022г. Остался очень доволен как школой Hillel так и преподавателем Михаилом! Очень доходчиво, лаконично, спокойно и во всех деталях объясняет. Всегда отвечал на вопросы и помогал. Профессионал своего дела! Побольше бы таких) Благодаря его методике обучения, я получил максимум знаний и главное качественных знаний. Далее 17.02.2022 старт нового курса, на который я записался Front End Pro. Надеюсь новый преподаватель будет так же все доходчиво и грамотно обучать) Спасибо Михаилу!
Мария Король

Мария Король

страничка в Facebook профиль на Instagram

Я рада, что начала свой путь в IT именно с вашей школы на курсе Front-end Basic😍

Атмосфера в школе классная, коллектив дружелюбный. Занятия и онлайн, и оффлайн — комфортные.

Несмотря на происходящее вне (карантин, война) — школа все организовала так, что мы смогли доучиться и получить дипломы. За что отдельная благодарность!

Большое СПАСИБО преподавателю нашей группы, Диме Соколовскому. Очень классно, структурировано и грамотно был изложен материал. Дал намного больше информации, чем предусматривает курс. А еще 24\7 был на связи с ответами на наши вопросы.

Учеба реально была в кайф )

Самое главное — осталось желание обучаться дальше в вашей школе — перешла на курс Front-end Pro.

Школе желаю успехов, процветания и благодарных студентов ❤️ ))

Тетяна Полелюк

Тетяна Полелюк

страничка в Facebook профиль на Instagram профиль на GitHub
Павел Зубак Преподаватель Павел Зубак
Хочу подякувати школі Hillel за їхню організовану роботу протягом усього курсу і відповідальний підхід щодо будь-якого питання. І окреме дякую Паші за його викладацьку роботу! Не знаю звідки в нього терпіння до наших безкінечних питань, іноді - дурних, але це заслуговує на повагу! Завжди на зв'язку, буквально 24/7, ніколи не відмовить в допомозі, де треба - підкаже, де не треба - випише чудодійний пендель, щоб не розслаблялись. :) Одним словом - мій рекомендасьйон :)
Володимир Гармарчук

Володимир Гармарчук

страничка в Facebook
Павел Зубак Преподаватель Павел Зубак
Хотів би висловити подяку школі в цілому, та викладачу Павлу Зубаку окремо, за насичені інформацією та практичними порадами лекції, змістовні домашки та не тривіальний підхід. В декілька місяців складно смістити великий об'єм матеріалу, тим паче для людей, що не є частиною IT-галузі. Ідею з вивченням git на самому початку вважаю вкрай вдалою, було трохи складно, але потім ти розумієш, що завдяки цьому вдалось уникнути багатьох траблів. Приємно здивувало те, що викладач завжди на зв'язку, та майже миттєво відповідає на повідомлення. 10/10, рекомендую ))

Это не помеха в IT

  • Нет опыта в IT
Олег Машовець

Олег Машовець

Сергей Никифоров Преподаватель Сергей Никифоров
Отличный курс. Сергей Никифоров - лучший преподаватель на этом курсе. Доступно все излагает, много интересного показывает на собственных примерах, мотивирует студентов, создает дружественную атмосферу в команде и всегда находит время персонально донести информацию до каждого студента. Домашек было много, не всегда хватало времени на выполнение, но все они были разнообразные и интересные, поэтому, это только огромный плюс. Если бы он вел курс Frontend Pro, мы бы всей командой, не задумываясь, учились у него

Отвечаем на часто задаваемые вопросы

  • Кому будет интересен курс Front-end?

    Обучение Фронтенду (HTML и CSS) сделает вас одним из самых востребованных специалистов IT-сферы. Это перспективная и высокооплачиваемая профессия в активно развивающемся направлении. Хотите научиться создавать качественные сайты, полезные для пользователей и эффективные для бизнеса? Стройте карьеру с нами.
     

  • Какие преимущества курсов Front-end?

    Почему стоит выбрать именно эту программу? Курсы HTML и CSS — важная база, без которой не обойдется фронтенд-мастер. Обучаясь в школе Hillel, вы сможете качественно овладеть основами, и вот почему:

    • Программа разработана ведущими представителями IT-индустрии — опытными менторами-практиками
    • Учебный процесс происходит в небольших группах. Ментор может уделить внимание каждому
    • Предоставляется доступ к записям занятий. Причем ролики останутся у вас и после окончания курса Front-End Developer

    Мы наладили партнерские связи со всеми крупными айти-компаниями города и страны, что позволяет нам принимать активное участие в вашем трудоустройстве.
     

  • Как проходит обучение Front-end с нуля в компьютерной школе Hillel?

    Базовый курс по верстке рассчитан на новичков, у которых нет опыта разработке. Здесь обучают с нуля, предоставляя желающим возможность войти в мир айти-разработки.

    На курсе фронтенд вы научитесь:

    • верстать веб-страницы
    • стилизовать
    • разрабатывать структуру сайта
    • работать с графикой
    • делать адаптивную верстку
    • создавать анимации

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

  • Какой нужно иметь компьютер, чтобы обучаться на курсе Front-end Basic?

    Требования к компьютеру для обучения на курсе Front-end Basic.

    Операционная система:
     

    • Windows 11 64-бит
    • macOS 10.13 или выше
    • Linux: Ubuntu 16.04 - 20.04

    Процессор* :

    • Минимум intel core i5 4-го поколения
    • Рекомендуется i5 8-го
      *Допустимы аналоги от AMD

    Оперативная память:

    • Минимум 8 Гб
    • Рекомендуется 16 Гб

    Память:

    • Минимально 500 Гб HDD и более
    • Рекомендуется 200 Гб SSD и более

  • Как получить максимальный балл за домашнее задание на курсе Front-end Basic?

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

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

  • Как мне определиться с курсом? Что сейчас наиболее востребовано Online?

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

    Чтобы помочь вам с выбором направления, мы составили специальный профориентационный тест.

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

  • Кем работают ваши Преподаватели? Имеют ли они опыт преподавания?

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

  • Где можно посмотреть отзывы о вашей Школе Online?

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

  • Как я могу оплатить обучение?

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

  • Как работает оплата частями?

    Мы предлагаем возможность разбить стоимость курса на ежемесячные платежи до 12 частей посредством рассрочки в ПриватБанк, Монобанк, ОщадБанк или ПУМБ. При этом вам не нужно платить дополнительные комиссии или проценты банкам, поскольку Школа оплачивает эту комиссию за вас.

    Если вы хотите воспользоваться оплатой частями, пожалуйста, обратитесь к нашему менеджеру любым удобным для вас способом.

    Подробнее об оплате по частям в нашем материале.

Заявка на консультацию

Оставьте ваши контактные данные, и мы вам обязательно перезвоним!

Обязательно укажите ваше имя кириллицей

Обязательно укажите email, по которому мы сможем с вами связаться

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

Школа работает с 10:00 до 21:00 по будням и с 10:00 до 19:00 по выходным дням (киевское время, GMT+2).

Отправлено

Профессия Front-end разработчика

Дополнительные курсы

Материалы в блоге