Категории
- Frontend
  - Angular
  - HTML
  - CSS
  - JavaScript
  - Vue
  - jQuery
  - React
  - AngularJS
  - Backbone
  - TypeScript
  - Ember
  - Next.js
  - Elm
  - Svelte
  - Single SPA
  - Three.js
  - D3.js
  - RxJS
  - WebGL
  - barba.js
- Backend
  - PHP
  - Python
  - Ruby on Rails
  - Yii
  - Laravel
  - SQL
  - Ruby
  - Symfony
  - Java
  - Scala
  - Node.js
  - MongoDB
  - Golang (Google Go)
  - Slim
  - Silex
  - Firebase
  - C Sharp (C#)
  - Deno
  - Redis
  - Django
  - NestJS
  - Spring
  - Spring Boot
  - Spring Data
  - Spring Cloud
  - Spring Security
  - Spring Integration
  - Spring HATEOAS
  - Spring MVC
  - Elixir
  - Phoenix
- System programming
  - Rust
  - WebAssembly
  - C++
- Marketing
  - SEO
- Video and 3D
  - Blender
  - Cinema 4D
  - ZBrush
- Graphic
  - Figma
  - Sketch
  - Photoshop
  - After Effects
  - Illustrator
  - Adobe XD
  - Lightroom
  - CorelDRAW
- DevOps
  - AWS
  - Azure
  - Docker
  - Git
  - GitHub
  - Gitlab
  - Google Cloud
  - Grafana
  - Kubernetes
  - Jenkins
  - Terraform
  - Другое
- Tools
  - GraphQL
  - Flux
  - Webpack
  - Ansible
  - Gulp
  - Grunt
  - Visual Studio Code
  - VIM
  - OpenCV
  - Salt
  - SVN
  - Atom
  - Elasticsearch
  - Сборки, готовые решения
  - Electron
  - Chrome DevTools
  - Yarn
  - Babel
  - Grep
  - npm
  - Vite
  - Gatsby
  - PhpStorm
  - Webflow
  - Hibernate
  - Socket.io
  - Bash
- Разработка мобильных приложений
- Gamedev
  - Unreal Engine
  - Unity
- CMS
  - Wordpress
  - OpenCart
  - Drupal
  - Joomla
  - 1C-Bitrix
  - MODX
  - Magento
  - Shopify
- Blockchain
  - Криптовалюты
  - Decentralized Applications (dApps) (Web 3)
- Тестирование
  - Postman
  - Selenium
  - Appium
  - Protractor
  - WebdriverIO
  - Cypress
  - Playwright
- Другое
- Подготовка к собеседованию
- Обработка и анализ данных
- Информационная безопасность
  - Этический взлом / Тестирование на проникновение
- Английский язык
- Конференции
Источники
Все курсы
- Популярные
- Бесплатные (2999+ Курсов)
Разделы
Книги
- Бесплатные
- Популярные
Краудфандинг

Войти

Главная страница Категория html Идеальная вёрстка 2023

Идеальная вёрстка 2023

Name: Идеальная вёрстка 2023
Price: 13 USD
Rating: 3.9 (19 reviews)

Дмитрий Лаврик

Начать Сейчас

Продолжительность

11 ч 23 мин

Категория

HTML

Количество уроков

6 Видео

Дата добавления

29 окт. 2023 г., 18:46

Язык

Русский

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

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

Изучил HTML и CSS на более-менее нормальном уровне
Не понимает, почему инструменты Google ругают его вёрстку
Хочет освоить вёрстку, правильную с точки зрения Google

Темы интенсива

Обзор инструментов

Знакомство с Lighthouse
Знакомство с Page Speed Insights
Выбор целевого уровня
Реальность получения 100 из 100
Влияние показателей на SEO

Базовые требования гугла

Быстрый ответ сервера
Адекватный размер DOM
Критические и обычные стили
Минимизация размеров статики
Отсутствие прыжков контента

Основные показатели

First Contentful Paint
Largest Contentful Paint
First Input Delay
Cumulative Layout Shift

Анализ сайтов

Примеры хороших и кривых проектов
Комментарии по кейсам учеников
Выявление важнейших проблем
Последовательность исправления

Работа с критическим CSS

Ручное разделение стилей
Автоматизация разделения кода
Эксперименты с npm critical
Эффективная настройка critical

Ускоряющие теги 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
Недостаточный контраст цвета

Серверная сторона

Gzip сжатие
Время кеша статики
Минификация html-ответа
Https, http2

Оптимизация монстра

Пример сайта на Vue + Vuetify
Стартовые показатели в красной зоне
Выявление ключевых проблем
Вывод в зелёную зону

Неизбежное зло

Y.Метрика и G.Аналитика
Фреймы сторонних сайтов
Неиспользуемый javascript
Nginx, Apache и время кэша

Посмотреть больше

Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Идеальная вёрстка 2023, а также все другие курсы, прямо сейчас!

Премиум

Урок 1. 02:03:06

Урок 1
Урок 2. 02:16:46

Урок 2
Урок 3. 01:11:40

Урок 3-1
Урок 4. 01:07:17

Урок 3-2
Урок 5. 02:18:54

Урок 4
Урок 6. 02:25:49

Урок 5

Автор - Дмитрий Лаврик

Дмитрий Лаврик

Дмитрий Лаврик - ловкий фронтендер, который умело делает курсы для вас, пока вы ничего не можете выучить, потому что не знаете английского языка.

+220

Категории

Комментарии

lokzzzor

2 нояб. 2023 г., 09:00

Почему 3 диза?
lavruxa lokzzzor

10 янв. 2024 г., 17:23

потому что чел за 5 лет не купил микрофон нормальный
webschool2015

31 окт. 2023 г., 20:58

Так, ребята, плюсики если хорошо видный, слышный курс

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

Другие материалы в этой категории

Дмитрий Лаврик

14 апр. 2023 г., 19:09

HTML CSS

Современная вёрстка

Продвинутая программа по HTML и CSS. Изучаем безальтернативные темы Flexbox и Grid Layout, осваиваем прикладные инструменты, а затем разбираемся в битве различных подходов к организации кода.

19 ч 33 мин

Русский

Посмотреть

+39

Дмитрий Лаврик

24 июн. 2021 г., 12:33

HTML

Классическая вёрстка

Базовая программа по HTML и CSS. На курсе изучаются ключевые и нестареющие темы вёрстки, которые помогают новичкам создавать адекватную разметку.

19 ч 4 мин

Русский

Посмотреть

+27

Изображение курса Верстка сайта на CSS Grid

itvdn

21 мая 2021 г., 23:45

CSS

Верстка сайта на CSS Grid

CSS Grid - это удобный механизм для настройки расположения элементов на странице, использующий принцип сети или таблицы со строками и столбцами. Навыки использования CSS Grid важны для любого современного фронтенд разработчика.

6 ч 15 мин

Русский

Посмотреть

-3

Удален по просьбе правообладателя

Дмитрий Лаврик

18 нояб. 2020 г., 15:18

HTML CSS

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

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

8 ч 16 мин

Русский

Посмотреть

+70