О курсе
Лендинг (landing page) - это отдельная веб-страница, чаще всего созданная с маркетинговой или рекламной целью для акционного предложения, краткосрочного проекта или мероприятия.
Курс "Практический курс по верстке лендинга" направлен на рассмотрение особенностей адаптивных и функциональных веб-страниц с интерактивными элементами. В течение курса вы освоите работу с HTML, CSS (включая препроцессор SASS с синтаксисом SCSS), а также основы верстки с помощью Flexbox и Grid.
На данном курсе вы научитесь создавать слайдеры, формы, модальные окна и другие динамические элементы, улучшающие взаимодействие пользователя с интерфейсом. Также программа охватывает принципы переиспользования стилей с помощью вспомогательных и общих классов для компонентов, работу с библиотеками JavaScript.
Особое внимание будет уделено настройке проекта с нуля, включая работу с системами контроля версий и публикацию готовых страниц на GitHub Pages. После завершения курса вы сможете создавать профессиональные одностраничные сайты, которые соответствуют требованиям коммерческих проектов.
Предварительные Требования
Курс рассчитан на начинающих, которые стремятся углубить свои знания в основах веб-разработки. Также курс будет полезен действующим разработчикам, которые хотят рассмотреть особенности построения именно лендинга. Он охватывает как теоретические, так и практические аспекты HTML, CSS (SASS) и JavaScript, поэтому станет полезным как для тех, кто уже знаком с базовыми принципами этих технологий, так и для тех, кто только начинает их изучать.
Вы научитесь
- Создавать адаптивную верстку с использованием HTML, CSS и JavaScript.
- Работать с препроцессором SASS, в частности с синтаксисом SCSS, использовать его преимущества.
- Использовать Flexbox и Grid для верстки сложных макетов.
- Создавать интерактивные элементы: слайдеры, формы и модальные окна.
- Анализировать макет, выделять повторяющиеся элементы и создавать стили с условием их переиспользования
- Работать с библиотеками JavaScript.
- Настраивать проект с нуля и работать с системами контроля версий (Git).
- Работать с сервисом GitHub и публиковать страницы на GitHub pages.
- 0 ч 45 м
- в записи
- 2 из 10
- украинский
Что входит в курс
Урок охватывает основы настройки среды для разработки. Сначала ознакомимся с процессом установки и настройки редактора кода, который является основным инструментом для написания кода. Далее вы настроите систему контроля версий с помощью Git, что позволит эффективно управлять изменениями в коде и работать над проектами в команде. Затем создадим аккаунт на GitHub - популярном сервисе для облачного хранения и совместной работы с кодом, что позволит хранить проекты и делиться ими с другими. Кроме того, ознакомимся с менеджером пакетов npm, который используется для управления библиотеками и зависимостями в JavaScript-проектах, и установки Node.js для корректной работы с npm и другими инструментами для разработки.
Урок охватывает популярные библиотеки и фреймворки CSS, такие как Bootstrap, Tailwind, Bulma, Foundation и другие, которые помогут быстро создавать адаптивные макеты с минимальными усилиями. Сначала выделим основные понятия и аспекты CSS, что является основой для работы с любыми фреймворками. Далее будет рассмотрено понятие библиотек и фреймворков CSS, их роль в упрощении разработки и предоставлении готовых решений для верстки. Подробно ознакомимся с фреймворком Bootstrap, который является одним из самых распространенных инструментов для создания адаптивных веб-страниц благодаря набору готовых компонентов и сетки.
