Пятница, 27.12.2024, 03:01
Приветствую Вас Гость | RSS
Главная | Регистрация | Вход

Меню сайта
ГДЗ:
  • Наш опрос
    Каков ваш возраст?
    Всего ответов: 142
    Архив записей



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

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

    Категория: Разное | Просмотров: 139 | Добавил: rash0000 | Теги: Обучение, вёрстка, Вебмастеру, видеокурс, разработка | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Форма входа
    Гость


    Группа:
    Гости
    Время:03:01

    Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
    Календарь
    «  Декабрь 2020  »
    ПнВтСрЧтПтСбВс
     123456
    78910111213
    14151617181920
    21222324252627
    28293031
    Поиск
    Статистика


    Онлайн всего: 231
    Гостей: 231
    Пользователей: 0
    Радио

    Смена радио - кнопками влево и вправо
    Рекламный блок
    Реклама на сайте


    Главная | Форум | Софт | Онлайн ФМ | Онлайн ТВ | Онлайн Фильмы | RSS | Реклама на сайте |
    Copyright © 2009-2024 | all-Good.at.ua – Софт, Музыка, Фильмы.. -
    Контакты: ICQ 404-994-173, Обратная связь