Здравствуйте! Вы находитесь на странице материала «Идеальная вёрстка». Если вы искали в поисковых системах Яндекс поиск или Google Search новость под названием Идеальная вёрстка или скачать бесплатно Идеальная вёрстка, то вы попали по адресу. Наш сайт предлагает вам ознакомиться с этим материалом бесплатно. Так же вы можете ознакомиться с похожими материалами из категории «Компьютерные видеоуроки»
Вместе с материалом Компьютерные видеоуроки «Идеальная вёрстка» также ищут:
Идеальная вёрстка для оценки в Chrome Lighthouse и Google PageSpeed Insights. На интенсиве изучаются приёмы вёрстки для достижения максимального результата в системах автоматической оценки страниц от Google.
Дмитрий Лаврик - Опыт работы в сфере разработки сайтов более 10 лет. Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а. Начиная с 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов. Если вы ещё не знакомы с Дмитрием, рекомендуем заглянуть на его youtube-канал, где вы найдете много полезных видео и сможете узнать стиль преподавания Дмитрия.
Интенсив предназначен для тех, кто: - Изучил HTML и CSS на более-менее нормальном уровне. - Не понимает, почему инструменты Google ругают его вёрстку. - Хочет освоить вёрстку, правильную с точки зрения Google.
Программа курса:
Обзор инструментов: - Знакомство с Lighthouse - Знакомство с Page Speed Insights - Выбор целевого уровня - Реальность получения 100 из 100 - Влияние показателей на SEO
Базовые требования гугла: - Быстрый ответ сервера - Адекватный размер DOM - Критические и обычные стили - Минимизация размеров статики - Отсутствие прыжков контента
Основные показатели: - First Contentful Paint - Largest Contentful Paint - First Input Delay - Cumulative Layout Shift
Ускоряющие теги link: - Preload и Prefetch - Preconnect - Асинхронный link stylesheet - Загрузка CSS из JS
Изображения: - Webp, picture и source - Img и srcset - Указание размеров в html - Вывод разных размеров - Ленивая загрузка изображений
Шрифты: - Современные форматы шрифтов - Link vs @import - Обязательный link preload - Свойство font-display - Подбор стандартного шрифта
Популярные проблемы UI: - Inputs & labels - Ссылки без текста - Фреймы без title - Недостаточный контраст цвета
Неизбежное зло: - Y.Метрика и G.Аналитика - Фреймы сторонних сайтов - Неиспользуемый javascript - Nginx, Apache и время кеша
Название: Идеальная вёрстка Год выхода: 2020 Автор: Дмитрий Лаврик Жанр: Видеокурс, вёрстка, разработка, вебмастеру, обучение Формат: MP4 Видео: AVC | 1920x1080 | ~532 Kbps Аудио: AAC | 126 kb/s | 44 KHz Язык: Русский Продолжительность: 08:16:24 Размер: 2.43 Gb