Верстка сайта - нужны ли фреймворки или уже нет

Поделиться
HTML-код
  • Опубликовано: 16 май 2024
  • Версткой сайта с каждым днем занимаются все больше и больше людей, многие следят за технологиями и развитием HTML, CSS, многие применяют все нововведения или пользуются фреймворками. В этом видео мы обсудим нужны ли в верстке сайтов фреймворки по типу Bootstrap или их время уже прошло и достаточно всего лишь использовать всем уже знакомые flexbox и css grid.
    0:00 - Верстка сайта фреймворки
    0:30 - Новые HTML CSS фреймворки
    0:46 - Плюсы и минусы фреймворков html css
    4:25 - Минусы использования фреймворков
    5:28 - Что использовать если не фреймворки

Комментарии • 249

  • @matsumbra4984
    @matsumbra4984 3 года назад

    Новое видео каждый день, уже 4ый день, ну ты и даёшь. Так держать

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Это не на долго 😅

  • @user-oj3lz1wd7i
    @user-oj3lz1wd7i 2 года назад +5

    К примеру. вот освоил по урокам на ютубе кое-каие основы, даже свои приемы придумал. Научился верстать адаптивное бюргер-меню. ..И решил поставить фреймворк. Думаю, дай добавлю красивых стилей. Так вот, появилась дополнительная полоса вторая прокрутки. И так ее пытаюсь убрать, и этак. теперь. Уже и классы разные удалил. И вот вопрос -- сколько у меня времени уйдет, чтобы разобраться, и где это хваленое удобство и простота?

  • @user-md6zu5sr9b
    @user-md6zu5sr9b 2 года назад +1

    Срочно нужен видос по работе с фрейворками !

  • @scarlatum
    @scarlatum 3 года назад +9

    Люблю фреймворки. Обожаю. Особенно люблю то количество обёрток в разметке, с двумя строками адаптивных классов, что аж мурашки по коже бегают.
    Но а если серьёзно, если вы используете от фреймворка лишь сетку - Смело переходите на Grid'ы. И себе услугу на будущее сделаете, и других в бешенство вводить не будете.

  • @user-ilya12
    @user-ilya12 3 года назад

    Спасибо за видео!

  • @user-po5ih2pj5h
    @user-po5ih2pj5h 3 года назад +4

    Большое спасибо за видео, а то выучил css & html и думал нужны ли фреймворки и какие. Хотя бызовый Bootstrap знаю.

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +1

      Сделаю пару практик вёрстки, у меня в плейлистах есть

    • @user-po5ih2pj5h
      @user-po5ih2pj5h 3 года назад +3

      @@SuprunAlexey это очень хорошо! Но я до сих пор не могу определиться между фронт-енд и бек-енд

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +1

      @@user-po5ih2pj5h попробуй и то и то

  • @larasport654
    @larasport654 Год назад

    Добрый день, напишите пожалуйста берете ли в ученики для обучения онлайн Нравится ваш канал. Или может подскажите пожалуйста, толковые курсы с дальнейшим трудоустройством. Заранее спасибо!

  • @f-len
    @f-len 3 года назад +2

    Я всегда писал только на чистых языках. Использую только лесс для ускорения написания CSS. До появления флексов было сложнее ( конечно! Я же тогда только учился!)) ), но после стало намного проще, собенно с появлением гридов!!

  • @arsenmanasuev4934
    @arsenmanasuev4934 3 года назад +35

    Думаю что такое может порадовать только тех кто толком не умеет верстать. Я не против фреймворков, но думаю что для начала нужно понимание основ и потом уже использование инструмента. А иначе выходит жуткая лажа из БС винда и кучи сторонних каруселей и прочего прочего прочего.

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +1

      Если не будет необходимости кастомизировать, тогда можно и сразу. А так да, нужны базовые знания.

    • @webitproff
      @webitproff 3 года назад

      @@SuprunAlexey а базовым уже учился, после как начал использовать UIKIT3, потом уже начал вникать что и как, так что если не знаешь - советую начинать с фреймоврка, а потом уже в детали основ

    • @webitproff
      @webitproff 3 года назад

      Сталин не вникал, в проблемы танкостроения, пока они не появлялись, так и тут, строим танк - катаем, потом разбираемся

  • @diyorbek6752
    @diyorbek6752 Год назад +1

    спасибо брат за полезное видео

  • @mikewazowski7526
    @mikewazowski7526 3 года назад

    Спасибо, интересно!

  • @maksymgapachilo9507
    @maksymgapachilo9507 3 года назад +1

    Ну , использувал бутстрап для верстки, мне как то не понравилось ,так как не всегда выходит пиксель перфект . Сперва написал html коду , потом суопирувал все классы и быстро css уже работаешь, мне как то так проще ) , есть флекс бокси , удобно все без фреймворка)

  • @leonidpodriz4940
    @leonidpodriz4940 3 года назад +4

    Что думаешь насчёт готовых компонентов для React (Material UI, например)? Замечается ли потеря производительности сайта за счёт их использования?

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +2

      По идее любая нагрузка влияет на производительность, но тут я не тестил, не знаю насколько критично влияет, возможно вообще незаметно

    • @ITime_shorts
      @ITime_shorts 3 года назад +1

      @@SuprunAlexey Если бы это было критично, их бы не использовали

    • @knowhow242
      @knowhow242 3 года назад +1

      Потеря производительности замечается, если не знать принципов React’a

  • @lostvayne6247
    @lostvayne6247 3 года назад +3

    спасибо за видос

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Всегда пожалуйста

  • @arrurp
    @arrurp 3 года назад +7

    1. невозможность выстроить более точкую сетку на бутстрапе, чем в 12 столбцов. Например, сделать фильтр в строку где 5 комбобоксов и немного поиграть с размером каждого почти нереально. 2. Если есть дизайнер, то уже на первых макетах можно обломаться. 3. Количество HTML в разы больше. Почему эти минусы не сказали?

  • @saintspirit
    @saintspirit 3 года назад +45

    За бустрап и двор стреляю в упор!

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +7

      Хорош, бандит

    • @dangerousphone5313
      @dangerousphone5313 3 года назад

      +

    • @MrEmil-cf8wo
      @MrEmil-cf8wo 3 года назад +3

      А мне больше нравится когда соло верстаю

    • @tentacle8148
      @tentacle8148 3 года назад +3

      На больших тяжёлых проэктах ты потратишь больше времени подстраивая его под себя, чем на написание кода.
      Наверное даже лучше будет сделать vanilla layout.

    • @detro1821
      @detro1821 3 года назад

      постепенно деградируешь с ним, осторожно

  • @andrewgrini5670
    @andrewgrini5670 3 года назад

    Спасибо, интересное видео)

  • @wolkbog8179
    @wolkbog8179 3 года назад

    Спасибо за видео, а то все слышу что фреймворки грузят очень сильно и надо все ручками делать. У меня конечно рука тренированая, многое видела... но с фреймворки быстрее. Но вот какой выбрать бы?

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Tailwind сейчас набирает популярность

    • @wolkbog8179
      @wolkbog8179 3 года назад

      @@SuprunAlexey ознакомлюсь, а то только про бутстрап слышу

  • @KZ-zi9is
    @KZ-zi9is 3 года назад +17

    В принципе нужны. Ускоряют работу. Это либо известные фреймворки, либо у каждого свой.
    Часто, когда вопрос времени стоит остро, я делаю так. Накидываю вёрстку на бутстрепе. По окончанию вёрстки удаляю все неиспользуемые стили, а оставшиеся подправляю и переименовываю в удобоваримые. Получается быстро и сердито )))

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +1

      Да, определенно ✅👍🏻👍🏻

  • @user-cq2fm5nh1o
    @user-cq2fm5nh1o 3 года назад

    какую клавиатуру используешь?

  • @w_o_tabdirimov961
    @w_o_tabdirimov961 3 года назад +3

    Лайк от души

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +1

      Спасибо

    • @w_o_tabdirimov961
      @w_o_tabdirimov961 3 года назад

      @@SuprunAlexey ого самый быстрый ответ от блогеров

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +1

      @@w_o_tabdirimov961 на телефон уведомления приходят, пока не занят отвечаю 👌🏻

  • @user-tn1yc1ij8d
    @user-tn1yc1ij8d 3 года назад

    Это что праздник? Столько видосов

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +1

      Появилось немного свободного времени до середины января, вот и решил снимать по больше

  • @artyomagadzhanyan5472
    @artyomagadzhanyan5472 3 года назад +3

    Когда я начинал, думал что фреймворк это круто потому что порой приходилось тратить давольно много времени на понимание того или иного элемента. Через какое-то время (а именно через 6 месяцев) и набрал столько знаний в HTML, CSS, JS что просто перестал использовать фреймворки. Проблема в чём, во фреймворках каждый элемент имеет уже предварительно имеющие характеристики и ты никак не можешь их изменить (особенно эта проблема остро стоит в Materialize CSS). Моё мнение, имеет достаточный багаж знаний в CSS & JS использование фреймворков просто теряет смысл...

  • @user-jk4fj6ke5n
    @user-jk4fj6ke5n 3 года назад

    ИЗ bootstrap 4 использую только сетку и все счастливы. Очень удобно её использовать из проекта в проект.

  • @King-bg9yc
    @King-bg9yc 3 года назад +1

    Ну я верстал наполовину с фреймворком, наполовину сам. Незнаю может это тупо. Ну тема хорошая, не заезжаная т.к мнений много.
    Каждый день видео, круто. По js будет что нибуть?

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Надеюсь и комментариев будет много))
      По js завтра игру напишем, простую, что б у каждого получилось))

    • @King-bg9yc
      @King-bg9yc 3 года назад

      @@SuprunAlexey о, круто! А какая игра, если не секрет?

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      @@King-bg9yc ну завтра и увидите

  • @wesoychswiat5115
    @wesoychswiat5115 3 года назад

    Я как новичек в верстке стоит ли мне тратить время на освоение фреймворков либо же отталкиваться от css grid i flexbox
    За любой совет буду благодарен

    • @roelogin
      @roelogin 3 года назад

      20 лет стажа. Основы знать обязательно. А фреймворки -полезно. С учетом грамотной кастомизации это оч полезный инструмент. Тем более на них столько сделано, избежать знакомства, затруднительно.

  • @ShortsPageTech
    @ShortsPageTech 3 года назад +12

    Можете снять на тему full stack developer

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +5

      Да

    • @ShortsPageTech
      @ShortsPageTech 3 года назад +3

      @@SuprunAlexey Спасибо, хорошо слушать до конца и не длинные видосы круто👍

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      @@ShortsPageTech спасибо

    • @advanceduser3713
      @advanceduser3713 3 года назад +3

      я тебе могу рассказать и без видео. Сначала тебе дают мелкие задачки по верстке, ну типа ты ж программист, разберешься. и так потихоньку не успел оглянуться, уже пишешь на реакте, за ту же ЗП, как и чисто фронт или чисто бэк девелопер)

    • @ShortsPageTech
      @ShortsPageTech 3 года назад

      @@advanceduser3713 спс что обеслил,ты сам на каких ЯП пишеш?

  • @thomasshadows2797
    @thomasshadows2797 3 года назад

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

  • @trance_hardstyle
    @trance_hardstyle 3 года назад +2

    Запиши видео, где ты применяешь javascript на другом сайте (простые примеры), где название (на сайте) или какой та текст принудительно (innerHTML) меняеться, вот я бы посмотрел такой ролик

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Ok ✅

    • @trance_hardstyle
      @trance_hardstyle 3 года назад

      @@SuprunAlexey То есть, я зашёл на сайт, тыкнул скрипт через Console и к примеру появился в режиме реального времени, к примеру кружок небольшой, это только пример того что я хотел бы видеть в видео!

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      @@trance_hardstyle ну это слабо, будет по интереснее

    • @alexkoptev
      @alexkoptev 3 года назад

      @@trance_hardstyle user script, свое расширение для браузера.

  • @mi.espana
    @mi.espana Год назад +1

    Bootstrap это лучшее, что я изучил. Клиенту нужен результат, что-то готовое. Но можно и через css добавить! Поэтому для начала ТОЛЬКО BOOTSTRAP!

  • @yura5215
    @yura5215 3 года назад +1

    Есть какие-то варианты как можно удалить неиспользуемый цсс код на готовом сайте? Так чтоб не вручную и не платным сервисом

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +2

      Конечно, сделаю про это видео.

    • @yura5215
      @yura5215 3 года назад

      @@SuprunAlexey с нетерпением жду!)

  • @WhiteBear141981
    @WhiteBear141981 3 года назад

    Спасибо!
    А разве Flexbox и Grid вышли недавно? Это ж старые темы...

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Относительно недавно, не 20 лет же назад

  • @toyotominashimoto9963
    @toyotominashimoto9963 3 года назад

    Привыкать к фреймворку? да какой там привыкать?! Бутстрап легко освоить. А кстати есть какое нить расширение или утилита для удаления ненужного и не используемого в проекте кода js css? Посоветуешь?

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +1

      А ты не привыкаешь? 😐😐😐

    • @toyotominashimoto9963
      @toyotominashimoto9963 3 года назад

      да бутстрап очень прост. Система сетки для ребенка облегчена. Я например, освоил его менее чем за неделю

    • @momon5994
      @momon5994 3 года назад

      Webpack

  • @DimaScorpio1986
    @DimaScorpio1986 3 года назад

    Заказчик просит ВордПресс а там надо critical CSS ?

  • @Atractiondj
    @Atractiondj 2 года назад

    Мне нравится создавать свой фреймворк так как точно знаешь как все работает, а местами фреймворки написаны с большим кодом чем можно сделать

  • @eduardshkliaruk2318
    @eduardshkliaruk2318 3 года назад

    А по bootstrap, все что я использую с него то ничего......
    Может сетку, и то у себя описал ее в паро строк, а не под множеством классов.

  • @user-dd1gm4pt7b
    @user-dd1gm4pt7b 3 года назад

    Здраствуйте программисты-верстальщики!
    я новичок и недавно начал учить CSS GRID и теперь после просмотра этого видео у меня появились сомнения в этом фрэймворке
    Стоит ли мне его учить и ожидать от нее перспективу или же стоит учить другой фрэймворк?
    Если стоит учить другой то подскажите какой именно стоит для долго временной перспективы)

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Css grid это не Фреймворк

    • @user-dd1gm4pt7b
      @user-dd1gm4pt7b 3 года назад

      спасибо не знал

    • @vgenm2457
      @vgenm2457 3 года назад

      Ты сверстай для себя сначала хотя бы 10 лендингов, попробуй на гридах, сделай потом сделай на бутстрапе . Тогда поймешь .

    • @vgenm2457
      @vgenm2457 3 года назад

      Grid - сетка .

    • @vgenm2457
      @vgenm2457 3 года назад

      @Привет, Андрей Нужно учить все , просто везде надо знать куда применять вот и все . Главное польше писать кода и думать . А не копипастить . Вот и все .

  • @FreightChannel
    @FreightChannel 3 года назад

    Я правильно понимаю, что если я хочу видеть чистый м приятно читаемый код, тогда всё самому писать без фреймворков?
    Я только начал изучать html and css, как буду понимать эти языки то уже и за джаву возьмусь.

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      На фреймворках легче писать чистый и приятно читаемый код

    • @FreightChannel
      @FreightChannel 3 года назад

      @@SuprunAlexey Понял, из видео у меня сложилось обратное мнение из-за того что остаются ненужные части кода.
      Я ещё зелёный в программировании :)
      Склоняюсь к тому, что лучше будет выучить языки с которыми собираюсь работать, а потом уже пользоваться помощниками для уменьшения времени на работу.

    • @vgenm2457
      @vgenm2457 3 года назад

      @@FreightChannel Скачай книгу по Html и CSS там все написано что где применять ,.

  • @maksym.
    @maksym. 3 года назад +1

    какой бек лучше всего учить к реакту?

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Node js

    • @viacheslav90
      @viacheslav90 3 года назад

      Да чего угодно node.js, можно python с Django, flask, либо php со своими laravel, symfony, yii, еще Java spring или c# .net. Попробуй хэлоуворды каждого из этих вариантов и там видно будет что понравится, ну и плюс нужно смотреть на рынок вакансий в конкретном городе/стране.

  • @chromanon
    @chromanon 3 года назад

    Бутстрап😍, это как полуфабрикат, а сделать можно все что душе угодно😉

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Если очень захотеть

  • @zashkvardev2103
    @zashkvardev2103 3 года назад +1

    Коммент для продвижения видео)

    • @andros3012
      @andros3012 3 года назад +1

      Ответ тоже считается?)

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Спасибо ☺️

  • @AndriiKuftachov
    @AndriiKuftachov 3 года назад

    Мы все пишем на фреймворках, просто кто-то пишет свой кривой с нуля, так как это не только сетка, но у много всяких вспомогательных классов, которые уже есть и их знают люди.
    Если я возьму Bootstrap, то любой не совсем рукожоп из тех, кто имеет дело с фронтендом завтра придет и будет работать.
    А вес - это вообще не проблема для тех, кто знает что такое CDN.

  • @user-fb4gx8nv9x
    @user-fb4gx8nv9x 3 года назад +2

    так какие фреймворки лучше?

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Tailwind

    • @trance_hardstyle
      @trance_hardstyle 3 года назад

      новый (е) каждый год выходят

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      @@trance_hardstyle чуть ли не каждую неделю 😃

  • @romanchubich2013
    @romanchubich2013 3 года назад +2

    Нелёгкий выбор между велосипедами и костылями.

  • @MrBratello
    @MrBratello 10 месяцев назад

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

  • @user-wj1wv5ut2s
    @user-wj1wv5ut2s 3 года назад +3

    Я не люблю фреймворки, так как дизайнеры обычно рисуют макеты так, что ни под какой bootstrap они не подходят, а кастомизация по времени составляет то же время, что и написания с нуля на чистом css. css-фреймворки для дешёвых проектов обычно используются и какого-то удовольствия от такой разработки программист не получает.

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Если привыкнуть, кастомизация проходит быстро и легко

  • @MRaynold
    @MRaynold Месяц назад

    😊

  • @mirabbos02
    @mirabbos02 3 года назад +2

    What do you think about C should I learn in 2021

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +1

      What reasons to learn? Do you want to get a job with this language or just hobby?

    • @mirabbos02
      @mirabbos02 3 года назад +1

      @@SuprunAlexey initially for job

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +1

      I think no

    • @mirabbos02
      @mirabbos02 3 года назад +1

      Ok thanks for your attention

  • @EvgenOl
    @EvgenOl 3 года назад +1

    О том, что должен быть опыт в фреймворках ты сказал. А о том, что нужно уметь работать без них и чётко понимать, как устроен сам css ты не сказал. Это странно. А ведь есть куча людей которые бутсрапят целыми днями и при этом не понимают элементарных вещей.

  • @user-wm9of8ej4h
    @user-wm9of8ej4h 3 года назад

    Пробовал бутстрап, если все элементы со стилями по умолчанию, то все ок, а если начинаешь кастомизмровать, то начинает ломаться и налазить или вылазить и если ты новичек, то нихрена не поймешь почему и как это вылечить.

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Там нужно привыкнуть и иметь некоторый скилл

  • @user-fr8ic5yn7d
    @user-fr8ic5yn7d 3 года назад +23

    Жду уроки по tailwind css

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +4

      Один может будет в ближайшее время

    • @tentacle8148
      @tentacle8148 3 года назад

      Смысла нет ибо там отличная документация

  • @user-jq6kj4zz5e
    @user-jq6kj4zz5e 3 года назад

    как насчет поддержки кода с фрейморком, это тоже не малый минус

  • @user-oj3lz1wd7i
    @user-oj3lz1wd7i 2 года назад +1

    Как у новичка, у меня фреймворки вызывают недоумение тем, что их как-то трудно подогнать под верстку конркетного макета, у коготорого свои отсупы, свой цвет, и прочее.

  • @vasilyivanov7274
    @vasilyivanov7274 3 года назад

    В связи с упрощением (мнимым) извращается понимание сути веб-дев. Толпы джунов, которые ищут быстрый рецепт, вроде "вот щас сюда надо кнопку запендюрить", и потом видим такие сайты, что не у всяких нервы выдерживают. Касаемо фреймворков, можно самому себе собственный написать, с нужной кастомизацией. Короче котлеты можно в магазине готовые купить и зажарить, а можно и с мясорубкой поизвращаться, но получится вкуснее.

  • @OlegKolisnyk
    @OlegKolisnyk 3 года назад

    В 2021 году жаловаться на размер собранного файла из-за лишних компонентов можно только из-за собственной лени и нежелания разобраться в доступных инструментах. А Tailwind вообще всё даёт на блюдечке, нужно только открыть нужную страницу документации и почитать.

  • @war_criminal_
    @war_criminal_ 3 года назад +10

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

  • @grabdmitry
    @grabdmitry 3 года назад +2

    Перечисленных минусов нет у Tailwind CSS. Это тот же CSS только в виде классов, поэтому html-css знать нужно. Можно создавать компоненты и вообще кастомизировать. И самое главное - генерировать в итоговый style.css только те компоненты которые используются в верстке - получается пару килобайт. Бутсрапи подобные вообще непонятно кому нужен.

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Тут не хотят принимать Tailwind как бы я о нем не рассказывал, хотя когда то до всех дойдёт что это топ

    • @grabdmitry
      @grabdmitry 3 года назад

      @@SuprunAlexey многих пугает наверное работа с терминалом. Хотя уроков на аглицком валом как запустить его.
      Ну еще как вариант можно через CDN подключить потестить.
      Еще важно что его принцип от маленького экрана к большому. Хотя, когда разберешься можно в любую сторону.

    • @momon5994
      @momon5994 3 года назад

      А зачем он если есть вебпак?

    • @grabdmitry
      @grabdmitry 3 года назад +1

      @@momon5994 зачем вебпак здесь? Речь о css

    • @momon5994
      @momon5994 3 года назад

      @@grabdmitry Но сейчас css без js не существует, так зачем распылять внимание если есть один инструмент?

  • @knowhow242
    @knowhow242 3 года назад

    Фреймворк нужен, чтобы сэкономить время на решении стандартных частых задач. Остальное кастомизировать. Интересно кодить каждый компонент и придумывать велосипеды ? Ну удачи

  • @user-if6mb7fw1r
    @user-if6mb7fw1r 3 года назад +8

    У меня 7 лет опыта разработки я вам скажу какой основной минус, когда ты сделал на фреймворке новый таск то будущая переделка под нестандартные вещи приводит к тому что затрачивается больше времени. Фреймворки не гибки они как карточный домик и решение одной нестандартной задачи ведет к тому что приходится выдумывать костыли такие что мама не горюй. + ваше отупение от них. ну и то что перечислил автор. да еще каждый ваш символ в HTML или CSS 2 байта а это обработка процца !!!! (я работаю и с бэкхендом и фронтоном + опыт высоконагруженных системах )

  • @user-qe9zw4yj1n
    @user-qe9zw4yj1n 3 года назад

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

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +1

      Что то в этом есть)

    • @IamUkrainian47
      @IamUkrainian47 3 года назад

      Тут мова про інші фреймворки

    • @nekto_izvestnyy
      @nekto_izvestnyy 3 года назад

      Запросы-инъекции сейчас то? Пойду покупать доллар по 14

    • @user-qe9zw4yj1n
      @user-qe9zw4yj1n 3 года назад

      @@nekto_izvestnyy ага, сейчас то), три года назад я наблюдал у себя в базе данных такие запросы, или может вы знаете какие сейчас есть способы взломов?)

    • @nekto_izvestnyy
      @nekto_izvestnyy 3 года назад

      Странный разговора под в видео про фронт, но да ладно. Не хочу здесь устраивать лекции про PDO, фильтрацию, токены, абстракцию и прочее, но соблюдение основных рекомендаций по безопасности спасет вас от большинства злых дядек и тем более от SQL-инъекций. А так понапишут запросы напрямую в базу, в темплейте а затем фреймворки виноваты.

  • @vekuaa
    @vekuaa 3 года назад +6

    А мне вот фреймворки не нравятся, много лишнего, я предпочитаю использовать или чистый CSS, или свою мини библиотеку, а из бутстрапа мне нравится сетка, по моему мнению не стоит верстать сайт компонентами бутстрапа, а вот Bootstrap grid это хорошая штука, хотя лучше CSS сетка и flexbox. Для более новых кодеров использование фреймворка тоже не очень, а вот если человек понимает как там всё устроено и написанно, и сам без фреймворка может реализовать такое (Аккордеон, меню-гамбургер, dropdown, и прочее), то испольвзование фреймворка более одобрительно.

    • @AndriiKuftachov
      @AndriiKuftachov 3 года назад +1

      Чистый CSS который будешь писать с нуля каждый проект, чтобы делать его медленнее.
      Или свою кривую мини библиотеку, которую не понятно как работает, на пример, на разных устройствах.
      И как ты ее будешь обновлять? Фиксить? Добавлять новый функционал?
      Ты будешь копипастить ее или подключать с внешнего источника?
      А завтра будет кто-то другой работать с твоими стилями, уверен, что ему очень понравится?

    • @user-rp9gi3xi5u
      @user-rp9gi3xi5u 3 года назад +1

      Andrii Kuftachov ты работал когда-нибудь в команде? Или открывал свой проект спустя месяц-два? Тебе понадобится не один день, чтобы вспомнить, разобраться в чужом коде и начать что-то писать. Так что не пугай тут использованием CSS без design-system’s. Bootstrap хорош только для прототипирования, единственное, что можно у них украсть, это брэйкпоинты сетки

    • @AndriiKuftachov
      @AndriiKuftachov 3 года назад

      @@user-rp9gi3xi5u со своим кодом проблем вообще нету.
      Понимание чужого кода зависит от того, на сколько тот человек умеет писать код.
      И естественно, если это будет Bootstrap, то мне не нужно будет лишний раз думать о том, что там и почему.
      Есть куча систем, в которых не нужен какой-то особый дизайн, чтобы писать свое решение ещё и в CSS, а вот Bootstrap даёт удобство, понятность, предсказуемость.
      P.S. Если ты через два месяца не можешь прочитать свой код, задумайся, тем ли ты вообще занимаешься.

    • @user-rp9gi3xi5u
      @user-rp9gi3xi5u 3 года назад

      Andrii Kuftachov он забывается и за меньшее время. Тут смотря какой код, и советы мне раздавать не нужно. У кого-то свой блог, а у кого АСУ ТП для АЭС

    • @vekuaa
      @vekuaa 3 года назад

      @@AndriiKuftachov Чел, сам ты кривой а в моей библиотеке я уже протестил всё на адаптив, а использую я её для СВОИХ проектов, и иногда использую бутстрап сетку, а ты используй свои дебильные компоненты и копируй кнопки с бутстрапа.

  • @welcomebrat
    @welcomebrat 3 года назад +1

    Фреморк они платные?

  • @vana__f7570
    @vana__f7570 3 года назад +5

    Ура!!! Я 12

  • @JesseJames-mh5kb
    @JesseJames-mh5kb 3 года назад

    Коммент для продвижения видео.

  • @MASTER-ALL-CHANNEL
    @MASTER-ALL-CHANNEL 2 года назад +2

    Фреймворки - это уязвимость сайтов, потеря производительности и проблемы с индексацией...

  • @eduardshkliaruk2318
    @eduardshkliaruk2318 3 года назад

    Каждый подход решает ту или иную задачу. Фреймворки хороши в задачах, где потребуется поддержка, расширение, где работает команда и нет seo (да, есть SSR, но простите, когда знаешь что будет сео, то это бред). А для обычных интернет магазинов не нужны фреймворки, это затратно по времени и деньгам. Лучше к каждой задачи искать свой подход, и использовать отдельный инструменты и либы.

    • @batm1x
      @batm1x 7 месяцев назад

      Каким образом использовать, например, таилвинд для верстки затратно по времени и по деньгам? 1 раз потратил время на конфигурацию, освоился и все дальнейшие интернет магазины верстаешь в 2 раза быстрее, разве нет?

  • @user-re1zz4oz2b
    @user-re1zz4oz2b 3 года назад

    Мне нравится Uikit 3.

  • @faizulla5838
    @faizulla5838 3 года назад

    Суть здесь я думаю не раскрыта.
    Есть всегда и везде 2 строны.
    Есть заказчик, те владелец сайта и ... подрядчик те програмист.... в лице 1 ед или компавнии , не важно.
    И у обоих 1 задача , сделать сайт, а цели разные.... у первого качество, надежность и простота.... у второго быстро ззаработать.
    Фраемворки придуманы для облегчения труда програмиста, там нет места для заказчика.
    Если делаете сайт для себя, пишите на чистом коде.... хоть рнр хоть js хоть css , ... а на фриланс естественно фреймы... бумс бумс и готово.
    это мое мнение.

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +1

      Как это нет места для заказчика? А если верстка нужна на вчера?😁

  • @33perec76
    @33perec76 3 года назад

    Не разделяю мнение автора. Код должен быть чистым:)

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      А где у вас код грязный?

    • @33perec76
      @33perec76 3 года назад

      @@SuprunAlexey
      Bootstrap использует классы под различные разрешения + медиазапросы. Станица на flexbox загрузится быстрее. Теоретически будет лучше для SEO, т.к. код чище. Верно?

  • @syimykamatov8955
    @syimykamatov8955 3 года назад

    Система сеток не нужно, когда знаен грид. Не всегда кастомизация проходит хорошо

  • @ZaurmagRu
    @ZaurmagRu 3 года назад

    На небольших проектах - фреймворки однозначно!

    • @ZaurmagRu
      @ZaurmagRu 3 года назад

      @Evgeniy La Время важный момент в этом деле, поэтому будем пользоваться подобными инструментами. Другое дело, когда работаешь в команде и за за твое время тебе хорошо оплачивают. Тогда можно и с нуля все писать.

  • @SULTANVIDEOGAMES
    @SULTANVIDEOGAMES 3 года назад +8

    Мармок зачем тебе это? Для души? Голос надо было сильнее маскировать :)

  • @ImmortalBest
    @ImmortalBest 3 года назад +6

    для верстки лучше всего с++

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +4

      Pascal

    • @user-mk6kg6lr9v
      @user-mk6kg6lr9v 3 года назад +1

      @@SuprunAlexey поддерживаю

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +1

      Без сомнений

    • @APLvision
      @APLvision 3 года назад +3

      Проигрывает ассемблеру в скорости

    • @ImmortalBest
      @ImmortalBest 3 года назад +1

      @@APLvision че за мужчина этот ваш ассемблер?

  • @user-wl2xp8yo6x
    @user-wl2xp8yo6x 3 года назад +3

    Фоновая музыка не в тему( Сижу слушаю рассказ и параллельно отвлекаюсь на музыку (туда - сюда). Не надо так.

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Удержание аудитории в таких роликах с музыкой в 3 раза выше 😕😕

    • @user-wl2xp8yo6x
      @user-wl2xp8yo6x 3 года назад +1

      @@SuprunAlexey видимо не вхожу в ту аудиторию, но по факту слишком громко. Если кто после моего комментария обратит внимание на музыку поймет меня.

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      @@user-wl2xp8yo6x я ставлю максимально тихо 🤔🤔🤔🤔

  • @ozabot
    @ozabot 3 года назад

    Писать с нуля романтично и брутально, но на рынке труда надо плясать под реалии заказа. Бутстрап не любят за то, что все сайты на нем похожи друг на друга, но это лечится не тупым копированием, а простым созданием файла сасс-переменных, которые переназначают переменные самого бутстрапа. А касательно лишних компонентов: в итоге оказывается, что все они нужны и еще даже нужно создавать новые. Особенно, когда надо собирать админку или сервис, то бутстрап или иной фв это отличное решение. Естественно, если вы делаете одностраничные лендинги на фреймворке, то вам стоит задуматься, что тут что-то не так.

  • @PupaLupaZ
    @PupaLupaZ 3 года назад

    Надо ли учить фреймворки? Надо учить те инструменты и технологии, которые планируете использовать. Базовый html + css на хорошем уровне гораздо более ценное знание, чем знание фоеймворков. Есть куча бекендеров, которые не умеют верстать и по этой причине, творят ужасные разработки неудобные для фронтендеров и на выходе получается неудобный интерыейс, зато они же умеют в реакт + тейлвинд причем очень быстро.

  • @alexleshenko
    @alexleshenko 3 года назад

    Вот по мне так к черту их)) но паг много где хотят)))

  • @imbydlo1552
    @imbydlo1552 3 года назад +1

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

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Та ну как быстро, целый день на это уходит

    • @vgenm2457
      @vgenm2457 3 года назад

      Ну если бы он программировал то б каждый день видосики не писал .

    • @AndriiKuftachov
      @AndriiKuftachov 3 года назад +1

      Просто у него явно есть какой-то фреймворк, чтобы видосики делать 🤣

    • @imbydlo1552
      @imbydlo1552 3 года назад

      Аха, который он сам создал из HTML, CSS, JS + BOOTSTARP

  • @sidless3862
    @sidless3862 3 года назад

    Фреймворки полезны тем, кто уже его хорошо знает и ему надо быстро сверстать страницу. Для новичков же проще просто сверстать сайт, чем разбираться с фреймворком

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +1

      Спорный момент, мне кажется фреймворки очень сильно облегчают жизнь новичкам. А ну, кто как считает?

    • @viacheslav90
      @viacheslav90 3 года назад

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

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Ну вот)

    • @alexwill7818
      @alexwill7818 3 года назад

      @@viacheslav90 на нормальных заказах с кастомным дизайном больше времени потратишь чтобы перебить стили фреймворка под дизайн, теряется смысл, проще с нуля сразу по дизайну пилить и код будет чище

    • @viacheslav90
      @viacheslav90 3 года назад

      @@alexwill7818 на нормальных заказах это делают фронтедеры) Я бэком занимаюсь

  • @TheTarasik
    @TheTarasik 3 года назад +1

    Мое мнение что фреймворки предназначены только для учебы и вообще того чтобы человек понял как вся эта каша работает. Лично я посмотрел например на модальное окно и задумался как оно работает, это привело меня к тому что теперь я не использую готовое, а делаю свое и самое интересное что я понимаю как это работает и могу реализовать ту или иную задачу очень быстро.
    Советую писать свое, ведь нормальные проекты например на бутстрап - не делаются.

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Миллионы нормальных зарубежных проектов написаны на бутстрап)

    • @TheTarasik
      @TheTarasik 3 года назад

      @@SuprunAlexey юзать бутстрап только в том случае если тебе не заплатили за верстку, а по-быстрому накидать какую-то ui-шку нужно то фреймворк идеально подходит. Майкрософт и нетфликс насколько я знаю на бутстрапе сделаны, а все остальные? Гугл, ютуб, инста, фейсбук к примеру Это все?

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      @@TheTarasik Гугл, ютуб у них маетериал дизайн

  • @iddqdiddqd8011
    @iddqdiddqd8011 2 года назад

    Фреймворки слишком сложны для начинающих. Да и зачем они нужны, если есть grid css.

  • @nekto_izvestnyy
    @nekto_izvestnyy 3 года назад +4

    Мы ушли от использования css-фреймворков уже давно, чего и вам желаю при должном опыте это только мешает. Кароч учите css господа, это очень просто.
    П.С. А низкий порог вхождения ну такой себе плюс ибо слишком он уж низкий сразу после WIX примерно) Очень редко встречаю нормально сделаные проекты на том же bootstrap, обычно его хакают своими стилями безобразно и в результате каша а не стандартизация.

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Да, бывает и такое

  • @casuale1200
    @casuale1200 3 года назад +3

    Только я на чистом js пишу игры?😅

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +1

      Завтра все напишут, сделаю видос с простой игрой

    • @user-po5ih2pj5h
      @user-po5ih2pj5h 3 года назад +1

      @@SuprunAlexey на js игру? Если да то очень круто

    • @casuale1200
      @casuale1200 3 года назад +1

      @@SuprunAlexey ура

    • @casuale1200
      @casuale1200 3 года назад +1

      @@SuprunAlexey если завтра будет видео то будет круто

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +1

      @@user-po5ih2pj5h да

  • @oleg4438
    @oleg4438 3 года назад +3

    Ура я 2021 просмотревший в 2021 году

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +1

      😄😄👍🏻 ещё лучше было бы, если бы ты был 2021ым поставившим лайк, но что то лайков маловато(

  • @yuriyovdeyev685
    @yuriyovdeyev685 3 года назад +1

    Достаточно долго уже как забил на все CSS фреймворки, слишком большой оверхед. Тем более с новыми алгоритмами гугль-лайтхауса они заметно могут влиять на показатели скорости загрузки страницы.

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      Спорный момент. Все не настолько критично

    • @yuriyovdeyev685
      @yuriyovdeyev685 3 года назад

      @@SuprunAlexey Ну тут зависит от конкретного проекта и фреймворка. В моих проектах я стал писать с нуля все (кроме сетки) о чем ничуть не жалею.

  • @ilit0s
    @ilit0s 3 года назад

    ну так сразу говори "тильда-разработчики.
    буэээ

  • @malex81
    @malex81 Год назад

    Первый недостаток - это из серии "если менять автомобили, то придется привыкать к их особенностям, поэтому лучше ходить пешком". Если для вас проблема менять фреймворки - не меняйте их, выберите один, который понравится больше всего и держитесь его - это все равно быстрее, чем писать все самому. Разговор о замене фреймворков на flexbox и grid еще более глупый, так как подавляющее большинство фреймворков уже используют под капотом те же flexbox или grid. Ну и про размер файла - вы серьезно? На каком устройстве вы планируете крутить свой сайт, если для вас это критично?

  • @petershon5808
    @petershon5808 3 года назад +2

    7:02 Mpазь! Сидит за мамкиным ноутом, демпингует цены. Ещё улыбочка такая тухлая, как я и представлял. Лучше бы в Minecraft играл

  • @aglsd4549
    @aglsd4549 3 года назад

    Настоящие дизайнеры-верстальщики пишут без фреймворков, считаю css js фреймворки бесполезной неудобной фигнёй

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      😃😃😃 понял принял

  • @r2r4ik
    @r2r4ik 3 года назад +1

    Не надо!!!

    • @SuprunAlexey
      @SuprunAlexey  3 года назад +1

      Что не надо?

    • @r2r4ik
      @r2r4ik 3 года назад

      @@SuprunAlexey не надо фреймворк, надо самому писать...

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      @@r2r4ik аргументы?

    • @r2r4ik
      @r2r4ik 3 года назад

      @@SuprunAlexey вес, особенний стиль и практика

    • @SuprunAlexey
      @SuprunAlexey  3 года назад

      @@r2r4ik практика?

  • @dondragon6949
    @dondragon6949 Год назад +1

    Знать ХТМЛ5...и выше CSS
    и джава скрипт)
    а это всё что надо)!!!

  • @user-ji8nx3hy2i
    @user-ji8nx3hy2i Год назад

    Осуждаю! Бутстреп топовый!

  • @WebDeveloperGM
    @WebDeveloperGM 2 года назад

    нужно или не нужно не мы решаем.