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

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

-
Введение. Установка необходимого ПО
Современный 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
- Итоговый проект
В конце курса выполняется дипломный проект.
Бонусы курса
Выпускники получают сертификат об окончании курса
Каждый сертификат имеет уникальный номер, по которому потенциальный работодатель может проверить его валидность и увидеть базовые показатели успеваемости.
Преимущества обучения в Компьютерной школе Hillel
-
Группы по 16 человек Преподаватель уделяет время каждому студенту
-
Преподаватели практики У нас преподают только практикующие специалисты из топовых IT-компаний.
-
Система личных кабинетов Эффективное и удобное обучение.
-
Оперативная служба поддержки студентов Срочный вопрос — своевременное решение.
-
Доступ к видеозаписям занятий Записи уроков остаются у студентов после окончания курса.
-
Практические занятия Большая часть занятий ориентирована на практику.
-
Что мы делаем для того, чтобы вы достигли успеха?
-
Проводим мастер-классы по подготовке резюме и поиску работы
-
Регулярно обновляем программы курсов под требования рынка
-
Приглашаем преподавать только лучших практикующих специалистов
-
Развиваем нашу сеть партнеров среди топовых IT-компаний
-
Наши преподаватели часто сами забирают к себе наших лучших Студентов ;)
Наши преподаватели и выпускники работают в топовых IT-компаниях мира
Часто задаваемые вопросы
-
Как проходит обучение Front-end с нуля в компьютерной школе Hillel?
Обучение Фронтенду сделает вас одним из самых востребованных специалистов IT-сферы. Базовый курс по верстке рассчитан на новичков, у которых нет опыта разработке. Здесь обучают с нуля, предоставляя желающим возможность войти в мир айти-разработки.
На курсе вы научитесь:
верстать веб-страницы
стилизовать
разрабатывать структуру сайта
работать с графикой
делать адаптивную верстку
создавать анимации
В школе преподают опытные практикующие фронтендщики из топовых IT-компаний, у которых можно перенять реальный рабочий опыт. Учебный процесс имеет практическую направленность – вы будете писать много кода, оттачивая профессиональные навыки до совершенства. В рамках курса выполняется дипломный проект, который потом можно добавить в портфолио.
-
Какие преимущества курсов Front-end?
Почему стоит выбрать именно эту программу? Курсы HTML и CSS — важная база, без которой не обойдется фронтенд-мастер. Обучаясь в школе Hillel, вы сможете качественно овладеть основами, и вот почему:
Программа разработана ведущими представителями IT-индустрии — опытными менторами-практиками
Учебный процесс происходит в небольших группах. Ментор может уделить внимание каждому
Предоставляется доступ к записям занятий. Причем ролики останутся у вас и после окончания курса
Мы наладили партнерские связи со всеми крупными айти-компаниями города и страны, что позволяет нам принимать активное участие в вашем трудоустройстве.
-
Кому будет интересен курс Front-end?
Обучение Фронтенду сделает вас одним из самых востребованных специалистов IT-сферы. Это перспективная и высокооплачиваемая профессия в активно развивающемся направлении. Хотите научиться создавать качественные сайты, полезные для пользователей и эффективные для бизнеса? Стройте карьеру с нами.
-
Как я могу записаться на курс Front-end Basic/ забронировать себе место в группе?
Для того, чтобы записаться на курс Front-end Basic, необходимо связаться с нашим администратором для обсуждения деталей обучения и внесения оплаты. Также предварительно рекомендуем ознакомиться с офертой.
-
Сколько стоят курсы программирования в школе Hillel в Киеве ?
Актуальную информацию по стоимости каждого курса мы предоставляем лично каждому заинтересовавшемуся Клиенту по телефону или в письменном виде касательно того курса или курсов, которые он хотел бы изучить. При этом мы можем дать и другую важную информацию по курсу, чтобы у вас было более полное представление о наших услугах.
-
Будут ли задавать домашние задания на курсе Front-end Basic? Проверяется ли выполненное задание?
Да! Ведь это обязательная и очень важная часть процесса вашего обучения, так как каждый Студент должен закрепить весь полученный на занятии материал дома, выполняя домашние задания. Каждое заданное ДЗ будет проверяться преподавателем, и по нему вы будете получать фидбэк. Также некоторые задания разбираются на следующем занятии. Без выполнения домашний заданий никто не сможет добиться желаемого результата.
-
Какой нужно иметь компьютер, чтобы обучаться на курсе 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 и более
- Верстка сайта с помощью HTML + CSS
- 123819
- 1761
Верстка сайта с помощью HTML + CSS
смотреть 121 мин-
Савелий Сычев Software Engineer в Microsoft
- Как создать правильное выпадающее меню - HTML/CSS (float и flexbox верстка)
- 61507
- 868
Как создать правильное выпадающее меню - HTML/CSS (float и flexbox верстка)
смотреть 130 мин-
Савелий Сычев Software Engineer в Microsoft
- Что такое HTML?
- 16272
- 202
Что такое HTML?
смотреть 13 мин-
Сергей Фомин Javascript Developer в Hillel IT School
- 5 этапов самостоятельного изучения HTML и CSS
- 14861
- 58
5 этапов самостоятельного изучения HTML и CSS
читать 2 мин-
Антон Поломкин Front-end Developer в Ciklum
- CSS препроцессоры
- 8007
- 112
CSS препроцессоры
смотреть 86 мин-
Юрий Федоренко Senior Front-end Developer в MacPaw
- Битва титанов: React или Angular. Что выбирают в 2020 году?
- 7622
- 36
Битва титанов: React или Angular. Что выбирают в 2020 году?
читать 3 мин