Онлайн курс Идеальная вёрстка сайта

Бесплатный видеокурс по вёрстке сайта. Научитесь создавать идеальную верстку полностью адаптивную с высокой скоростью загрузки. Онлайн курс верстка.

Онлайн курс Идеальная вёрстка сайта
3 мин
Автор PINTA IT

Онлайн курс Идеальная вёрстка сайта

Отличный Бесплатный видеокурс по вёрстке сайта как для начинающих верстальщиков так и для профессионалов верстки. Вы научитесь создавать идеальную верстку полностью адаптивную ко всем устройствам  с высокой скоростью загрузки. Пройдите данный онлайн курс верстка и улучшите свои навыки.

Онлайн курс Идеальная вёрстка сайта

На интенсиве изучаются приёмы вёрстки для достижения максимального результата в системах автоматической оценки страниц от Google.

Интенсив предназначен для тех, кто:

Изучил 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 и время кеша

Онлайн курс Идеальная вёрстка сайта


💥 Смотри курс на нашем закрытом telegram канале по ссылке https://t.me/+lTEFHLjC1kozYThi

Grid и Flexbox

Онлайн курс Продвинутая вёрстка

Смотреть курс
Видео курс онлайн Препроцессор Sass
Изучи лучший в мире Препроцессор Sass для верстальщика. Ты улучшишь свою производительность в сотни раз.
Видео онлайн курс Продвинутая вёрстка Grid и Flexbox
Бесплатный видео курс по продвинутой верстке Grid. Научись создавать сайты с Grid версткой. В данном курсе подробно описано как верстать Grid.
Бесплатные макеты 🦋 Figma для верстки сайта коллекция макетов
Коллекция макетов для верстки Figma 🔥 Выбери макеты Figma 🦋
Макет сайта сообщетсва ученых
Макеты сайтов для верстки - Отличный макет сайта сообщетсва ученых. Только лучшие макеты для верстки. Макет сайта Figma бесплатные макеты.
Сайт ресторана Figma
Макет Сайт ресторана Figma

Похожие публикации