itgid (Александр Лущенко)
Создатель канала WebDev c нуля. 10 лет работы в университете, 8 лет в веб-разработке. Стек - php, python, node, javascript, гавнокод.
Продолжительность
17 ч 21 мин
Категория
HTMLКоличество уроков
30 Видео
Дата добавления
2 июл. 2019 г., 17:33
Язык
Русский
Дата обновления
2 июл. 2019 г., 17:33
Данный курс состоит из двух частей. В первой части мы верстаем интернет-магазин состоящий из нескольких страниц.
Мы верстаем:
- главную страницу интернет магазина
- страницу каталога товара с фильтрами
- страницу единичного товара со слайдером
- корзину товара
- помимо этого делаем мобильный адаптивный дизайн
Макеты сайта представлены ниже:
Также мы верстаем одностраничный сайт о эвакуаторах
Помимо этого, вам доступны 14 видеоуроков по теории и практике HTML+CSS с практическими примерами.
Что изучаем?
- теги
- свойства CSS
- виды элементов: блочные, строчные
- позиционирование элементов: static, relative, absolute, fixed, flex
- мы изучаем HTML5 - семантическую верстку и все новые теги (более 20)
- мы верстаем одностраничный сайт на HTML5 по продаже пропеллеров, исправляем ошибки в HTML и проводим валидациюверстки
- мы выполняем практический перенос сайта с HTML4 на HTML5
- мы учим СЕТКИ - три урока посвящено сеткам
- псевдоэлементы и псевдоклассы
- работаем с формами
- подключаем слайдеры ( с настройкой)
- изучаем адаптивную верстку под мобильные устройства
Посмотреть больше
- Урок 1.00:43:40Основные теги HTML
- Урок 2.00:40:14CSS. Оформление текста
- Урок 3.00:17:37Блочные и строчные элементы
- Урок 4.00:29:18Позиционирование элементов
- Урок 5.00:21:14Float, плавающие элементы
- Урок 6.00:42:25Псевдоэлементы и псевдоклассы
- Урок 7.00:30:20HTML5 семантика
- Урок 8.00:39:50HTML5 практика
- Урок 9.00:26:17Миграция HTML4 to HTML5
- Урок 10.00:36:58Новые теги HTML5
- Урок 11.00:33:12Работа с формами
- Урок 12.00:38:29Добавление слайдеров
- Урок 13.00:18:29Адаптивные размеры сайта и шрифты
- Урок 14.00:25:50Адаптивная верстка
- Урок 15.00:44:22Верстаем блок товаров
- Урок 16.00:49:43Верстаем блок рекламы
- Урок 17.00:36:48Верстаем футер
- Урок 18.00:43:37Верстаем заголовок
- Урок 19.00:52:58Верстаем страницу каталога
- Урок 20.00:27:55Карта товара
- Урок 21.00:08:27Добавляем слайдер переключения фотографий товара
- Урок 22.01:15:02Сборка проекта (часть 1)
- Урок 23.00:31:14Сборка проекта (часть 2)
- Урок 24.00:46:20Сборка проекта (часть 3)
- Урок 25.00:24:55Сборка проекта (часть 4)
- Урок 26.00:20:42Сборка проекта (часть 5)
- Урок 27.00:52:27Сборка проекта (часть 6)
- Урок 28.00:38:14Бонус - Верстаем сайт эвакуаторов ч-1
- Урок 29.00:19:32Бонус - Верстаем сайт эвакуаторов ч-2
- Урок 30.00:25:01Бонус - Верстаем сайт эвакуаторов ч-3
Автор - itgid (Александр Лущенко)
Комментарии
siddiquihasham42You should add subtitles for courses not in English language
nataly0203Хороший курс, но не для новичков. Какие-то знания в этой области должны присутствовать.
oleschko.aПлюс комент
PacanRapacanНЕ РАБОТАЕТ!!!
CourseHunter Team PacanRapacanВсе работает
yuriikhaminichПереглянув відео. Враження дуже позитивні. Чітко і зрозуміло. Це не перше відео з основ HTML яке мені довелось побачити. Рекомендую!
22katet yuriikhaminichатвичаю нахуй
