верстка сайта транспортной компании
Добавь новую работу себе в портфолио
Практический курс по верстке сайта с нуля для начинающих. 12 часов практики HTML, CSS, jQuery
Программа курса
Основная верстка сайта
13 видео, 5 часов 37 минут
- 01. Введение
- 02. Начинаем проект. Шапка сайта
- 03. Первый блок (форма, текст)
- 04. Блок сервисов
- 05. Блок клиентов и отзывов
- 06. Блок преимуществ
- 07. Блок команды
- 08. Блок миссии
- 09. Блок новостей
- 10. Подвал сайта
- 11. Модальные окна
- 12. Страница новостей
- 13. Текстовые страницы
Адаптация сайта
6 видео, 2 часа 2 минуты
- 01. @media для шапки
- 02. @media для первого блока (форма, текст)
- 03. @media для сервисов, клиентов и отзывов
- 04. @media для преимуществ и команды
- 05. @media для миссии, новостей и подвала
- 06. @media для других страниц и модальных окон
Работа с jQuery
9 видео, 3 часа 49 минут
- 01. Фиксированная шапка после первого блока
- 02. Плавный скролл к блокам сайта
- 03. Создаем ScrollSpy
- 04. Оживляем модальные окна
- 05. Фоновый слайдер (два способа)
- 06. Слайдер с отзывами
- 07. Доработка слайдеров
- 08. Мобильное меню и анимированный "бургер"
- 09. Анимация блоков при скролле
Подготовка сайта к запуску
3 видео, 54 минуты
- 01. Исправление багов, favicon, manifest
- 02. Графика, оптимизация, валидность
- 03. Хостинг, PageSpeed, проверка с мобильного устройства
Мин.: Win 8.1, MacOS 10
Убедитесь в том, что Ваша система справится с работой нескольких программ одновременно
Adobe XD или Figma
Для работы с дизайном сайта и его верстки Вам понадобится любая из этих двух программ
Любой редактор кода
Будем писать много кода и для этого Вам нужен любой, удобный Вам, редактор кода
Знание основ HTML, CSS
Вы должны знать HTML теги, что такое CSS свойства, значения и как с ними работать
Желание изучить
js, jQuery
Будем создавать интерактивные элементы. Если вы еще не работали с js/jQuery - не пугайтесь, все будет хорошо
Немного свободного времени
Я рекомендую заниматься хотя бы 2 часа в день и пройти курс до конца, не прерывая обучение надолго
Что нужно для прохождения курса
Убедитесь в том, что у вас есть все требования для прохождения обучающего курса
Посмотрите короткую презентацию курса
Вы самостоятельно сверстаете сайт транспортной компании,
повторяя действия на экране
Дмитрий
Валак
Front-end разработчик. Практик верстки сайтов.
Созданием сайтов занимаюсь с 2012 года. Работал в нескольких ИТ компаниях и наработал более 10 000 часов в создании сайтов различной сложности.
Веду свой youtube-канал, где делюсь опытом совершенно бесплатно!
Провожу живые курсы в городе Рига при поддержке Латвийского Университета.
