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

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

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

Вёрстка сайта ч. 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…