#8 Верстка сайта для начинающих | Оптимизация, html валидатор, доработки

Верстаем макет сайта (лендинга) из Photoshop. В уроке повысим скорость сайта в Google page speed, исправим ошибки через html validator, сделаем доработки по функционалу

/* Материалы урока */
Код: https://github.com/DmitryBerdnikov/pizzatime/tree/master/lesson8
Макет: https://drive.google.com/file/d/1x2G6nxGaxhxItLxUqclqGEPFNf8y0eSS

/* Ссылки урока */
Timeweb: http://timeweb.com/ru/services/hosting?utm_source=cv43804&utm_medium=timeweb&utm_campaign=timeweb-bring-a-friend
Focus-visible: https://github.com/WICG/focus-visible
Google PageSpeed: https://developers.google.com/speed/pagespeed/insights/?hl=RU
TinyPNG: https://tinypng.com/
LazyLoad: https://github.com/verlok/lazyload
Webp Converter: https://image.online-convert.com/ru/convert-to-webp
Can I use: https://caniuse.com/
Webp js check: https://stackoverflow.com/questions/5573096/detecting-webp-support
Html validator: https://validator.w3.org/
Google fonts URL encode: https://stackoverflow.com/questions/22466913/google-fonts-url-break-html5-validation-on-w3-org
Png pixel: http://png-pixel.com/
Lambdatest: https://www.lambdatest.com
Meta теги: http://htmlbook.ru/content/metategi
Open graph: https://ruogp.me/
Realfavicongenerator: https://realfavicongenerator.net/

Меня зовут Дмитрий Бердников, и я веб-разработчик. На этом канале буду делиться знаниями по веб-разработке.

/* Добавляйся в друзья */
Мой ВК - https://vk.com/berdnikovdmitry

♫Music By♫
●Kronicle - Another Chill Day
●Soundcloud - https://soundcloud.com/the-chemist-10

#обучение #верстка

Видео #8 Верстка сайта для начинающих | Оптимизация, html валидатор, доработки канала Фронтендер