PHP: Вёрстка сайта ч. 1 - анализ, вёрстка десктопа, рефакторинг, оптимизация, доступность - видео HD

PHP: Вёрстка сайта ч. 1 - анализ, вёрстка десктопа, рефакторинг, оптимизация, доступность - видео
06:12:02
Обнаружено блокирование рекламы на сайте

Для существования нашего сайта необходим показ рекламы. Просим отнестись с пониманием и добавить сайт в список исключений вашей программы для блокировки рекламы (AdBlock и другие).

12n.ru 19130 роликов

Вёрстка сайта ч. 1 - анализ, вёрстка десктопа, рефакторинг, оптимизация, доступность - видео.

В рамках этого видео: анализ макета, вёрстка десктоп версии сайта, рефакторинг, оптимизация, работа над доступностью. Здесь есть много Flexbox, Grid CSS, оптимизация цветов, Lighthouse и W3C анализ, и многое другое... 

Таймлайн:
00:00 Анализ макета
06:21 Формирование общей структуры
28:55 Шапка / Header
1:00:31 Подвал / Footer
1:04:02 Блок 1. Hero image
1:41:27 Блок 2. Customers
1:46:48 Блок 3. Plan and manage
2:05:42 Блок 4. Features
2:33:04 Блок 5. Statistics
2:45:44 Блок 6. Blog
3:31:36 Блок 7. Quotes
3:48:47 Блок 8. FAQ
4:12:15 Блок 9. Get started
4:26:46 Блок 10. Newsletter
4:39:32 Рефакторинг, оптимизация, танцы с бубном
5:38:11 Улучшение доступности / Accessibility

Стоит изучить перед просмотром:Дополнения и горячие клавиши VS Code —

Grid CSS —
Flexbox —
Макет:https://www.figma.com/file/8T4byFDAV5REmnVyQlsFO1/... =======================================

 Записаться на консультацию:https://prosto-razrabotka.ru/

Стать спонсором канала:https://www.youtube.com/channel/UCn-P_F0tfY21cfnky... ======================================= 

TelegramКанал — https://t.me/prostorazrabotka Чат — https://t.me/prostorazrabotkachat ======================================= 

Подписывайтесь в соц. сетях:Facebook — https://www.facebook.com/vitaliy.kirenkov ВКонтакте — https://vk.com/vitaliy.kirenkov LinkedIn — https://www.linkedin.com/in/kirenkov Twitter — https://twitter.com/VitaliyKirenkov Instagram — https://www.instagram.com/vitaliy.kirenkov =======================================Мой второй канал:https://www.youtube.com/channel/UC-QLh1F3Rzp6HY-FW... ======================================= 

Привет, меня зовут Виталий Киренков, и я занимаюсь веб-разработкой с 2007 года. За это время я сверстал более 200 сайтов (как минимум, половина из них с JavaScript), разработал с коллегами 2 интернет-банка на React + Redux + Typescript. И на этом канале я делюсь своим опытом в части вёрстки, javascript, и делаю всякие полезные видео для новичков и не только.Больше информации обо мне: http://kirenkov.me/

RSS
Просто: разработка
12:47
+4
Не забудьте заглянуть сюда:
❓ Запись на консультацию —
✨ Telegram канал —
Владимир Зотов
18:53
Спасибо за ваш труд. Сразу лайк.!
Alisa Reys
20:22
Очень полезно и интересно. А когда будет продолжение?
Faizulla
21:28
Привет, а как на вторую часть попасть?
Дмитрий Иванов
11:07
Круть
Человек с Топором
12:21
+1
Очень качественный, понятный и усваиваемый контент. Благодарю за ваш труд. Как будет время засяду.
Aleksandr Silkin
09:18
Просто большое спасибо, что делитесь с нам опытом!
Игорь Дроздов
09:32
+1
очень много рекламы, ну просто капец сколько, смотреть не возможно.
Nikolas Voland
09:40
Спасибо большое за такую большую проделанную работу. Занимаюсь фронтом уже больше пяти лет и всегда интересно посмотреть решение типовых задач с ракурса другого разработчика.
Вадим Холодов
13:17
На одном макете в Фигме сейчас 13 человек. Жах. Необходимо всегда делать Duplicate to your draft…

Новости

ITKey получила сертификат ФСТЭК на облачную платформу KeyStack RedLab приняла участие в реализации проекта по обеспечению стабильного и прозрачного обмена данными между 1С и интернет-магазином ​В Рег.облаке появилась защищенная операционная система РЕД ОС для регламентированных ИТ-сред Вебинар: Чего требовать от DLP в 2026-м: взгляд от практика и аналитика Международный FMCG-холдинг в России развивает интегрированное планирование на базе Optimacros

ITKey получила сертификат ФСТЭК на облачную платформу KeyStack


11 часов назад
ITKey получила сертификат ФСТЭК на облачную платформу KeyStack
ITKey получила сертификат ФСТЭК на облачную платформу KeyStack
RedLab приняла участие в реализации проекта по обеспечению стабильного и прозрачного обмена данными между 1С и интернет-магазином
RedLab приняла участие в реализации проекта по обеспечению стабильного и прозрачного обмена данными между 1С и интернет-магазином
​В Рег.облаке появилась защищенная операционная система РЕД ОС для регламентированных ИТ-сред
​В Рег.облаке появилась защищенная операционная система РЕД ОС для регламентированных ИТ-сред
Вебинар: Чего требовать от DLP в 2026-м: взгляд от практика и аналитика
Вебинар: Чего требовать от DLP в 2026-м: взгляд от практика и аналитика
Международный FMCG-холдинг в России развивает интегрированное планирование на базе Optimacros
Международный FMCG-холдинг в России развивает интегрированное планирование на базе Optimacros