Тёмный

🔥 Верстка сайта с нуля для начинающих | Pug, SCSS, VS Code, Figma 

Анна Блок
Подписаться 102 тыс.
Просмотров 43 тыс.
50% 1

✅ CloudLite - cloudlite.ru/vps/
Промокод ANNBLOK дает скидку 50% на месяц аренды любого тарифа VDS или VDC (кроме тарифа VDS Linux Light).
⚡️ Макет можно получить через донат:
1) по подписке (доступ ко всем макетам) boosty.to/annblok
2) по подписке (доступ ко всем макетам) donut/tpverstak
3) разовая оплата через крипту с получением одного макета new.donatepay.ru/@annblok (в комментариях напишите email)
✌️ Материалы:
Pug - pugjs.org/api/getting-started...
CSS Gradient - cssgradient.io/
👇 Плагины для установки VS Code:
- Live Server
- Live Sass Compiler
- pug
- Path Intellisense
Расширение для браузера PerfectPixel для наложения макета.
⚡️ Таймкоды:
00:00:00 Вступление
00:00:46 Реклама CloudLite
00:03:14 Промокод в подарок
00:03:30 №1 Подготовка проекта
00:14:45 №2 Верстка шапки сайта
00:39:21 №3 Верстка баннера
01:14:21 №4 Верстка контента
02:07:02 №5 Верстка подвала сайта
02:13:16 №6 Адаптив сайта
🔵 Дзен - zen.yandex.ru/annblok
🔵 ВК - tpverstak
🔵 Telegram - t.me/tpverstak
🔵 Чат Telegram - t.me/tpverstakchat
🔵 Instagram - / annblok
🔵 TikTok - / annblok_webdev
🔴 Задать вопрос - frontendhelp.me/ru
🔴 Обучение - frontendblok.com/

Опубликовано:

 

25 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 138   
@annblok_webdev
@annblok_webdev 3 года назад
🔥 Конкурс в рамках видео: Cкидывайте ваши варианты сверстанного адаптива этого макета ссылкой на Github или Gitlab (архивы не принимаю) на почту info@tpverstak.ru с темой письма АДАПТИВ САЙТА. Работы принимаются до 18 апреля включительно. После 18 апреля мы подведем итог. Я выберу несколько работ и далее мы вместе определимся с победителем, если выбрать будет сложно среди нескольких вариантов. Если работ будет мало за это время, сделанные тяп-ляп, то конкурс аннулируется. Цель конкурса показать альтернативное видение сверстанного сайта. 🤗 Победитель получит: - Отправленные 5000 рублей на карту - Добавлю вашу ссылку с работой адаптива сюда, в описание к видео.
@vladyslavyermolayev8186
@vladyslavyermolayev8186 3 года назад
А обязательно использовать PUG и такую же структуру?
@annblok_webdev
@annblok_webdev 3 года назад
Vladyslav Yermolayev да, pug нужен
@Anodoree
@Anodoree 3 года назад
Успел) Надеюсь, набрался народ на конкурс)
@annblok_webdev
@annblok_webdev 3 года назад
Ещё сегодня день включительно идёт для приема заявок 👍🏻
@annblok_webdev
@annblok_webdev 3 года назад
Победитель определён github.com/Unleashed97/justice-league 🥳🥳🥳
@dmitriy3590
@dmitriy3590 3 года назад
Спасибо большое за практику! Очень полезное видео!
@user-ml3zo9sd6b
@user-ml3zo9sd6b 2 года назад
Спасибо за видива, полностью по книгам выучил вёрстку, но практика это совсем другое
@perseveranse
@perseveranse 3 года назад
Еее, контент полезныйй
@zubrdens
@zubrdens 2 года назад
Всё классно, всё понятно, только из макета на всю информацию можно взять, в частности тени при наведении курсора на постеры (1:26:40)
@user-gt5zh8pt4o
@user-gt5zh8pt4o 3 года назад
🔥 Пошёл верстать и делать адаптив 😉
@hackthenetwork1291
@hackthenetwork1291 7 месяцев назад
Хочу сделать некоторую ремарку по поводу rem. Вы их используете потому что это стильно модно молодежно, а не по основной причине. Главная задача rem - менять размер шрифта в зависимости от предустановленного пользователем размера шрифта в браузуре. Однако, вы вручную задаете корневому элементу font-size: 10px, что перечеркивает основное назначение rem. Вывод: не назначайте font-size корневому элементу html, когда используете rem, иначе в результате выходят те же самые px
@ganjackal
@ganjackal 3 года назад
Спс посмотрю позже
@pitergarin7034
@pitergarin7034 3 года назад
Не знаю как у всех, но у меня шрифт встал нормально. Прописал font-family: 'Marcellus', serif; получился такой же как на макете. Верстаю в css. P.S. Нашел причину шрифта-надо прописывать width: 532px; и height: 161px; блока .baner_title.
@Kolxozzznik
@Kolxozzznik 3 года назад
Border градиентом: border: 2px solid; border-image: 1 linear-gradient(151deg, rgba(50, 108, 255, 1) 0%, rgba(38, 255, 242, 1) 100%);
@eliabloneva9030
@eliabloneva9030 2 года назад
в таком случае не работает border-radius
@Kolxozzznik
@Kolxozzznik 2 года назад
​@@eliabloneva9030 Да спасибо, что ответили, сам пользуюсь этим способом dev*ТОЧКА*to/afif/border-with-gradient-and-radius-387f *ТОЧКА* замените на символ точки
@user-jz5cd5uu8w
@user-jz5cd5uu8w 3 года назад
Добрый день! Спасибо, Анна! Полезное видео. Освоила работу с pug и scss. Успехов Вам во всех проектах!
@annblok_webdev
@annblok_webdev 3 года назад
Спасибо 🤗
@mody-pq8kd
@mody-pq8kd 2 года назад
Кто-то скажет зачем здесь pug и scss? Автору советовал бы посмотреть самому видео для начинающих. Без обид, но люди смотрят на ваши решения задач и в дальнейшем несут это в проекты. Вы используете псевдоэлементы и кучу классов, хотя у вас есть псевдоклассы, которые решили бы Ваши задачи в одну строку. Пример с блоком в банере, где рейтинг, длительность и тд. Для разделения элементов внутри флекс-контейнера есть свойство gap. Для последнего элемента есть :last-child. Последний элемент дополнительно оборачиваем в div и иконку вставляем картинкой. Все. Не нужно на каждый элемент классы вешать и использовать before и after там где это не нужно. Pug и scss - это не другой синтаксис. Это компонентный подход прежде всего. Когда мы выделяем отдельные переиспользуемые блоки, выносим их в миксины и переиспользуем. А не используем только вложеность и переменные. Рамка с градиентом - есть свойство border-image.
@detro1821
@detro1821 3 года назад
оп контентик
@tukituki2119
@tukituki2119 2 года назад
Незаслуженно малое количество просмотров. В своё время видео очень помогло мне со стартом. Кратко, понятно, быстро и объёмно. Спасибо большое за такую работу
@Asver_
@Asver_ 3 года назад
Анна, спасибо за ваше видео!!! Очень полезная информация и всё ясно объясняете.
@annblok_webdev
@annblok_webdev 3 года назад
Рада, что видео оказалось полезным 🤗
@fomalhaut16
@fomalhaut16 3 года назад
Новая работа для портфолио :)
@SergiyPolar
@SergiyPolar 3 года назад
Плохая идея, даже если процентов 5 из просмотреаших решат добавить в портфолио - то одинаковых работ будет море, а это уже не есть хорошо. И абсолютно точно обязательно указывать что это учебный проект
@fomalhaut16
@fomalhaut16 3 года назад
@@SergiyPolar Так я от себя еще добавлю что-то. Адаптив + js + еще что-то
@SergiyPolar
@SergiyPolar 3 года назад
@@fomalhaut16 макет от этого не изменится 🤣
@user-vp9lg6je3h
@user-vp9lg6je3h 2 года назад
Здравствуйте Анна! У меня почему-то логотип с расширением .svg не отображается. А вот если меняю его на расширение .png, то всё отлично. Подскажите почему так? Заранее спасибо за ответ!
@sprutgym2001
@sprutgym2001 2 года назад
объясните пожалуйста новичку. Зачем в блок genres для icon(position:relative), а для image(position:absolute) иконки не будут стоять по центру благодаря паддингам ?
@sardorsultanov3409
@sardorsultanov3409 3 года назад
я уже сверстал этот макет
@Anodoree
@Anodoree 3 года назад
Проблему со шрифтами получилось решить только скачиванием их во всех форматах и прямым встраиванием. Основной шрифт у меня местами тоже не поддерживался. UPD: к сожалению. конвертация шрифтов, прошла не идеально - заметил в некоторых размерах отличие букв по высоте примерно на пиксель. Не страшно, но перфекционист во мне не даёт покоя...
@hackerman5344
@hackerman5344 3 года назад
На какой микрофон записываете звук? Звучит очень качественно и приятно
@annblok_webdev
@annblok_webdev 3 года назад
Петличка Boya M-1 и USB-микрофон Samson C01U
@maxnocoments1745
@maxnocoments1745 3 года назад
А меня звук просто убил, буквы с и з свистят что аж уши режет, ну это наверное решаемо програмно
@alexlisouski4069
@alexlisouski4069 2 года назад
на сайте pug не нашел комманду pug -Р -w подскажите где почитать. в этих ваших интернетах не нашел
@theworldy
@theworldy 3 года назад
за Снайдера респект)
@annblok_webdev
@annblok_webdev 3 года назад
🤟😊
@klirmio21
@klirmio21 Год назад
Скажите пожалуйста, как вы подключили одновременно и SASS и Pug? Буду очень благодарен!
@user-jv4px9cu3e
@user-jv4px9cu3e 3 года назад
Кажется я влюбился в твои глаза🙂
@tatmail8777
@tatmail8777 2 года назад
Подскажите новичку пожалуйста, сверстал сайт почти до конца и почему то он слетает, причем вся верстка сайта (где картинки перестают показывать, где то элементы располагаются сами по себе). в css /sass файле и вовсе текст сам автоматически прописывается (каракули). Подскажите что это может быть и как это исправить?
@ermakamre
@ermakamre 3 года назад
Спасибо за видео, было интересно! А почему отступы в разных pug файлах по-разному отображаются (то 2, то 4)?
@rln7385
@rln7385 2 года назад
Сама не знает)
@user-fh7uq3jy5o
@user-fh7uq3jy5o 3 года назад
Отличное видео, спасибо! Подскажи пожалуйста, как называется расширение, которое в окошке показывает картинку?
@annblok_webdev
@annblok_webdev 3 года назад
PerfectPixel
@user-fh7uq3jy5o
@user-fh7uq3jy5o 3 года назад
@@annblok_webdev не, которое в VS Code при наведение на src с картинкой показывает эту картинку
@annblok_webdev
@annblok_webdev 3 года назад
@@user-fh7uq3jy5o Плагин Image preview
@user-fh7uq3jy5o
@user-fh7uq3jy5o 3 года назад
@@annblok_webdev спасибо)
@user-go3fi8lp3k
@user-go3fi8lp3k 3 года назад
Анна, добрый день! А что значит "цель конкурса - показать альтернативное видение макета" ? И при оценке наших работ, на что вы будете обращать внимание - на код и реализацию или на саму визуальную часть?
@annblok_webdev
@annblok_webdev 3 года назад
Добрый день. На всё в совокупности.
@vitka0
@vitka0 3 года назад
Анна, скажите ,пожалуйста, в какой программе работали с макетом? Спасибо
@annblok_webdev
@annblok_webdev 3 года назад
Figma
@alizhonkhosabekov9641
@alizhonkhosabekov9641 3 года назад
Здравствуйте Анна, хотел уточнить вапрос, а адптив под какие разрешение нужно сделать? Можно ли под 1020px, 640px, 320px?
@annblok_webdev
@annblok_webdev 3 года назад
Можно подглядеть за системой адаптива Bootstrap
@oleg_gusei
@oleg_gusei 3 года назад
Момент по шрифту на 48:30 Я не проверял, но вроде у h1 по умолчанию font-weight: 700 И если переопределить в стилях ручками то наверное все норм будет
@valerymikhailov3542
@valerymikhailov3542 2 года назад
Да вы правы, font-weight: 400
@jahongir11ganijanov12
@jahongir11ganijanov12 Год назад
Здраствуйте можете мне помочь у меня после этого " cd src pug index.pug" не выходит html и в терминале написано с красным
@paveltwist9127
@paveltwist9127 2 года назад
У меня вылетает ошибка, когда ставлю тени для кнопки __btn-main 1:11:18 . SASS не компилирует в CSS box-shadow и жалуется на rgba (текст ошибки - argument `$color` of `rgba($color, $alpha)`) Хотя вроде все как у вас прописано.
@user-wl2xp8yo6x
@user-wl2xp8yo6x 3 года назад
4 пробела это жесть
@user-wb7pe9ir7p
@user-wb7pe9ir7p 2 года назад
Говорю как новичок. Я прозрел!
@romanryaboshtan9270
@romanryaboshtan9270 3 года назад
Самый лучший канал по вёрстке
@annblok_webdev
@annblok_webdev 3 года назад
☺️☺️☺️
@stanislav_tihanov
@stanislav_tihanov 4 месяца назад
не самый!
@evgpreo
@evgpreo 3 года назад
Видео не для начинающих, а для продвинутых начинающих
@fomalhaut16
@fomalhaut16 3 года назад
да нет. Все понятно там вроде. Местами можно запутить только
@Anodoree
@Anodoree 3 года назад
Вопрос: зачем padding каждой стороны отдельно прописывать, тем более когда они одинаковые? 39:18 Когда только у одной стороны это требуется - понятно. Когда у двух - тоже ладно. Есть в этом какой-то особый смысл?
@RostikChannel
@RostikChannel 3 года назад
И все начали как можно быстрее адаптировать сайт, чтобы заработать деньги)) Эх, если бы я умел, но надеюсь в будущем все получится
@annblok_webdev
@annblok_webdev 3 года назад
Попробовать, как минимум, для себя, для практики - полезно 👍🏻
@RostikChannel
@RostikChannel 3 года назад
@@annblok_webdev Согласен 🌿
@sergey_zatsepin
@sergey_zatsepin 3 года назад
Спасибо за видос и конкурс! Попробую успеть сделать адаптив. Но Ань, с чего ты считаешь разработку с пагом удобнее и быстрее - это хз. Тогда, кстати, странно, что не юзаешь sass вместо scss. Ну а по видосу - ты чё то прям спешила и суетилась в конце, тебя чё, кто-то подгонял? Это конеш странно выглядело. Ты вроде в Сочи живёшь? У тебя так то каждый день праздник по идее должен быть, а ты суетишься, как будто живёшь в Москве. Короче, странно, что пребываешь не в дзене, так сказать.
@user-qf8pw6zs4h
@user-qf8pw6zs4h 2 года назад
На 8:15 выдает ошибку, можете подсказать, пожалуйста...
@demiurgen13
@demiurgen13 3 года назад
Спасибо за урок! Большая просьба обратить внимание на правильное произношение английский слов. От "нотайса" кровь из ушей идет каждый раз, как слышишь
@user-ch1ly4zm2l
@user-ch1ly4zm2l 2 года назад
у вас не осталась ссылка на макет в фигме?
@king_designn
@king_designn 3 года назад
В Figma можно сразу выбрать элемент зажав cmd и один раз кликнуть И не кликать по элементу несколько раз
@annblok_webdev
@annblok_webdev 3 года назад
Спасибо за уточнение
@user-om5xo4du2u
@user-om5xo4du2u Год назад
А почему не верстается в webflow?
@user-nn9qy1yh3s
@user-nn9qy1yh3s Год назад
установил Live Sass Compiler а в нижней панели нет значка об отслеживании
@lba1092
@lba1092 3 года назад
добавить бы еще бэм и вебпак
@asaoppenheimer6944
@asaoppenheimer6944 3 года назад
Подскажите, что выбрать новичку, Vue, Jquery, Angular или React? Я только с этим всем разбираюсь.
@annblok_webdev
@annblok_webdev 3 года назад
jQuery, как правило, выбирают на старте для верстки сайта, но его уже всё реже и реже используют. По поводу остального - рекомендую посмотреть этот ролик ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-o7Rwrx1uSv4.html
@lolo_o9520
@lolo_o9520 3 года назад
Разве не легче всё это прописывать в html и css ?
@ZaurmagRu
@ZaurmagRu 3 года назад
18:45 классы в pug добавляются до атрибутов.
@annblok_webdev
@annblok_webdev 3 года назад
Это не принципиально. Можете проверить HTML разметку в валидаторе: он на это ругаться не будет.
@ZaurmagRu
@ZaurmagRu 3 года назад
@@annblok_webdev Да, но в документации именно так говориться. Я до атрибутов указываю, уже привык...
@olgareschetilo3253
@olgareschetilo3253 3 года назад
14:24 Не получается подключить стили 😥
@MrPonochka
@MrPonochka 3 года назад
Хоть видео и для новичков, но поиск и рядом стоящие элементы надо же добивать до нужного состояния, раз уж вязли их в макет. А то потом выдут на фриланс с этими знаниями. Лан, я ж по вашим видео верстать когда то учился) начал тут выёживаться)
@user-ii9xn9cf4c
@user-ii9xn9cf4c 3 года назад
спасибо за туториал) познакомилась с pug :) кстати, если подключить через link шрифт, а не @import, то отображается корректно, не знаю с чем это связано
@SergiyPolar
@SergiyPolar 3 года назад
А лучше вообще избегать лишних исходящих запросов и все шрифты подключать локально ;-)
@user-wl2xp8yo6x
@user-wl2xp8yo6x 3 года назад
@@SergiyPolar а как же cdn?)
@SergiyPolar
@SergiyPolar 3 года назад
@@user-wl2xp8yo6x а чем ссылка внешний запрос на любой рессурс отличается от ссылки на cdn? ВСЕ шрифты, скрипты и изображения ОБЯЗАНЫ быть подключины локально
@SergiyPolar
@SergiyPolar 3 года назад
@@user-wl2xp8yo6x Ровно как и все иконки обязаны быть изображениями, а не иконочными шрифтами 😉
@user-wl2xp8yo6x
@user-wl2xp8yo6x 3 года назад
@@SergiyPolar при открытии веб-страницы шрифты будут прогружаться самого ближайшего cdn сервера от клиента
@user-bk6yp6ri7q
@user-bk6yp6ri7q 2 года назад
Анна, привет. По началу всë вроде впорядке, но не хочется смотреть до конца, т.к. нет общей структуры проекта и нет нормальной автоматизации в проекте - допустим в папке src то что мы шпилим, а в папку dist поидее надо было бы уже компилировать пакет для деплоя.
@user-vh9bu3bf1y
@user-vh9bu3bf1y 3 года назад
Видео познавательное, но пожалуйста, Анна, делайте паузу когда вставляете код и переходите к макету, сложно ловить паузы в переходах менее секунды)
@SergiyPolar
@SergiyPolar 3 года назад
Я так понимаю, что поиск, оповещалка и профиль у нас кнопками потому, что мы предполагаем, что по нажатию по ним у нас будут какие-то всплывающие элементы отображаться? Не, ну мне то понятно, но пояснения все же важны в таких моментах, мы же учимся 🤭
@annblok_webdev
@annblok_webdev 3 года назад
Да, будут, но тут в макете этого не было заложено, поэтому прошли быстро этот момент.
@SergiyPolar
@SergiyPolar 3 года назад
@@annblok_webdev слишком по-хейтерски получилось у меня? Извини, я правда не хотел расстраивать
@annblok_webdev
@annblok_webdev 3 года назад
Не заметила ничего хейтерского 😅
@ilkhamsaidalimov9449
@ilkhamsaidalimov9449 3 года назад
pug это тот же gulp или нет?
@annblok_webdev
@annblok_webdev 3 года назад
Я же в начале видео объясняю, что это)
@callmeromashka
@callmeromashka 3 года назад
Незнаю как у кого но у меня складывается такое ощущение что микрофон немного шипит, хрепит, я думаю нужен Поп-фильтр если его нет. а если он есть то надо поработать с эффектами. Парится с настройкой или нет, путь выбирают лайки ↓ : Upd: Петличка? тогда понятно почему шипение присутствует (
@daniilnexus
@daniilnexus 3 года назад
Микрофон фонит, нужна регулировка.
@armankaliakyn1296
@armankaliakyn1296 3 года назад
Как называется программа которая можно одновременно посмотреть верстку и figma design?
@annblok_webdev
@annblok_webdev 3 года назад
Avocode или Zeplin
@ZaurmagRu
@ZaurmagRu 3 года назад
Не совсем понятный вопрос. Что значит одновременно посмотреть верстку и figma дизайн?
@butterflyDRK-te3pr
@butterflyDRK-te3pr 3 года назад
30:30 Pixel Perfect
@sergeyvc7385
@sergeyvc7385 3 года назад
привет, есть плагин Font Fascia показывает сразу все шрифты
@annblok_webdev
@annblok_webdev 3 года назад
Привет, спасибо за уточнение
@sergey_zatsepin
@sergey_zatsepin 3 года назад
Кстати, не оч понятно, зачем картинки абсолютно позиционируешь относительно родителей-ссылок, когда всё и так нормально там встаёт.
@user-mh8fu2lu6z
@user-mh8fu2lu6z 2 года назад
Live Sass Compiller - plagin
@chowdur446
@chowdur446 2 года назад
Анна вы знаете Джанго
@user-mb8yp3um7n
@user-mb8yp3um7n 3 года назад
здравствуйте, следовал по видео шаг за шагом, возникла проблема с установкой pug. не компилируется в html код пишет ошибку
@annblok_webdev
@annblok_webdev 3 года назад
Возможно, проблема в самом файле pug, где-то допустили ошибку
@user-mb8yp3um7n
@user-mb8yp3um7n 3 года назад
@@annblok_webdev как оказалось нет, все настроил спасибо
@user-tv6gg9tu4b
@user-tv6gg9tu4b 3 года назад
Есть ли возможность скачать макет, очень сильно мешает, когда десять человек курсорами водят по макету?
@annblok_webdev
@annblok_webdev 3 года назад
Перед началом - сделайте дубликат макета на свой аккаунт. Это нужно сделать, чтобы была возможность управлять слоями.
@user-tv6gg9tu4b
@user-tv6gg9tu4b 3 года назад
@@annblok_webdev Благодарю!
@user-ch1ly4zm2l
@user-ch1ly4zm2l 2 года назад
у вас не осталась ссылка на макет в фигме?
@natalianatalia3357
@natalianatalia3357 2 года назад
А всегда при создании нового проекта надо в терминале писать эти две команды? npm install pug npm install pug-cli -g
@SvetlanaAleshina
@SvetlanaAleshina Год назад
поскольку у вас установлен флаг -g (global) то модуль будет доступен на вашей ноде с любого проекта
@SergiyPolar
@SergiyPolar 3 года назад
Анна, я ещё раз пересмотрел видео, возможно стоило подключить стили следующим образом: link(rel="stylesheet", href="styles/style.css") Мне кажется так было бы правильнее =)) P.S. мне можно участвовать в конкурсе?
@annblok_webdev
@annblok_webdev 3 года назад
Да, как один из вариантов 👍 Участвовать можно всем
@dennyluckes4783
@dennyluckes4783 3 года назад
Анна, спасибо за PUG. Правда он очень часто ругается на пробелы или табы, наверное из-за этого его редко используют др. верстальщики
@user-ch1ly4zm2l
@user-ch1ly4zm2l 2 года назад
у вас не осталась ссылка на макет в фигме?
@dennyluckes4783
@dennyluckes4783 2 года назад
@@user-ch1ly4zm2l должно быть
@aleks_kino
@aleks_kino 3 года назад
40.11 пару секунд быстрая перемотка звука идет
@annblok_webdev
@annblok_webdev 3 года назад
😂
@turtrueweb
@turtrueweb 3 года назад
+
@arsenmanasuev4934
@arsenmanasuev4934 3 года назад
не в обиду но на паге так не пишут
@react1964
@react1964 2 года назад
все неплохо, но слишком спешит и делает много ЛИШНИХ действий, плохой пример для обучающих людей
@yuriyshell9208
@yuriyshell9208 3 года назад
У Вас два лишних слова в названии видео: "для начинающих".
@annblok_webdev
@annblok_webdev 3 года назад
Не лишние. Pug как раз для тех, кто начинает с ним знакомиться. Если вас интересует только HTML/CSS, то верстка с ними тоже есть на канале.
@MrMetalforce
@MrMetalforce 2 года назад
Вот не пойму зачем многие блогеры делают видео по вёрстке на разных плагинах которые не нужны никому вне домашнего использования? Вот ещё видел на material Ui.. Тоже дно какое-то. Ни одна нормальная фирма не будет говорить о вёрстке на таких какаках. Нужны уверенные знания css, sass, gulp. Кто хочет для работы это изучить, то такие видео только добавят в голове мусора
@react1964
@react1964 2 года назад
я верстаю на pug и scss и все ок, и пишу в 3 раза быстрее код, чел если ты не знаешь , тогда не говори, что все этого не знают и что это не удобно
@MrMetalforce
@MrMetalforce 2 года назад
@@react1964 это ты делаешь явно не на работе и быстрее это не будет... Знаю я лучше тебя я так думаю
Далее
МАЛОЙ И РЕЧКА
00:36
Просмотров 296 тыс.
Анимация поля ввода
12:05