Верстка сайтов [Udemy] Познавая вёрстку: HTML, CSS и кое что ещё (2018)

  • Автор темы Moderator
  • Дата начала
Moderator

Moderator

Модератор
Регистрация
17.07.2019
Сообщения
70 746
Реакции
209 433
Онлайн
23дн 10ч 55м 22с
Автор: Udemy
Название: Познавая вёрстку: HTML, CSS и кое что ещё (2018)
скачать бесплатно [Udemy] Познавая вёрстку: HTML, CSS и кое что ещё (2018)

Чему вы научитесь

Как от дизайна или идеи прийти к верной структуре кода
Как правильную структуру наполнить верными тегами
Как верным тегам написать правильные стили
Как писать стили удобно и быстро
Как писать стили с учётом адаптивности и кроссбраузерности
Как организовать файлы проекта
Как все знания связать вместе и использовать в работе

Требования
Нет

Описание
Курс создан на основе нескольких десятков онлайн групп по обучению на тему веб вёрстки.
Финальный результат: ясное понимание и уверенность в вёрстке. Это фундамент, на котором может строиться дальнейший путь в области веб-разработки.
В 30-е годы прошлого столетия исследователь Альфред Коржибски сказал: ценно не само знание, ценно — структура знания.
Этот курс — попытка дать вам структуру знания html вёрстки. Не просто сказать о том, что куда писать, а объяснить, почему это писать именно сюда или сюда.
Этот курс — попытка разбить умение вёрстки на совокупность мелких навыков и дать вам возможность их изучить и оттренировать.
Этот курс — попытка дать вам шаг, который вы можете пройти. Пройти и двигаться дальше, не оборачиваясь.
Вам решать, на сколько у меня получилось

Для кого этот курс?
Кто решился начать познавать веб разработку
Кто не до конца понял, что такоё веб вёрстка

Что входит в курс?
18 часов видео

88 лекций - 17:54:47
– Введение - 51:34

О чём этот курс - 08:29
Советы по обучению - 07:41
Что такое страница сайта - 03:42
Что такое тег - 11:45
Анатомия тега - 05:37
Страница изнутри - 14:20

– Верстка бегло на примере очень простой страницы - 28:34
Списки - 09:20
Инструменты разработчика - 02:15
Особенности поведения некоторых тегов - 03:02
Как привязать стили к странице - 06:47
Как писать стили - 07:10

– Фундамент вёрстки - 01:48:59
Структура html страницы - 12:00
Разбиение страницы на блоки - 22:22
Разбиение блоков на элементы - 12:34
Группировка элементов - 10:26
Советы по решению заданий - 08:09
Задание 1 - 01:02
Задание 1 - решение - 12:12
От разбиения к верстке условным тегом - 11:01
Даём названия классам правильно - 19:13

– Применяем знания к тестовому проекту - 01:03:13
Несколько популярных тегов - 26:07
Меняем условный тег на нужный - 07:18
Выпадающие спики - 06:40
Таблицы - 10:04
Задание 2 - 01:54
Задание 2 - разбор - 03:58
Обзор пройденного - 07:12

– Основы стилей CSS - 03:00:34
Правильное подключение стилей - 06:23
Верстка макета для примера - 05:24
Что такое CSS селекторы - 16:18
Приоритет селекторов - 15:18
Шпаргалка по стилям в виде mindmap - 17:07
Отступы - 11:49
Блоковая модель box model - 28:04
Техника pixel perfect - 16:48
Шрифты - 14:55
Позиционирование элементов - 26:37
Задание 3 - 00:45
Задание 3 - разбор - 08:02
Обзор пройденного - 13:04

– Продвинутые техники - 47:00
Препроцессоры и что это такое - 11:07
Препроцессор scss и visual studio code - 12:53
Методология на примере RSCSS - 19:28
Понятие контекста - 03:32

– Создаем шапку тестового проекта - 01:44:21
Верстка шапки - 18:50
Подключение шрифтов - 11:34
Стили для шапки - способ 1 - 14:49
Нормализация - 03:05
Стили для шапки - способ 2, на флексбоксах - 23:08
Добавляем кнопки соц сетей - 06:06
Пытаемся сделать pixel perfect для шапки - 13:06
Цвета как переменные - 13:43

– Верстаем календари - 02:21:53
Ограничиваем максимальную ширину сайта - создаём контейнер - 15:05
Снова про выпадающие списки - 10:27
Аналог функций в SASS - 20:09
Приближаем календарь к pixel perfect - 16:39
Ещё раз про таблицы (ньюансы) - 16:52
Что такое псевдоклассы - 15:18
Иконочные шрифты - 26:35
Задание 4 - 06:26
Задание 4 - разбор - 14:22

– Адаптивность и кроссбраузерность - 01:01:30
Введение в адаптивность - 14:23
Выравнивание календарей - 14:10
SASS и миксины - 04:41
Префиксы для старых версий браузеров - 06:25
Media запросы - 16:01
Пару слов о bootstrap - 05:50

– Решаем популярные задачи - 03:34:55
Стиль кодирования - 04:23
Изображение в виде фона на всю ширину - 18:09
Элементы формы - 14:26
Методы отправки формы - 07:21
Снова формы: fieldset и radio - 12:05
Меняем стили для формы - 13:41
О свойстве box-sizing - 08:55
Варианты в методологии RSCSS - 07:03
Варианты задания размеров - 13:43
Анимация - 22:31
Структура папок проекта - 04:58
Ещё о кроссбраузерности - 19:39
Оптимизация - 11:42
Внезапно: баг в проекте - 16:45
Комментарии в коде - 05:46
Организация кода в разных файлах - 10:06
HTML5 - 23:42

– Нюансы, о которых надо знать - 01:12:14
Бойцы невидимого фронта: мета теги - 24:18
Ещё одни возможности для адаптивности: мета тег viewport - 15:16
Последний штрих: фавикон - 10:11
Бонус: навыки верстки - 22:29

 

Подробнее:
Скрытый контент для авторизованных пользователей.
Ссылки и информация для скачивания:

О нас

  • - Наш форум был создан с одной целью, помогать другим! На нашем форуме, Вы можете скачать самые свежие и популярные курсы, книги, тренинги и вебинары, схемы по заработку, различные мануалы и готовые кейсы, а так же слитые складчины с торрент ресурсов, по самым разным направлениям бесплатно!

    Слив курсов

    Ищете возможность расширить знания бесплатно, скачать курсы, вебинары и марафоны в видео формате, получить бесплатно практически любой инфопродукт? Посетите наш сайт, где вы можете выбрать интересующего вас автора и направление, а также скачать материалы для обучения на любой устройство в формате торрент.

    Слив онлайн курсов

    На нашем формуе вы легко сможете найти и скачать курсы по интересующей вас теме. Просто выберите автора или направление, загрузите материалы на свое устройство и начните обучение в удобное для вас время. Мы предлагаем возможность скачивания курсов бесплатно, а также доступ к премиум подписке.

    На нашем сайте вы найдёте курсы следующих тематик:
    • Курсы и лекции от известных школ и авторов;
    • Уроки по дизайну, графике, программированию и бизнесу
    • Тренинги по саморазвитию, психологии и эзотерике;
    • Материалы по отношениям, пикапу и соблазнению;
    • Нейросети и Маркетплейсы;
    • Онлайн-обучение по шитью, строительству, рукоделию и работе по дому;

    Слив Курсов Бесплатно

    К скачиванию доступны сотни материалов и складчин, со всех известных сайтов, таких как складчик или складчина. Все курсы доступны в одной подписке. Больше не нужно покупать курсы по одному!

    Онлайн курсы форум

    Обошли многие форумы и не нашли подходящий курс? Скачивайте любой из сотни тысяч курсов на нашем форуме. Инфопродукты и новые сливы курсов пополняются ежедневно! Если вы не нашли нужный курс на других форумах, у нас вы сможете скачать любой из сотен тысяч доступных инфопродуктов. Ежедневно мы пополняем базу новыми сливами курсов, чтобы вы всегда могли найти актуальные материалы для обучения.