занятий
занятий в неделю
старт
За неделю записалось
Осталось
Научись верстать сайты!
Разработка видимой части любого сайта называется Front-end, и это быстрее всего развивающаяся область программирования. Ни один современный веб-сайт и веб-приложение не обойдутся без Front-end разработчика.
В рамках курса Front-end Basic студенты без опыта в разработке изучают HTML и CSS, учатся верстать сайты. После успешного окончания курса студенты получают достаточно знаний и навыков для верстки сайта любой сложности.
Цели курса
- Воплощать в верстку дизайн любой сложности
- Делать сайты, которые одинаково хорошо отображаются на любом устройстве
- Замечать важные мелочи и писать код, который легко расширять и поддерживать
- Научиться понимать структуру веб-страниц
Изучаемые технологии
-
HTML5
-
CSS
-
SASS
-
Bootstrap
-
SVG
-
Git
-
Github
Программа курса
Front-end Basic

-
Введение. Установка необходимого ПО
Знакомство и план курса
Типы файлов
Браузер
Языки программирования
Редакторы кода
-
Знакомство с 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
В конце курса выполняется дипломный проект.
Выпускники получают сертификат об окончании курса
Каждый сертификат имеет уникальный номер, по которому потенциальный работодатель может проверить его валидность и увидеть базовые показатели успеваемости.
Как проходит обучение
Преимущества обучения в Компьютерной школе Hillel
-
Группы по 17 человек Преподаватель уделяет время каждому студенту
-
Преподаватели практики У нас преподают только практикующие специалисты из топовых IT-компаний.
-
Система личных кабинетов Эффективное и удобное обучение.
-
Оперативная служба поддержки студентов Срочный вопрос — своевременное решение.
-
Доступ к видеозаписям занятий Записи уроков остаются у студентов после окончания курса.
-
Практические занятия Большая часть занятий ориентирована на практику.
-
Что мы делаем для того, чтобы вы достигли успеха?
-
Проводим мастер-классы по подготовке резюме и поиску работы
-
Регулярно обновляем программы курсов под требования рынка
-
Приглашаем преподавать только лучших практикующих специалистов
-
Развиваем нашу сеть партнеров среди топовых IT-компаний
-
Наши преподаватели часто сами забирают к себе наших лучших Студентов ;)
Наши преподаватели и выпускники работают в топовых IT-компаниях мира
Часто задаваемые вопросы
-
Кому будет интересен курс Front-end?
Обучение Фронтенду сделает вас одним из самых востребованных специалистов IT-сферы. Это перспективная и высокооплачиваемая профессия в активно развивающемся направлении. Хотите научиться создавать качественные сайты, полезные для пользователей и эффективные для бизнеса? Стройте карьеру с нами.
-
Какие преимущества курсов Front-end?
Почему стоит выбрать именно эту программу? Курсы HTML и CSS — важная база, без которой не обойдется фронтенд-мастер. Обучаясь в школе Hillel, вы сможете качественно овладеть основами, и вот почему:
Программа разработана ведущими представителями IT-индустрии — опытными менторами-практиками
Учебный процесс происходит в небольших группах. Ментор может уделить внимание каждому
Предоставляется доступ к записям занятий. Причем ролики останутся у вас и после окончания курса
Мы наладили партнерские связи со всеми крупными айти-компаниями города и страны, что позволяет нам принимать активное участие в вашем трудоустройстве.
-
Как проходит обучение 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?
Выполнение домашних работ, одна из самых важных составляющих обучения. Для того, чтобы получить максимальный балл за домашнее задание, нужно:
- Выполнить задание в указанные сроки
- Выполнить все условия задания
- Выполнить задание без ошибок
- Пересдача домашнего задания не более одного раза
-
Как мне определиться с курсом? Что сейчас наиболее востребовано в Харькове?
Следует отметить, что все направления, которые вы могли бы изучить в нашей Школе, являются между собой практически идентичными по востребованности. При выборе направления очень важно учитывать то, чем бы вам хотелось заниматься в будущем. То, к чему вы больше склоняетесь и что вам больше нравится в повседневной жизни. Вплоть до того, какие предметы вам лучше давались, когда вы учились в школе.
Чтобы помочь вам с выбором направления, мы составили специальный профориентационный тест.
Для того, чтобы определиться с направлением и задать все интересующие вас вопросы, вы можете записаться на бесплатную консультацию, и в течение короткого времени с вами свяжется один из наших администраторов и сможет подробно обо всём рассказать.
-
Кем работают ваши Преподаватели? Имеют ли они опыт преподавания?
Мы всегда очень ответственно стараемся подходить к вопросу подбора Преподавателей в нашей Школе. Наши Преподаватели — практикующие специалисты в крупнейших IT-компаниях города. Также они имеют как опыт преподавания в нашей Школе, так и опыт менторства по месту их профессиональной деятельности. В своей манере обучения они делают упор на последние тенденции IT-рынка и исключительно на свой личный опыт для того, чтобы наши Выпускники имели наиболее востребованные знания и опыт работы с конкретными кейсами.
-
Где можно посмотреть отзывы о вашей Школе в Харькове?
Вы можете прочесть отзывы наших Студентов и Выпускников на нашем сайте, перейдя по данной ссылке. Еще вы сможете найти отзывы и информацию о нас, зайдя на сайт DOU.ua или же прописав название нашей Школы в Google, где вы также сможете увидеть отзывы о нашей Школе в нашем Google-аккаунте или на Google-картах.
-
Как я могу оплатить обучение?
Оплата производится через выставление инвойса на E-mail через сервисы LiqPay и Fondy.
-
Как работает оплата частями?
Мы предлагаем возможность разбить стоимость курса на ежемесячные платежи до 12 частей посредством рассрочки в ПриватБанк или Монобанк. При этом вам не нужно платить дополнительные комиссии или проценты банкам, поскольку Школа оплачивает эту комиссию за вас.
Если вы хотите воспользоваться оплатой частями, пожалуйста, обратитесь к нашему менеджеру любым удобным для вас способом.
Подробнее об оплате по частям в нашем материале.
- Популярные курсы:
-
-
- Верстка сайта с помощью HTML + CSS
- 123819
- 1761
Верстка сайта с помощью HTML + CSS
смотреть 121 мин-
Савелий Сычев Software Engineer в Microsoft
- Как создать правильное выпадающее меню - HTML/CSS (float и flexbox верстка)
- 61507
- 868
Как создать правильное выпадающее меню - HTML/CSS (float и flexbox верстка)
смотреть 130 мин-
Савелий Сычев Software Engineer в Microsoft
- 5 этапов самостоятельного изучения HTML и CSS
- 21820
- 69
5 этапов самостоятельного изучения HTML и CSS
читать 2 мин-
Антон Поломкин Front-end Developer в Ciklum
- Что такое HTML?
- 19474
- 258
Что такое HTML?
смотреть 13 мин-
Сергей Фомин Javascript Developer в Hillel IT School
- CSS препроцессоры
- 8383
- 115
CSS препроцессоры
смотреть 86 мин-
Юрий Федоренко Senior Front-end Developer в MacPaw
- Битва титанов: React или Angular. Что выбирают в 2020 году?
- 8103
- 36
Битва титанов: React или Angular. Что выбирают в 2020 году?
читать 3 мин