Как правильно и быстро верстать любой сайт: 8 проверенных методов ускорения

🔥Канал От 0 до 1 - / @vadymprokopchuk
Подписывайся, чтобы усилить практику по верстке сайтов
Сайты из видео:
Шпаргалка Emmet - kupdf.net/download/emmet-chea...
Pug to HTML - pughtml.com/
SCSS документация на русском - sass-scss.ru/
Все о Gulp - gulpjs.com/
__
Frontend Book PDF - tpverstak.ru/frontendbook
Задать вопрос фронтендеру - frontendhelp.me/ru
__
Сайт - tpverstak.ru
ВК - tpverstak
Instagram - / annblok и / tpverstak
Telegram - t.me/tpverstak
Чат Telegram - t.me/tpverstakchat
__
Курсы и марафоны - tpverstak.ru/courses/
Отзывы - topic-149247708_35960122

Пікірлер: 95

  • @melissasofie7681
    @melissasofie76814 жыл бұрын

    Спасибо. Номер 8 для меня вообще открытие. Класс👍

  • @anastasiavyaltseva9057
    @anastasiavyaltseva90574 жыл бұрын

    Спасибо за видео! 8 совет мне особенно к месту, как раз думала что надо где-то решенные задачи на будущее сохранять, чтобы не рыться по проектам и гуглу)

  • @Elkmany

    @Elkmany

    2 жыл бұрын

    как прогресс за 2 года? Привет)

  • @srt2046
    @srt20464 жыл бұрын

    Наткнулся на ваш канал и залип уже на несколько видео. Особенно спасибо за grid и flex. Спасибо за столь информативный формат

  • @annblok_webdev

    @annblok_webdev

    4 жыл бұрын

    🤗🤗🤗

  • @srt2046

    @srt2046

    4 жыл бұрын

    @@annblok_webdev с праздником 🌹

  • @Dreamer_78
    @Dreamer_784 жыл бұрын

    Спасибо большое! очень полезное видео, успехов вам.

  • @annblok_webdev

    @annblok_webdev

    4 жыл бұрын

    Спасибо 😊

  • @gexgex941
    @gexgex9413 жыл бұрын

    Спасибо! Однозначно лайк)

  • @annagrigorewa
    @annagrigorewa4 жыл бұрын

    Очень понравилось видео...спасибо!!!!

  • @user-fi7fm9lr8m
    @user-fi7fm9lr8m4 жыл бұрын

    Класс!

  • @user-se7ih9bv6c
    @user-se7ih9bv6c4 жыл бұрын

    Спасибо за видео! Если добавите timeline в следующих видео, то очень порадуете ;)

  • @sanjar2475
    @sanjar24753 жыл бұрын

    Круто как всегда

  • @user-so8ue9mb7y
    @user-so8ue9mb7y4 жыл бұрын

    Спасибо!

  • @BOBYR2010
    @BOBYR20103 жыл бұрын

    Кто заметил в 9-21 "Авокадо" (Avocado)

  • @nikolay-t6497
    @nikolay-t64974 жыл бұрын

    Спасибо за рекламу Вадима. Он знает своё дело. Умеет отлично преподнести инфу.

  • @stainerframe7607
    @stainerframe76073 жыл бұрын

    За рекламу лайк!!! Только у Вадима курс закончил, пушка!

  • @sergeydeyneko6179
    @sergeydeyneko61794 жыл бұрын

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

  • @user-pc9ci1uu2s
    @user-pc9ci1uu2s2 жыл бұрын

    Благодарю

  • @astroDezign
    @astroDezign11 ай бұрын

    Лицо красивое :) Подписался

  • @irina-s
    @irina-s4 жыл бұрын

    Спасибо за видео. Приятно было увидеть, что и галп, м препроцессоры я знаю, хотя изучаю вёрстку 3 месяца. Кстати, узнала об этом на курсе Вадима, канал которого упоминается в этом видео.

  • @stormbraker637

    @stormbraker637

    2 жыл бұрын

    Как сейчас успехи ?

  • @irina-s

    @irina-s

    2 жыл бұрын

    @@stormbraker637 Пробовала фрилансить, брала небольшие заказы. Потом решила что надо изучать JS. На одной вёрстке далеко не уедешь. Поэтому сейчас прохожу бесплатный курс от RS School JavaScript Front-end. А что дальше будет, посмотрим.

  • @vladfrolov5106

    @vladfrolov5106

    Жыл бұрын

    @@irina-s Привет, как успех изучения? уже работаете?

  • @irina-s

    @irina-s

    Жыл бұрын

    @@vladfrolov5106 Да, работаю как фрилансер, делаю сайты на ВордПресс.

  • @user-oj8oc8ur4v
    @user-oj8oc8ur4v2 жыл бұрын

    Музончик в конце топ! кто согласен ставим лайк!

  • @user-nb8ex1tq6r
    @user-nb8ex1tq6r4 жыл бұрын

    Спасибо, полезное видео:)

  • @dosxanzada
    @dosxanzada4 жыл бұрын

    спасибо за советы, можете отправить макет где показываете на 10:05?

  • @Qusbaz-zg2nv
    @Qusbaz-zg2nv4 жыл бұрын

    Анна, еще один вопрос, а важно ли цветовое зрение в верстке? Я дальтоник, иногда сложно различать оттенки зеленого и красного

  • @annblok_webdev

    @annblok_webdev

    4 жыл бұрын

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

  • @Qusbaz-zg2nv

    @Qusbaz-zg2nv

    4 жыл бұрын

    @@annblok_webdev Спасибо! Какой он этот мир? Намного ярче навреное чем я вижу его)

  • @stormbraker637

    @stormbraker637

    2 жыл бұрын

    @@Qusbaz-zg2nv такое, в конце зимы оттенки серого

  • @levlubentsov9476
    @levlubentsov94764 жыл бұрын

    и если не сложно , ссылку на источник , где можно посмотреть код чьих-то работ или что-то наподобие этого

  • @user-ue1lr8jn8c
    @user-ue1lr8jn8c4 жыл бұрын

    Т.е. если мне использовать pug то при интеграции на wordpress мне лучше будет юзать vue и axios и минимизировать php?

  • @user-bp8jp3on3r
    @user-bp8jp3on3r4 жыл бұрын

    У всех не показывается пример с SCSS? Или так и должно быть?

  • @user-fw2ti1cn4w
    @user-fw2ti1cn4w Жыл бұрын

    Анна такая умница и очень милая девушка

  • @user-kv7xd5yj9q
    @user-kv7xd5yj9q2 жыл бұрын

    Два пальца вверх 👍👍

  • @user-se6nj9qx9g
    @user-se6nj9qx9g2 жыл бұрын

    то чувство когда находишь ролик по ускорению верскти, в котором рекламят канал на котором сейчас верстаю=Р

  • @levlubentsov9476
    @levlubentsov94764 жыл бұрын

    топ методы , а аккаунты в codepen приватные ?

  • @user-wz8jd9ud9f
    @user-wz8jd9ud9f2 жыл бұрын

    В каких случаях нужно использовать сборщики? Наблюдал, как человек верстал проект (не маленький), но не использовал никакого сборщика. Вот у меня вопрос... Это потому что он там просто не нужен был?

  • @pogrebnoimaksim
    @pogrebnoimaksim4 жыл бұрын

    Видео должно было называться: 8 инструментов или 8 рекомендаций для верстки, о методах верстки как таковых ни слова...

  • @annblok_webdev

    @annblok_webdev

    4 жыл бұрын

    То, что вы имеете в виду есть в другом видео kzread.info/dash/bejne/o5Z9tJRse5vOd6g.html

  • @pogrebnoimaksim

    @pogrebnoimaksim

    4 жыл бұрын

    Типичный Верстальщик • Анна Блок вот именно)))

  • @bigkit_kitbig

    @bigkit_kitbig

    4 жыл бұрын

    @@annblok_webdev про это другое видео - зачем мне смотреть на вашу дергающуюся морду, или хочется себя попиариться перед богатенькими программистами, в поисках будущего лоха-муженька. Я бы лучше на код посмотрел. Свернитесь в маленькое окошко, как это делают другие блогеры. Дизлайк однозначно.

  • @whoisit2028

    @whoisit2028

    4 жыл бұрын

    @@bigkit_kitbig Ты сам понял что за хуйню высрал хД

  • @user-nb8ex1tq6r
    @user-nb8ex1tq6r4 жыл бұрын

    А как же Avocode, разве он не популярен? Или вы акцент делаете на работу в компании, а не на фрилансе?

  • @annblok_webdev

    @annblok_webdev

    4 жыл бұрын

    Об Avocode в ролике тоже говорю, но мне больше нравится Zeplin

  • @user-nb8ex1tq6r

    @user-nb8ex1tq6r

    4 жыл бұрын

    @@annblok_webdev и правда) не досмотрела и написала коммент)

  • @flashback8504

    @flashback8504

    2 жыл бұрын

    Фигма чем не годится? Она бесплатная на все время

  • @user-ey4xw7pk9h

    @user-ey4xw7pk9h

    5 ай бұрын

    Avocode - сдох в 2023.

  • @user-nb8ex1tq6r

    @user-nb8ex1tq6r

    5 ай бұрын

    @@user-ey4xw7pk9h спасибо, я сама уже больше 2 лет на Фигме)

  • @MrSunchezz
    @MrSunchezz4 жыл бұрын

    Всё пытаюсь "зайти" на препроцессоры, но вот начинаю читать и не понимаю их полезности. Нативный CSS сейчас прекрасно оформляется и переменные там так же есть и вычисления. Вероятно, может быть ощутимо, когда приходится писать CSS правила в объёме "Война и мир" , но не приходилось с таким сталкиваться. На мой взгляд, CSS и так довольно выразителен, чтобы делать над ним надстройки вроде тех, что выглядят как, например, поделки Python-разработчиков реализующих компиляторы из Python-кода в JavaScript-код, только от того, что их не устраивает JavaScript-синтаксис. По остальному согласен. Хорошо, что есть такие проекты, помогающие верстальщику эффективно преодолевать "боль интерпретации" того, что желает заказчик и без лишних танцев с бубном интегрировать эти решения в реализацию.

  • @yolonaoss2411

    @yolonaoss2411

    4 жыл бұрын

    Наверное, это личное дело каждого, но по мне препроцессоры это какое-то чудо. Скажем так, я верстал на css чистом и sass, это две разные вещи, sass очень сильно ускоряет верстку,хотя бы эндами по классам и переменными. Да и везде по вакансиям требуются знания препроцессоров,стоит всё-таки выучить, это всё-таки не js, порог вхождения после CSS минимальный)

  • @leem0ne

    @leem0ne

    4 жыл бұрын

    рано еще переменные в цсс использовать(как и гриды).

  • @pogrebnoimaksim

    @pogrebnoimaksim

    4 жыл бұрын

    Это прийдет с опытом и со временем))

  • @hekNt

    @hekNt

    4 жыл бұрын

    Плюсы: автопрефиксы, умное сжатие (рефакторинг если хотите с mqpacker) миксины -это препроцессорная версия сниппетов, авторасчеты в функциях. Что касается переменных, то в чистом css их поддержка браузерами хуже, так как из препроцессоров выходит готовый код. Также возможность разделения кода и при этом получение единого файла для лучшей оптимизации.

  • @hekNt

    @hekNt

    4 жыл бұрын

    Ах, да, про более удобную вложенность правил забыл (&) .block { color:#000; &__element { color: #111; &_modificator { color: #222; } } } И это только вершина айсберга

  • @pogrebnoimaksim
    @pogrebnoimaksim4 жыл бұрын

    Avocado?)

  • @GUNTRUP_
    @GUNTRUP_2 жыл бұрын

    Я от Вадима пришел по рекомендациям к тебе ....

  • @melissasofie7681
    @melissasofie76814 жыл бұрын

    18тыс.просмотров под видео с верской сайта , да у тебя талант)))). Может видео с анимэшкой нам подаришь? Я уверенна ты смОгЁшь лучше всех.

  • @user-cb5xj1lg1l
    @user-cb5xj1lg1l4 жыл бұрын

    Нужно больше скорости

  • @user-fi7fm9lr8m

    @user-fi7fm9lr8m

    4 жыл бұрын

    Доктор вы прекрасны

  • @SLSRPPRO
    @SLSRPPRO3 жыл бұрын

    насколько ускорить ? у меня есть 5 минут

  • @artemnaumov3577
    @artemnaumov35774 жыл бұрын

    Материал хороший, но звук тихий слишком.

  • @artemnaumov3577

    @artemnaumov3577

    4 жыл бұрын

    Оказывается, я глухой) Все хорошо, спасибо)

  • @strongcat844
    @strongcat8442 жыл бұрын

    по моему своства быстрее писать руками если в низ не юзаеться rgb рукой до мышки дольше тянуться чем они под еметом напишутся

  • @SVolikov
    @SVolikov4 жыл бұрын

    Жаль, что нельзя поставить 3 лайка. За работу, за то что это сделала девушка и за то что это красивая девушка.Спасибо!

  • @yura_8952
    @yura_89524 жыл бұрын

    Вы на vue верстаете?

  • @annblok_webdev

    @annblok_webdev

    4 жыл бұрын

    Проект на Vue был

  • @Elkmany
    @Elkmany2 жыл бұрын

    А галп в 2022 еще норм? вроде уже нафиг не нужен

  • @doopath8737
    @doopath87374 жыл бұрын

    На моей фриланс бирже в основном psd/figma макеты предлагают. 1/10 бывает xd и еще реже sketch.

  • @annblok_webdev

    @annblok_webdev

    4 жыл бұрын

    На какой фриланс бирже сидите?

  • @doopath8737

    @doopath8737

    4 жыл бұрын

    @@annblok_webdev freelancehunt

  • @user-pk5wr4yg3c
    @user-pk5wr4yg3c4 жыл бұрын

    Ничего личного к Вам не имею, но видеАролик чуть чуть режет ухо

  • @dinir1000
    @dinir10004 жыл бұрын

    CSS препроцессор это же всё усложняет, нужно заморачиваться отсчитывать эти пробелы, это такой гемор, зачем себе работу усложнять?

  • @mikhails.2830
    @mikhails.28303 жыл бұрын

    С pug не соглашусь. Очень не удобен для визуального восприятия

  • @annblok_webdev

    @annblok_webdev

    3 жыл бұрын

    Кому как, мне понравилось его использовать на практике

  • @sergey_zatsepin
    @sergey_zatsepin3 жыл бұрын

    Мдааа с упрощением кода с пом. Pug чёт ты жёстко прикольнулась. Такой бред конечно, ппц.

  • @Drezerak
    @Drezerak4 жыл бұрын

    Мальвина, уже не первая, кто говорит про PUG - значит надо изучить тему...

  • @zapiski_verstalshika
    @zapiski_verstalshika4 жыл бұрын

    смотрел от 0 до 1... господи... не дай доже так верстать...

  • @andrei8299

    @andrei8299

    4 жыл бұрын

    я сначала тоже смотрел и мне нравилось, какие-то видео неплохие. Но потом стал понимать, что да, косяков много и больше не смотрю

  • @irina-s

    @irina-s

    4 жыл бұрын

    Для начинающих у Вадима отличные видео. К тому же у него талант преподавания, а это не у всех профи есть.

  • @zapiski_verstalshika

    @zapiski_verstalshika

    4 жыл бұрын

    @@irina-s насмотревшись это, начинающие начинают такую х*** верстать, что их хрен переучишь потом! а страдают все, и вы в том числе

  • @irina-s

    @irina-s

    4 жыл бұрын

    @@zapiski_verstalshika А что конкретно не так, приведите пример? Или сами может проведёте многочасовой марафон и покажете мастер класс?

  • @zapiski_verstalshika

    @zapiski_verstalshika

    4 жыл бұрын

    @@irina-s ссылки должны быть ссылками, кнопки должны быть кнопками, а не ссылкой в диве, и наоборот... сейчас и заказы все чаще встречаются с условиями без библиотек и jq, он же все подряд пихает... это только то что помню из его видео, но далеко не все что видел! мастер класс не покажу, по тому как не готовлю код перед записью видео, верстаю в живую... и, конечно, бывают ошибки и в моих видео, но далеко не такие!!!

  • @user-py4bp2me9j
    @user-py4bp2me9j4 жыл бұрын

    Анна, почему не используете феминитивы?) Разумнее назвать канал "Типичная верстальщица"

  • @Nick_Wing40000

    @Nick_Wing40000

    4 жыл бұрын

    уахаха "феминитивы" ору

  • @user-jm4mx7gn2p
    @user-jm4mx7gn2p4 жыл бұрын

    Капец , блондиночка , только два слова может сказать , а потом надо паузу делать и видео склеивать ахах

  • @khamzagal7928
    @khamzagal79284 жыл бұрын

    Отписка

  • @annblok_webdev

    @annblok_webdev

    4 жыл бұрын

    Ужос

Келесі