Рус Укр

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

  • Итоговый проект

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

Бонусы курса

  • Тренинг по прохождению собеседования и составлению резюме
  • Тестовое собеседование с техническим специалистом
  • Специально снятые дополнительные видеоматериалы

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

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

Преимущества обучения в Компьютерной школе 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 8-го
      *Допустимы аналоги от AMD

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

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

    Память:

    • Минимально 500 Гб HDD и более
    • Рекомендуется 200 Гб SSD и более
  • Как получить максимальный балл за домашнее задание на курсе Front-end Basic?

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

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

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

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

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

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

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

    Эта система состоит в том, что в конце курса Студенты пишут тест по пройденному материалу или сдают итоговую работу, по итогам которых получают скидку на следующий курс данного направления:

    • Студент, который имеет самый высокий результат получает скидку 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