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

Поділитися
Вставка
  • Опубліковано 28 чер 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ый день, ну ты и даёшь. Так держать

  • @scarlatum
    @scarlatum 3 роки тому +9

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

  • @user-md6zu5sr9b
    @user-md6zu5sr9b 3 роки тому +1

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

  • @user-ilya12
    @user-ilya12 3 роки тому

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

  • @diyorbek6752
    @diyorbek6752 Рік тому +1

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

  • @user-oj3lz1wd7i
    @user-oj3lz1wd7i 2 роки тому +5

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

  • @arsenmanasuev4934
    @arsenmanasuev4934 3 роки тому +34

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому +1

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

    • @webitproff
      @webitproff 3 роки тому

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

    • @webitproff
      @webitproff 3 роки тому

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

  • @mikewazowski7526
    @mikewazowski7526 3 роки тому

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

  • @andrewgrini5670
    @andrewgrini5670 3 роки тому

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

  • @arrurp
    @arrurp 3 роки тому +7

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

  • @user-tn1yc1ij8d
    @user-tn1yc1ij8d 3 роки тому

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому +1

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

  • @KZ-zi9is
    @KZ-zi9is 3 роки тому +17

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому +1

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

  • @lostvayne6247
    @lostvayne6247 3 роки тому +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 попробуй и то и то

  • @f-len
    @f-len 3 роки тому +2

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

  • @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 роки тому

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

  • @mi.espana
    @mi.espana Рік тому +1

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

  • @larasport654
    @larasport654 2 роки тому

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

  • @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-jk4fj6ke5n
    @user-jk4fj6ke5n 3 роки тому

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

  • @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

  • @artyomagadzhanyan5472
    @artyomagadzhanyan5472 3 роки тому +3

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

  • @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 Чел, сам ты кривой а в моей библиотеке я уже протестил всё на адаптив, а использую я её для СВОИХ проектов, и иногда использую бутстрап сетку, а ты используй свои дебильные компоненты и копируй кнопки с бутстрапа.

  • @thomasshadows2797
    @thomasshadows2797 3 роки тому

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

  • @wolkbog8179
    @wolkbog8179 3 роки тому

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

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

    • @wolkbog8179
      @wolkbog8179 3 роки тому

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

  • @King-bg9yc
    @King-bg9yc 3 роки тому +1

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

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

    • @King-bg9yc
      @King-bg9yc 3 роки тому

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

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

  • @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, свое расширение для браузера.

  • @zashkvardev2103
    @zashkvardev2103 3 роки тому +1

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

    • @andros3012
      @andros3012 3 роки тому +1

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

      Спасибо ☺️

  • @user-fr8ic5yn7d
    @user-fr8ic5yn7d 3 роки тому +23

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому +4

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

    • @tentacle8148
      @tentacle8148 3 роки тому

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

  • @war_criminal_
    @war_criminal_ 3 роки тому +10

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

  • @Atractiondj
    @Atractiondj 2 роки тому

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

  • @user-wj1wv5ut2s
    @user-wj1wv5ut2s 3 роки тому +3

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

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

  • @ShortsPageTech
    @ShortsPageTech 3 роки тому +11

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому +5

      Да

    • @ShortsPageTech
      @ShortsPageTech 3 роки тому +3

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

      @@ShortsPageTech спасибо

    • @advanceduser3713
      @advanceduser3713 3 роки тому +3

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

    • @ShortsPageTech
      @ShortsPageTech 3 роки тому

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

  • @user-oj3lz1wd7i
    @user-oj3lz1wd7i 2 роки тому +1

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

  • @chromanon
    @chromanon 3 роки тому

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

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

  • @user-if6mb7fw1r
    @user-if6mb7fw1r 3 роки тому +8

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

  • @wesoychswiat5115
    @wesoychswiat5115 3 роки тому

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

    • @roelogin
      @roelogin 3 роки тому

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

  • @vana__f7570
    @vana__f7570 3 роки тому +5

    Ура!!! Я 12

  • @AndriiKuftachov
    @AndriiKuftachov 3 роки тому

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

  • @user-cq2fm5nh1o
    @user-cq2fm5nh1o 3 роки тому

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

  • @yura5215
    @yura5215 3 роки тому +1

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому +2

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

    • @yura5215
      @yura5215 3 роки тому

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

  • @toyotominashimoto9963
    @toyotominashimoto9963 3 роки тому

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому +1

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

    • @toyotominashimoto9963
      @toyotominashimoto9963 3 роки тому

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

    • @momon5994
      @momon5994 3 роки тому

      Webpack

  • @MRaynold
    @MRaynold 2 місяці тому

    😊

  • @romanchubich2013
    @romanchubich2013 3 роки тому +2

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

  • @JesseJames-mh5kb
    @JesseJames-mh5kb 3 роки тому

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

  • @eduardshkliaruk2318
    @eduardshkliaruk2318 3 роки тому

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

  • @DimaScorpio1986
    @DimaScorpio1986 3 роки тому

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

  • @user-re1zz4oz2b
    @user-re1zz4oz2b 3 роки тому

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

  • @vasilyivanov7274
    @vasilyivanov7274 3 роки тому

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

  • @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 роки тому

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

  • @SULTANVIDEOGAMES
    @SULTANVIDEOGAMES 3 роки тому +8

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

  • @dondragon6949
    @dondragon6949 Рік тому +1

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

  • @MASTER-ALL-CHANNEL
    @MASTER-ALL-CHANNEL 2 роки тому +2

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

  • @MrBratello
    @MrBratello 11 місяців тому

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

  • @user-wm9of8ej4h
    @user-wm9of8ej4h 3 роки тому

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

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

  • @EvgenOl
    @EvgenOl 3 роки тому +1

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

  • @WhiteBear141981
    @WhiteBear141981 3 роки тому

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

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

  • @OlegKolisnyk
    @OlegKolisnyk 3 роки тому

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

  • @knowhow242
    @knowhow242 3 роки тому

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

  • @ZaurmagRu
    @ZaurmagRu 3 роки тому

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

    • @ZaurmagRu
      @ZaurmagRu 3 роки тому

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

  • @FreightChannel
    @FreightChannel 3 роки тому

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

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

    • @FreightChannel
      @FreightChannel 3 роки тому

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

    • @vgenm2457
      @vgenm2457 3 роки тому

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

  • @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 не существует, так зачем распылять внимание если есть один инструмент?

  • @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-инъекций. А так понапишут запросы напрямую в базу, в темплейте а затем фреймворки виноваты.

  • @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. Попробуй хэлоуворды каждого из этих вариантов и там видно будет что понравится, ну и плюс нужно смотреть на рынок вакансий в конкретном городе/стране.

  • @user-jq6kj4zz5e
    @user-jq6kj4zz5e 3 роки тому

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

  • @eduardshkliaruk2318
    @eduardshkliaruk2318 3 роки тому

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

    • @batm1x
      @batm1x 8 місяців тому

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

  • @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

  • @33perec76
    @33perec76 3 роки тому

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

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

    • @33perec76
      @33perec76 3 роки тому

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

  • @user-fb4gx8nv9x
    @user-fb4gx8nv9x 3 роки тому +2

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

      Tailwind

    • @trance_hardstyle
      @trance_hardstyle 3 роки тому

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

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

  • @faizulla5838
    @faizulla5838 3 роки тому

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому +1

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

  • @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 че за мужчина этот ваш ассемблер?

  • @alexleshenko
    @alexleshenko 3 роки тому

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

  • @syimykamatov8955
    @syimykamatov8955 3 роки тому

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

  • @welcomebrat
    @welcomebrat 3 роки тому +1

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

  • @PupaLupaZ
    @PupaLupaZ 3 роки тому

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

  • @ozabot
    @ozabot 3 роки тому

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

  • @imbydlo1552
    @imbydlo1552 3 роки тому +1

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

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

    • @vgenm2457
      @vgenm2457 3 роки тому

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

    • @AndriiKuftachov
      @AndriiKuftachov 3 роки тому +1

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

    • @imbydlo1552
      @imbydlo1552 3 роки тому

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

  • @oleg4438
    @oleg4438 3 роки тому +3

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому +1

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

  • @sidless3862
    @sidless3862 3 роки тому

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому +1

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

    • @viacheslav90
      @viacheslav90 3 роки тому

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

      Ну вот)

    • @alexwill7818
      @alexwill7818 3 роки тому

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

    • @viacheslav90
      @viacheslav90 3 роки тому

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

  • @iddqdiddqd8011
    @iddqdiddqd8011 2 роки тому

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

  • @user-wl2xp8yo6x
    @user-wl2xp8yo6x 3 роки тому +3

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

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

    • @user-wl2xp8yo6x
      @user-wl2xp8yo6x 3 роки тому +1

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

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

  • @TheTarasik
    @TheTarasik 3 роки тому +1

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

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

    • @TheTarasik
      @TheTarasik 3 роки тому

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

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

  • @nekto_izvestnyy
    @nekto_izvestnyy 3 роки тому +4

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

  • @yuriyovdeyev685
    @yuriyovdeyev685 3 роки тому +1

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

    • @SuprunAlexey
      @SuprunAlexey  3 роки тому

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

    • @yuriyovdeyev685
      @yuriyovdeyev685 3 роки тому

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

  • @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 да

  • @petershon5808
    @petershon5808 3 роки тому +2

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

  • @ilit0s
    @ilit0s 3 роки тому

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

  • @malex81
    @malex81 Рік тому

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

  • @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 практика?

  • @user-ji8nx3hy2i
    @user-ji8nx3hy2i Рік тому

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

  • @WebDeveloperGM
    @WebDeveloperGM 2 роки тому

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