Если вы давно мечтали научиться профессиональной вёрстке, создавать эффектные и адаптивные веб-страницы, отлично отображающиеся на любых устройствах, но вам не хватало практики — самое время действовать!
Приглашаем вас на совершенно новый, подробный «Практический курс по верстке лендинга», который позволит вам освоить самые популярные современные инструменты веб-разработки всего за 10 дней.
Забудьте о скучных лекциях и сухой теории без практики! Наш курс — это сплошная практика, где каждое занятие будет приближать вас к созданию профессиональных проектов. От настройки среды до публикации вашего первого сайта на GitHub Pages — все это станет вашей реальностью уже совсем скоро.
Что вас ждет? Вы откроете для себя мир HTML, CSS, и современный препроцессор SASS, который сделает ваш код чистым и профессиональным. Усовершенствуете навыки создания адаптивных макетов с помощью Flexbox и Grid, научитесь использовать популярные JavaScript-библиотеки, чтобы оживить страницу слайдерами, модальными окнами, формами и даже корзиной для покупок.
Курс охватывает такие темы:
- Установка и настройка IDE.
- Работа с Git и GitHub.
- Управление пакетами npm и Node.js.
- Обзор популярных CSS-фреймворков (Bootstrap, Tailwind CSS, Bulma, Foundation).
- Создание файловой структуры и настройки проекта с использованием SASS и Gulp.
- Техники верстки header.
- Использование Flexbox и Grid для адаптивных макетов.
- Использование иконок Font Awesome в адаптивных макетах.
- Создание адаптивных слайдеров с Glide.js.
- Работа с формами и модальными окнами.
- Создание динамических элементов с использованием JavaScript.
Этот курс — не просто знания, это ваши новые возможности и перспективы в IT-сфере. Уже после его завершения вы сможете с легкостью браться за реальные коммерческие заказы, создавая лендинги, которые будут приносить клиентам результат.
Автор курса — Иноземец Анна, Frontend Developer.
Курс состоит из 10 видеоуроков общей продолжительностью 5 часов 13 минут.
Структура курса:
- Установка IDE, git, работа с npm и терминалом.
- Библиотеки и фреймворки CSS.
- Создание базовой структуры проекта; верстка header.
- Flexbox и его возможности, Font Awesome (icons), верстка I и II секций.
- Grid и его возможности, развертывание скрытых карточек.
- Адаптивный слайдер с помощью библиотек.
- Переиспользование стилей и позиционирование.
- Создание модальных окон на странице и работа с формами.
- Врстка подвала сайта (footer). Публикация страницы на GitHub Pages.
- Дополнительное усовершенствование страницы.
Чему вы научитесь на данном курсе:
- Создавать адаптивные и интерактивные веб-страницы.
- Использовать SASS (SCSS) для написания чистого кода.
- Верстать сложные макеты с помощью Flexbox и Grid.
- Интегрировать JavaScript-библиотеки и создавать интерактивные элементы.
- Работать с Git и публиковать страницы на GitHub Pages.
- Реализовывать формы с валидацией, модальные окна и интерактивные слайдеры.
- Создавать динамический контент с помощью JavaScript.
Предварительные требования
Этот курс будет чрезвычайно полезен для тех, кто уже имеет начальные знания HTML, CSS и JavaScript и хочет значительно повысить свои навыки для работы в IT-индустрии.
Смотрите первый урок в свободном доступе. Курс уже доступен на нашем сайте в полном объеме — к каждому уроку есть практические задания и опорный конспект. Если у вас есть активная подписка, вы можете смотреть его прямо сейчас.
