Разное




РазДЕЛЫ САЙТА

Боевики, детективы
Документалка
Драмы, триллеры
Исторические
Классическая эротика
Комедии
Мелодрамы
Мультяшки
Обучающее, познание
Приключения
Сказки, фэнтези
Старое, доброе
Ужасы
Фантастика
х х х х х х х х х
Блюз, джаз, соул
Инструментальная
Классическая
Клипы
Минусовки
Музыка игр и кино
Поп
Разная
Ретро
Рок, метал
Рэп, хип-хоп
Шансон
х х х х х х х х х
Автософт и навигация
Аудиокниги
Книги и журналы
Фото и видео, приколы



СЛучайные материалы

Музыка из фильма The Dry / OST The Dry
Музыка из фильма The Dry / OST The Dry

Farebi Jalebi  - Rhathymia  (2021)
Farebi Jalebi - Rhathymia (2021)

Анна Колесникова - Ораторское искусство (2020) PCRec
Анна Колесникова - Ораторское искусство (2020) PCRec

Музыка из сериала Идеальная планета / OST A Perfect Planet
Музыка из сериала Идеальная планета / OST A Perfect Planet

Антология - Джек-Потрошитель в 31 книге (2019)
Антология - Джек-Потрошитель в 31 книге (2019)


Главная » 2020 » Декабрь » 8 » Идеальная вёрстка (2020)

Идеальная вёрстка (2020)

20:41

Идеальная вёрстка для оценки в 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

Скачать Идеальная вёрстка (2020)


Скачать: Обучающее, познание | Теги: обучение, Вебмастеру, вёрстка, Разработка, видеокурс

Похожие материалы скачать бесплатно и без регистрации


К "Идеальная вёрстка (2020)" пока нет комментариев, но Вы можете стать первым, кто его оставит!

Всего мнений: 0
Ищу на сайте

Случайный анекдот
Врач-косметолог сделал пациентке древнегреческий профиль, разгладил морщины, удалил двойной подбородок, уменьшил рот.
- Что изволите еще?
- А можете сделать большие выразительные глаза?
- Конечно! Взгляните на счет.

Новое на сайте
Пока, к сожалению, ничего нет

Наша статистика

Присутствуют: 1
Неизвестных: 1
Знакомых: 0
Copyright by Anonimus © 2021