Курсы Верстки на HTML/CSS от школы beONmax

В рамках курса вы научитесь верстать по дизайнерским макетам - адаптивно, семантически, кроссбраузерно, с анимацией и интерактивными JavaScript элементами. Научитесь писать js-код самостоятельно и использовать готовые, проверенные временем решения.
Чему вы научитесь Освойте на практике необходимые инструменты современной верстки сайтов и начните работать в сфере веб-разработки!

• Установка и работа с редактором кода Visual Studio Code
• Основы HTML и CSS
• Структура HTML-документа, базовые теги, атрибуты
• Подключение CSS-стилей, селекторы, свойства
• Работа с текстом, ссылками, изображениями и другими элементами страницы
• Полный цикл верстки макета на практике
• Верстка веб-страниц по макетам, как верстать страницы именно так, как было задумано дизайнером
• Блочная верстка
• Семантическая и валидная верстка
• Адаптив (верстка под разные устройства) и кроссбраузерность
• Анимации и трансформации
• Методология БЭМ
• Современный подход в верстке FlexBox
• Препроцессор SASS/SCSS
• Bootstrap - работа с сеткой и использование компонентов Bootstrap на практике
• Нарезка макетов Photoshop, Figma, Zeplin
• JavaScript для верстальщика
• Создание слайдера, модального окна, табов, фильтра карточек на практике
• Использование js-библиотек - jQuery, галерея, анимации, параллакс-эффект, слайдер
• CSS Grid - мощный современный способ позиционирования элементов веб-сайта и др.

Для кого этот курс

• Начинающие веб-разработчики
• Те, кто когда-то изучал верстку и хочет актуализировать знания и стать профессионалом
• Кто уже работает, но отстал от технологий или не мог ранее освоить JS

Начните свой путь в мир IT с веба. И этот курс станет для вас отличной платформой для дальнейших успехов в профессии!

Курс Основы HTML/CSS подходит для начинающих веб-разработчиков, для тех, кому нужно освежить или улучшить свои знания. Также рекомендуем пройти этот курс тем, кто уже создает сайты, и при написании кода часто делает ошибки и не может самостоятельно найти место поломки. Закройте все пробелы в самых основах знаний HTML/CSS - базовых языков, без которых сегодня не существует ни один сайт в интернете.

Этот курс можно назвать “Азбукой HTML/CSS”, где подробным образом разбираются важные особенности работы по созданию веб-сайта самому: синтаксис, структура, элементы, теги, атрибуты, селекторы, свойства и т.д. Способы подключения каскадной таблицы стилей CSS. Как работать с текстом, разместить изображения, списки, создать гиперссылки и кнопки, использовать таблицы. Как создать меню и подключить навигацию на сайте. Чем отличается табличный макет сайта и макет на основе блочных элементов.

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

Для продолжения обучения верстке и созданию сайтов рекомендуем также пройти наши практические базовые курсы:
Верстка сайтов на HTML/CSS для начинающих
Верстка сайтов на BOOTSTRAP для начинающих

Pug — это препроцессор HTML и шаблонизатор, который был написан на JavaScript для Node.js.
Скорость в работе - это один из важнейших факторов. Заказчики и работодатели хотят, чтобы работа была выполнена качественно и быстро. Появляются разные инструменты-ускорители, один из них: Шаблонизатор Pug/jade - современный ускоритель для HTML.

Pug отличается синтаксисом от HTML и позволяет не делать типичных ошибок, которые можно встретить в обычном HTML. При этом Pug значительно ускорит верстку, в том числе за счет многократного использования одних и тех же частей кода. Более того и править такой код в дальнейшем будет намного проще.

Этот курс для веб-разработчиков и всех желающих освоить современный инструмент верстки сайтов. Если вы связываете свою карьеру с web-разработкой, то Pug вам обязательно пригодится!
Чему вы научитесь

• Основам работы с шаблонизатором Pug на реальных примерах
• Научитесь писать вёрстку на шаблонизаторе Pug (jade), создавать независимые блоки кода для импорта и последующей модификации на любые страницы
• Использовать переменные, условия-возможности, также включать расширенный функционал с помощью вложенных страниц, шапки, подвалы, файлы конфигурации и многое-многое другое
• Научитесь использовать шаблон, дополнять его, расширять и т.д.
• Познакомитесь с миксинами, заметно упрощающими однотипное наполнение сайта
• Увидите, как использовать возможности других языков вместе с языком Pug, таких как препроцессоры CSS
• Также узнаете о возможностях языка JavaScript, которые сделали Pug поистине потрясающим инструментом современного фронтенд-разработчика
• Создадите большой макет с разными фишками - переменными, условиями, с подключениями других блоков на сайт, с использованием миксинов, где это было нужно. С использованием конфигурационного файла, дополнения этого файла, изменений и прочих нюансов.

Требования для прохождения курса:
- Базовые знания HTML
- Базовые знания JavaScript (желательно, но не обязательно)

Рекомендуем пройти наши базовые курсы:
Основы HTML/CSS - верстка сайтов с нуля
Верстка сайтов на HTML/CSS для начинающих
JavaScript/jQuery - первые шаги