Немного старческого ворчания или не судите строго

Рабочий день окончился и решил 10 минут уделить «ворчанию», а заодно и услышать ваше мнение.
Предистория.
На днях дал задание верстальщику сделать лендинг. Очень простая страница с минимум как элементов так и функционала.
Через время получил готовую верстку, все визуально выглядит хорошо, но когда я открыл файлы стилей и файлы javascript я ужаснулся.
Файл style.css (не сжатая версия) содержал 70 000 строк.
Файл script.js (не сжатая версия) состоял из 14 000 строк.
Приглядываюсь и понимаю, что там намешано все, разные нормализаторы стилей, кучи каких то библиотек, фреймворков. В общем просто тонна кода, ведь это так удобно в каком нибудь вебпаке или галпе загружать сотни библиотек не особо задумываясь, не зная сколько зависимостей потянется. А зачем. Оно же соберется, сожмется и норм будет.
Мораль.
Но разве это не ужасно? Разве технологии должны существовать только ради технологий? Скоро уже верстку начнут делать в докер контейнерах или кубернетс, не потом что имеет хоть какой-то смысл, а только потому что это модно и молодежно. Не возникает ни у кого ощущения, что мы все катимся куда-то не туда?
P.S.
Я для примера повторил этот лендинг сам. При моих скромных знаниях файл стилей содержал 115 строк, файл на чистом js — 15 строк.
Александр Мельник
23 февраля 2021, 18:38
modx.pro
220
+1

Комментарии: 13

Артур
23 февраля 2021, 19:37
0
Я могу сказать, что вы волшебник, из 70К строк сделать 115 это прям уметь надо, уважаю. na-cruchke.ru/ не самый сложный дизайн, свёрстано на bootstrap, плюс fancybox, свои стили 675 строк в не сжатом виде. И я с вами согласен, бездумно применять технологии это глупо, нужно понимать что и для чего нужно.
    Александр Мельник
    23 февраля 2021, 20:14
    0
    этот сайт «на крючке» гораздо сложнее чем тот лендинг. Там даже слайдеров не было, почти что только текст и картинки.
      Артур
      23 февраля 2021, 20:17
      0
      Порог входа в профессию очень низкий — вот и результат. Хотя это не повод отключать мозг)))
    Дмитрий
    23 февраля 2021, 23:18
    0
    Наверное верстальщик не рассчитывал, что будет проверка начинки)
      Артем
      24 февраля 2021, 01:12
      0
      Верстальщик != Разработчик. Очень часто бывает такое, что верстальщики довольно далеки от разработки и умеют только в html + css, а знания фронтенда и js у них близки к нулю.
      Собственно, это просто один из таких представителей.
        Raimei
        24 февраля 2021, 08:35
        0
        Советую собратьям верстальщикам использовать VSCode (лучше VSCodium) с плагином Live Sass Compiler делающим минифицированную версию CSS-файла, при этом написав стили на SASS.

        И там же заодно Live Server для автообновления страницы в браузере при внесении изменений.

        Не забывайте перед сдачей проекта картинки через tinyjpg.com прогонять. А то недавно принял две работы где 1 страница весила 17MB и 14MB из-за несжатых изображений.

        UPD: самого удивляет подключение вебпака ради лендинга или любой другой мелкой работы. Однажды видел даже Vue в одностраничнике. Причем он там особо и не нужен был
          Роман
          24 февраля 2021, 09:48
          0
          Не правильно написали задание, вот и получили результат. Если бы написали, без использования сторонних библиотек и стилей. Получили, бы то что хотели, а так некоторые еще умудряются «верстать» в tilde, а потом отдавать заказчикам. =)
            elec3c
            24 февраля 2021, 11:58
            0
            На вкус и цвет все фломастеры разные. Я предпочитаю получать стили и изображения не сжатыми. Когда у заказчика на финальном этапе возникает мысль поменять мелочь в оформлении и ради правки мелочи, ползание по сжатым скриптам/стилям превращается в неприятность. У нас есть phpthumbon и minifyx. таким образом на большом проекте у меня лежат штук 10 небольших css файлов, которые удобно читать и редактировать. Единственная проблема которую я пока не решил — как вырезать из css неиспользуемые на сайте стили, это позволило бы облегчить html-framework.

            С картинками такая же история — зачем заранее сидеть и подгонять их под размер, потом оптимизировать. Получается лишний труд. Один раз загрузил и выводишь через phpthumbon в нужном качестве и с нужным разрешением.
              Александр Мельник
              24 февраля 2021, 12:54
              0
              Спасибо что высказываете свои мнения.
              Мне кажется все немного неверно поняли мою мысль.
              Я не имел ввиду, что конкретно в этом случае верстальщик сделал что то плохо.
              Я глобальнее. Мне кажется что в современной разработке технологии стали вредить, вместо того чтобы нести пользу.
              Никто уже сверстать страницу не может, пока не запустить веб сервер на nodejs, не установит препроцессор, компилятор, не настроит babel чтобы тот es6 в es5 перегонял и чуть ли ни ракету в космос нужно запустить, чтобы приступить к работе. Кучи усилий уходят на изучение ненужного, потом на настройку рабочего места чтобы приступить к работе… А по факту то, нужен только текстовый редактор, браузер и голова.
              И это не касательно верстки или даже фронтенда. Да меня всегда доволит до скрипа в зубах, когда я вижу когда кто то добавляет новый npm пакет, а редактор пишет — у вас появилось 15 659 новых файлов — зависимостей… Никто не знает что именно он добавил в свой проект, к каким последствиям это приведет…
              Безопасен ли тот код, который подтянулся в проект…
              Вся разработка в мире стала какой — то переусложненной, излишне натыканной технологиями.
              С другой стороны я вполне понимаю, что в современном мире при наличии интернета никуда не деться и переиспользование чужого кода станет нормой и правилом. Все языки программирования развиваются в этом направлении и вводят понятие пакетов — composer, npm, pip чтобы программирование постепенно перешло в ранг простого конструктора. Это хорошо видно на последних версиях python, там только 5+5 можно выполнить не подключая pip пакеты.
              Короче говоря, я признаю что просто ворчу, я разменял уже 5-ый десяток лет и мне просто сложно принимать все эти изменения) Кажется, что люди все сильно усложняют.
                Артем
                24 февраля 2021, 15:59
                +6
                Мне кажется что в современной разработке технологии стали вредить, вместо того чтобы нести пользу.
                Если приложить утюг к языку, то тоже мало пользы будет, но полезность утюга это не отменяет. С технологиями то же самое.
                  Иван Бочкарев
                  24 февраля 2021, 16:16
                  +2
                  Не нужно препятствовать процессу и нужно использовать технологии, где они нужны.
                  Я не представляю уже верстку без scss, pug, gulp, миксинов и так далее. И к старым методам разработки ни когда не вернусь.

                  Потому, что автоматизация это удобно, продуктивно!

                  Короче говоря, я признаю что просто ворчу, я разменял уже 5-ый десяток лет и мне просто сложно принимать все эти изменения) Кажется, что люди все сильно усложняют.
                  На сколько помню ты так и не воспринимаешь чат (сообщество) в телеграм, в котором на данный момент уже более 1000 человек =)))
                    Игорь
                    24 февраля 2021, 20:47
                    +1
                    я полностью согласен. Иногда бывает нужна простенькая верстка (фиг с ним, пусть даже на бутстрап), но когда, в конечном счете, падает архив с абалденным весом, напиханным всем что нужно и не не нужно — то это уже перебор… я понимаю, что ты просто верстальщик и у тебя программы для разработки, но ведь это потом кто-то должен чистить… особенно js, там всё достаточно сложно
                    Артур
                    26 февраля 2021, 23:50
                    0
                    Если приложить утюг к языку, то тоже мало пользы будет, но полезность утюга это не отменяет. С технологиями то же самое.
                    Согласен, нужно не только уметь включить утюг, но ещё и знать как гладить.
                      Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
                      13