Укр

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

Basic level
5

alarm-clock занятий

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

rocket старт

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

Осталось

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

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

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

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

Цели курса

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

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

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

Полная стоимость курса 9 500 ₴

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

Промокод

Примененные скидки

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

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

Цена курса для вас 8 550

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

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

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

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

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

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

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

  • woman-technologist

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

  • briefcase

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

  • thumbs-up

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

  • light-bulb

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

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

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

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

  • clipboard

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

  • books

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

  • smiling-face-with-sunglasses

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

  • globe-with-meridians

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

  • direct-hit

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

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

Огромное спасибо за этот курс. Основное внимание направлено на практику, получаешь очень много фидбека про своим работам. Вова всегда поможет, понятно растолкует сложные темы. Кроме знаний верстки, Вова дает информацию по поиску работы и стратегию поведения на собеседовании, что для неопытных и неуверенных джунов не менее ценно. Мне было очень интересно учиться и с нетерпением жду углубленного курса по JavaScript.
Школа замечательная! Курс бомбезный! Весь период обучения прошел на одном дыхании. Оля самый лучший преподаватель! Спасибо ей большое, её труды не напрасны. Очень доходчиво обьясняет материал и всегда помогает справится с трудностями, которые возникли на пути обучения. Так же Оля осталась хорошим другом, который всегда поможет и подскажет, даст нужный совет, направит на путь истинный! Спасибо!
Закінчуючи курс, хочу подякувати викладачеві Павлу і школі, що обрала для мене саме цю групу. Компетентний, комунікабельний, терплячий, україномовний, що також важливо було при виборі курсів. Протягом усього навчання завжди на зв'язку (завжди - це навіть після 23 отримувала допомогу і пояснення, бо ж дз багато і працювала над ними вночі також). На уроках тільки дружня атмосфера, розбирали багато різних варіантів вирішення поставлених дизайнером задач. Бували випадки, що не могла впоратися з якоюсь частиною дз, запитувала у викладача і блискавично отримувала підказку, яка допомагала рухатися далі. Кожне дз - ґрунтовний аналіз від викладача, дуже зручні коменти у вигляді скрінів та відео. Я не знаю де він бере час і терпіння на наші "дитячі" питання. Засмучена лиш в одному, що Павло не веде наступний курс Pro. Якщо у вас є можливість обирати викладача, перед стартом курсу, то рекомендую наполягати і потрапити в групу саме до Павла. Рекомендуватиму школу знайомим і продовжую далі йти з Hillel. Дякую ;)
Закончил курс Front-End Basic 07.01.2022г. Остался очень доволен как школой Hillel так и преподавателем Михаилом! Очень доходчиво, лаконично, спокойно и во всех деталях объясняет. Всегда отвечал на вопросы и помогал. Профессионал своего дела! Побольше бы таких) Благодаря его методике обучения, я получил максимум знаний и главное качественных знаний. Далее 17.02.2022 старт нового курса, на который я записался Front End Pro. Надеюсь новый преподаватель будет так же все доходчиво и грамотно обучать) Спасибо Михаилу!

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

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

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

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

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

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

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

Хочу подякувати школі Hillel за їхню організовану роботу протягом усього курсу і відповідальний підхід щодо будь-якого питання. І окреме дякую Паші за його викладацьку роботу! Не знаю звідки в нього терпіння до наших безкінечних питань, іноді - дурних, але це заслуговує на повагу! Завжди на зв'язку, буквально 24/7, ніколи не відмовить в допомозі, де треба - підкаже, де не треба - випише чудодійний пендель, щоб не розслаблялись. :) Одним словом - мій рекомендасьйон :)
Дякую школі Hillel та особисто викладачу Павлу Зубаку за отримані знання і практичні навички після проходження курсу Front End Basic. Паша Зубак навчив нас верстати з нуля, ділився найновішими тенденціями у web-розробці, давав цінні поради, уважно перевіряв домашки, надавав підтримку, розповідав про кейси з реальних проектів. Тобто робив все можливе, щоб зробити нас професіоналами своєї справи. Дякую адміністраторам школи за оперативну організацію та консультування з організаційних питань. Дуже класно, що крім занять з курсу, додатково проводяться вебінари про правильне заповнення резюме, ведення профілю LinkedIn, проходження співбесід. Всім, хто ще знаходиться у пошуку курсу по Front End та школи, і читає мій відгук - рекомендую школу Hillel та курс Front End Basic. Якщо вашим викладачем буде Паша Зубак, знайте, що він навчить вас крутим фішкам. Йду далі на курс Front End Pro.
Хотів би висловити подяку школі в цілому, та викладачу Павлу Зубаку окремо, за насичені інформацією та практичними порадами лекції, змістовні домашки та не тривіальний підхід. В декілька місяців складно смістити великий об'єм матеріалу, тим паче для людей, що не є частиною IT-галузі. Ідею з вивченням git на самому початку вважаю вкрай вдалою, було трохи складно, але потім ти розумієш, що завдяки цьому вдалось уникнути багатьох траблів. Приємно здивувало те, що викладач завжди на зв'язку, та майже миттєво відповідає на повідомлення. 10/10, рекомендую ))
Отличный курс. Сергей Никифоров - лучший преподаватель на этом курсе. Доступно все излагает, много интересного показывает на собственных примерах, мотивирует студентов, создает дружественную атмосферу в команде и всегда находит время персонально донести информацию до каждого студента. Домашек было много, не всегда хватало времени на выполнение, но все они были разнообразные и интересные, поэтому, это только огромный плюс. Если бы он вел курс Frontend Pro, мы бы всей командой, не задумываясь, учились у него
Денис Ларин

Денис Ларин

Отличный курс для мощного старта обучения. Школа действительно одна из лучших, если не самая лучшая. Программа максимально составлена под актуальные требования рынка. Очень удобная система лмс, много практики. Несмотря на все сложности, результат всегда на высоте)) Отдельное и самое большое спасибо преподавателю, Константину Абрамкину, за весь проделанный труд, за актуальные и нужные знания, учиться было очень интересно благодаря его стараниям. Преподаватель всегда помогал и консультировал по любому вопросу. Очень рекомендую данный курс и школу в целом))
Курсом задоволений, все супер дякую! Окремо хочу виділити і подякувати Артему за класне і доступне викладання, а також за зворотній зв'язок 24/7 =)
Маргарита Винокурова

Маргарита Винокурова

Большое спасибо, школе - Hillel, за такого преподавателя, как, Оля! Пришла на курс, с нулевыми знаниями, освоить вёрстку! Всё очень доступно объяснили, а главное научили понимать и без трудностей верстать и получать от этого удовольствие! Оля, не только профессионал своего дела, с классным подходом к учёбе, а ещё и отличный человек, с кем можно, пошутить и посмеяться на разные теми! Всегда была на связи, в любое время суток, что не мало важно)! Однозначно рекомендую! Спасибо за знания!

Часто задаваемые вопросы

  • Кому будет интересен курс 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 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 разработчика

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