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

  Рет қаралды 49,057

Web Developer Blog

Web Developer Blog

Күн бұрын

Пікірлер: 247
@ЯкобФилин
@ЯкобФилин 3 жыл бұрын
К примеру. вот освоил по урокам на ютубе кое-каие основы, даже свои приемы придумал. Научился верстать адаптивное бюргер-меню. ..И решил поставить фреймворк. Думаю, дай добавлю красивых стилей. Так вот, появилась дополнительная полоса вторая прокрутки. И так ее пытаюсь убрать, и этак. теперь. Уже и классы разные удалил. И вот вопрос -- сколько у меня времени уйдет, чтобы разобраться, и где это хваленое удобство и простота?
@scarlatum
@scarlatum 3 жыл бұрын
Люблю фреймворки. Обожаю. Особенно люблю то количество обёрток в разметке, с двумя строками адаптивных классов, что аж мурашки по коже бегают. Но а если серьёзно, если вы используете от фреймворка лишь сетку - Смело переходите на Grid'ы. И себе услугу на будущее сделаете, и других в бешенство вводить не будете.
@arsenmanasuev4934
@arsenmanasuev4934 3 жыл бұрын
Думаю что такое может порадовать только тех кто толком не умеет верстать. Я не против фреймворков, но думаю что для начала нужно понимание основ и потом уже использование инструмента. А иначе выходит жуткая лажа из БС винда и кучи сторонних каруселей и прочего прочего прочего.
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Если не будет необходимости кастомизировать, тогда можно и сразу. А так да, нужны базовые знания.
@webitproff
@webitproff 3 жыл бұрын
@@SuprunAlexey а базовым уже учился, после как начал использовать UIKIT3, потом уже начал вникать что и как, так что если не знаешь - советую начинать с фреймоврка, а потом уже в детали основ
@webitproff
@webitproff 3 жыл бұрын
Сталин не вникал, в проблемы танкостроения, пока они не появлялись, так и тут, строим танк - катаем, потом разбираемся
@matsumbra4984
@matsumbra4984 3 жыл бұрын
Новое видео каждый день, уже 4ый день, ну ты и даёшь. Так держать
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Это не на долго 😅
@KZ-zi9is
@KZ-zi9is 3 жыл бұрын
В принципе нужны. Ускоряют работу. Это либо известные фреймворки, либо у каждого свой. Часто, когда вопрос времени стоит остро, я делаю так. Накидываю вёрстку на бутстрепе. По окончанию вёрстки удаляю все неиспользуемые стили, а оставшиеся подправляю и переименовываю в удобоваримые. Получается быстро и сердито )))
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Да, определенно ✅👍🏻👍🏻
@arrurp
@arrurp 3 жыл бұрын
1. невозможность выстроить более точкую сетку на бутстрапе, чем в 12 столбцов. Например, сделать фильтр в строку где 5 комбобоксов и немного поиграть с размером каждого почти нереально. 2. Если есть дизайнер, то уже на первых макетах можно обломаться. 3. Количество HTML в разы больше. Почему эти минусы не сказали?
@saintspirit
@saintspirit 3 жыл бұрын
За бустрап и двор стреляю в упор!
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Хорош, бандит
@dangerousphone5313
@dangerousphone5313 3 жыл бұрын
+
@MrEmil-cf8wo
@MrEmil-cf8wo 3 жыл бұрын
А мне больше нравится когда соло верстаю
@tentacle8148
@tentacle8148 3 жыл бұрын
На больших тяжёлых проэктах ты потратишь больше времени подстраивая его под себя, чем на написание кода. Наверное даже лучше будет сделать vanilla layout.
@detro1821
@detro1821 3 жыл бұрын
постепенно деградируешь с ним, осторожно
@ПростоЧел-с2ы9б
@ПростоЧел-с2ы9б 3 жыл бұрын
Большое спасибо за видео, а то выучил css & html и думал нужны ли фреймворки и какие. Хотя бызовый Bootstrap знаю.
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Сделаю пару практик вёрстки, у меня в плейлистах есть
@ПростоЧел-с2ы9б
@ПростоЧел-с2ы9б 3 жыл бұрын
@@SuprunAlexey это очень хорошо! Но я до сих пор не могу определиться между фронт-енд и бек-енд
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
@@ПростоЧел-с2ы9б попробуй и то и то
@mi.espana
@mi.espana Жыл бұрын
Bootstrap это лучшее, что я изучил. Клиенту нужен результат, что-то готовое. Но можно и через css добавить! Поэтому для начала ТОЛЬКО BOOTSTRAP!
@f-len
@f-len 3 жыл бұрын
Я всегда писал только на чистых языках. Использую только лесс для ускорения написания CSS. До появления флексов было сложнее ( конечно! Я же тогда только учился!)) ), но после стало намного проще, собенно с появлением гридов!!
@diyorbek6752
@diyorbek6752 2 жыл бұрын
спасибо брат за полезное видео
@Владимир-ь7о9и
@Владимир-ь7о9и 3 жыл бұрын
Срочно нужен видос по работе с фрейворками !
@artyomagadzhanyan5472
@artyomagadzhanyan5472 3 жыл бұрын
Когда я начинал, думал что фреймворк это круто потому что порой приходилось тратить давольно много времени на понимание того или иного элемента. Через какое-то время (а именно через 6 месяцев) и набрал столько знаний в HTML, CSS, JS что просто перестал использовать фреймворки. Проблема в чём, во фреймворках каждый элемент имеет уже предварительно имеющие характеристики и ты никак не можешь их изменить (особенно эта проблема остро стоит в Materialize CSS). Моё мнение, имеет достаточный багаж знаний в CSS & JS использование фреймворков просто теряет смысл...
@w_o_tabdirimov961
@w_o_tabdirimov961 3 жыл бұрын
Лайк от души
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Спасибо
@w_o_tabdirimov961
@w_o_tabdirimov961 3 жыл бұрын
@@SuprunAlexey ого самый быстрый ответ от блогеров
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
@@w_o_tabdirimov961 на телефон уведомления приходят, пока не занят отвечаю 👌🏻
@maksymgapachilo9507
@maksymgapachilo9507 3 жыл бұрын
Ну , использувал бутстрап для верстки, мне как то не понравилось ,так как не всегда выходит пиксель перфект . Сперва написал html коду , потом суопирувал все классы и быстро css уже работаешь, мне как то так проще ) , есть флекс бокси , удобно все без фреймворка)
@ДаниилДьяченко-й7б
@ДаниилДьяченко-й7б 3 жыл бұрын
Я не люблю фреймворки, так как дизайнеры обычно рисуют макеты так, что ни под какой bootstrap они не подходят, а кастомизация по времени составляет то же время, что и написания с нуля на чистом css. css-фреймворки для дешёвых проектов обычно используются и какого-то удовольствия от такой разработки программист не получает.
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Если привыкнуть, кастомизация проходит быстро и легко
@thomasshadows2797
@thomasshadows2797 3 жыл бұрын
Столкнулся на днях с такими проблемами с фреймворками: использую их через цдн, прописываю классы и другие нужные теги - облом; скачиваю, подключаю, прописываю классы, теги - облом; коротко - половина работает, а другая половина попросту не работает (хотя и консоль не выдает ошибок).
@lostvayne6247
@lostvayne6247 3 жыл бұрын
спасибо за видос
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Всегда пожалуйста
@user-ilya12
@user-ilya12 3 жыл бұрын
Спасибо за видео!
@mikewazowski7526
@mikewazowski7526 3 жыл бұрын
Спасибо, интересно!
@ЯкобФилин
@ЯкобФилин 3 жыл бұрын
Как у новичка, у меня фреймворки вызывают недоумение тем, что их как-то трудно подогнать под верстку конркетного макета, у коготорого свои отсупы, свой цвет, и прочее.
@Тыжепрограммистсделай
@Тыжепрограммистсделай 3 жыл бұрын
У меня 7 лет опыта разработки я вам скажу какой основной минус, когда ты сделал на фреймворке новый таск то будущая переделка под нестандартные вещи приводит к тому что затрачивается больше времени. Фреймворки не гибки они как карточный домик и решение одной нестандартной задачи ведет к тому что приходится выдумывать костыли такие что мама не горюй. + ваше отупение от них. ну и то что перечислил автор. да еще каждый ваш символ в HTML или CSS 2 байта а это обработка процца !!!! (я работаю и с бэкхендом и фронтоном + опыт высоконагруженных системах )
@ИльясСабиров-м5л
@ИльясСабиров-м5л 3 жыл бұрын
Жду уроки по tailwind css
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Один может будет в ближайшее время
@tentacle8148
@tentacle8148 3 жыл бұрын
Смысла нет ибо там отличная документация
@andrewgrini5670
@andrewgrini5670 3 жыл бұрын
Спасибо, интересное видео)
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Это хорошо ✅
@MrBratello
@MrBratello Жыл бұрын
А почему нельзя сохранить ту же скорость верстки, если сохраняешь все свои ручные наработки? Нашел, включил, поправил что надо, шлифанул.
@dondragon6949
@dondragon6949 Жыл бұрын
Знать ХТМЛ5...и выше CSS и джава скрипт) а это всё что надо)!!!
@Айбек-г3е
@Айбек-г3е 3 жыл бұрын
Это что праздник? Столько видосов
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Появилось немного свободного времени до середины января, вот и решил снимать по больше
@ДмитрийРог-ч1у
@ДмитрийРог-ч1у 3 жыл бұрын
ИЗ bootstrap 4 использую только сетку и все счастливы. Очень удобно её использовать из проекта в проект.
@leonidpodriz4940
@leonidpodriz4940 3 жыл бұрын
Что думаешь насчёт готовых компонентов для React (Material UI, например)? Замечается ли потеря производительности сайта за счёт их использования?
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
По идее любая нагрузка влияет на производительность, но тут я не тестил, не знаю насколько критично влияет, возможно вообще незаметно
@ITime_shorts
@ITime_shorts 3 жыл бұрын
@@SuprunAlexey Если бы это было критично, их бы не использовали
@knowhow242
@knowhow242 3 жыл бұрын
Потеря производительности замечается, если не знать принципов React’a
@King-bg9yc
@King-bg9yc 3 жыл бұрын
Ну я верстал наполовину с фреймворком, наполовину сам. Незнаю может это тупо. Ну тема хорошая, не заезжаная т.к мнений много. Каждый день видео, круто. По js будет что нибуть?
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Надеюсь и комментариев будет много)) По js завтра игру напишем, простую, что б у каждого получилось))
@King-bg9yc
@King-bg9yc 3 жыл бұрын
@@SuprunAlexey о, круто! А какая игра, если не секрет?
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
@@King-bg9yc ну завтра и увидите
@vekuaa
@vekuaa 3 жыл бұрын
А мне вот фреймворки не нравятся, много лишнего, я предпочитаю использовать или чистый CSS, или свою мини библиотеку, а из бутстрапа мне нравится сетка, по моему мнению не стоит верстать сайт компонентами бутстрапа, а вот Bootstrap grid это хорошая штука, хотя лучше CSS сетка и flexbox. Для более новых кодеров использование фреймворка тоже не очень, а вот если человек понимает как там всё устроено и написанно, и сам без фреймворка может реализовать такое (Аккордеон, меню-гамбургер, dropdown, и прочее), то испольвзование фреймворка более одобрительно.
@AndriiKuftachov
@AndriiKuftachov 3 жыл бұрын
Чистый CSS который будешь писать с нуля каждый проект, чтобы делать его медленнее. Или свою кривую мини библиотеку, которую не понятно как работает, на пример, на разных устройствах. И как ты ее будешь обновлять? Фиксить? Добавлять новый функционал? Ты будешь копипастить ее или подключать с внешнего источника? А завтра будет кто-то другой работать с твоими стилями, уверен, что ему очень понравится?
@СергейВишневский-с5и
@СергейВишневский-с5и 3 жыл бұрын
Andrii Kuftachov ты работал когда-нибудь в команде? Или открывал свой проект спустя месяц-два? Тебе понадобится не один день, чтобы вспомнить, разобраться в чужом коде и начать что-то писать. Так что не пугай тут использованием CSS без design-system’s. Bootstrap хорош только для прототипирования, единственное, что можно у них украсть, это брэйкпоинты сетки
@AndriiKuftachov
@AndriiKuftachov 3 жыл бұрын
@@СергейВишневский-с5и со своим кодом проблем вообще нету. Понимание чужого кода зависит от того, на сколько тот человек умеет писать код. И естественно, если это будет Bootstrap, то мне не нужно будет лишний раз думать о том, что там и почему. Есть куча систем, в которых не нужен какой-то особый дизайн, чтобы писать свое решение ещё и в CSS, а вот Bootstrap даёт удобство, понятность, предсказуемость. P.S. Если ты через два месяца не можешь прочитать свой код, задумайся, тем ли ты вообще занимаешься.
@СергейВишневский-с5и
@СергейВишневский-с5и 3 жыл бұрын
Andrii Kuftachov он забывается и за меньшее время. Тут смотря какой код, и советы мне раздавать не нужно. У кого-то свой блог, а у кого АСУ ТП для АЭС
@vekuaa
@vekuaa 3 жыл бұрын
@@AndriiKuftachov Чел, сам ты кривой а в моей библиотеке я уже протестил всё на адаптив, а использую я её для СВОИХ проектов, и иногда использую бутстрап сетку, а ты используй свои дебильные компоненты и копируй кнопки с бутстрапа.
@EvgenOl
@EvgenOl 3 жыл бұрын
О том, что должен быть опыт в фреймворках ты сказал. А о том, что нужно уметь работать без них и чётко понимать, как устроен сам css ты не сказал. Это странно. А ведь есть куча людей которые бутсрапят целыми днями и при этом не понимают элементарных вещей.
@ShortsPageTech
@ShortsPageTech 3 жыл бұрын
Можете снять на тему full stack developer
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Да
@ShortsPageTech
@ShortsPageTech 3 жыл бұрын
@@SuprunAlexey Спасибо, хорошо слушать до конца и не длинные видосы круто👍
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
@@ShortsPageTech спасибо
@advanceduser3713
@advanceduser3713 3 жыл бұрын
я тебе могу рассказать и без видео. Сначала тебе дают мелкие задачки по верстке, ну типа ты ж программист, разберешься. и так потихоньку не успел оглянуться, уже пишешь на реакте, за ту же ЗП, как и чисто фронт или чисто бэк девелопер)
@ShortsPageTech
@ShortsPageTech 3 жыл бұрын
@@advanceduser3713 спс что обеслил,ты сам на каких ЯП пишеш?
@trance_hardstyle
@trance_hardstyle 3 жыл бұрын
Запиши видео, где ты применяешь 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, свое расширение для браузера.
@AndriiKuftachov
@AndriiKuftachov 3 жыл бұрын
Мы все пишем на фреймворках, просто кто-то пишет свой кривой с нуля, так как это не только сетка, но у много всяких вспомогательных классов, которые уже есть и их знают люди. Если я возьму Bootstrap, то любой не совсем рукожоп из тех, кто имеет дело с фронтендом завтра придет и будет работать. А вес - это вообще не проблема для тех, кто знает что такое CDN.
@romanchubich2013
@romanchubich2013 3 жыл бұрын
Нелёгкий выбор между велосипедами и костылями.
@vasilyivanov7274
@vasilyivanov7274 3 жыл бұрын
В связи с упрощением (мнимым) извращается понимание сути веб-дев. Толпы джунов, которые ищут быстрый рецепт, вроде "вот щас сюда надо кнопку запендюрить", и потом видим такие сайты, что не у всяких нервы выдерживают. Касаемо фреймворков, можно самому себе собственный написать, с нужной кастомизацией. Короче котлеты можно в магазине готовые купить и зажарить, а можно и с мясорубкой поизвращаться, но получится вкуснее.
@MRaynold
@MRaynold 5 ай бұрын
😊
@larasport654
@larasport654 2 жыл бұрын
Добрый день, напишите пожалуйста берете ли в ученики для обучения онлайн Нравится ваш канал. Или может подскажите пожалуйста, толковые курсы с дальнейшим трудоустройством. Заранее спасибо!
@zashkvardev2103
@zashkvardev2103 3 жыл бұрын
Коммент для продвижения видео)
@andros3012
@andros3012 3 жыл бұрын
Ответ тоже считается?)
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Спасибо ☺️
@MASTER-ALL-CHANNEL
@MASTER-ALL-CHANNEL 2 жыл бұрын
Фреймворки - это уязвимость сайтов, потеря производительности и проблемы с индексацией...
@grabdmitry
@grabdmitry 3 жыл бұрын
Перечисленных минусов нет у Tailwind CSS. Это тот же CSS только в виде классов, поэтому html-css знать нужно. Можно создавать компоненты и вообще кастомизировать. И самое главное - генерировать в итоговый style.css только те компоненты которые используются в верстке - получается пару килобайт. Бутсрапи подобные вообще непонятно кому нужен.
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Тут не хотят принимать Tailwind как бы я о нем не рассказывал, хотя когда то до всех дойдёт что это топ
@grabdmitry
@grabdmitry 3 жыл бұрын
@@SuprunAlexey многих пугает наверное работа с терминалом. Хотя уроков на аглицком валом как запустить его. Ну еще как вариант можно через CDN подключить потестить. Еще важно что его принцип от маленького экрана к большому. Хотя, когда разберешься можно в любую сторону.
@momon5994
@momon5994 3 жыл бұрын
А зачем он если есть вебпак?
@grabdmitry
@grabdmitry 3 жыл бұрын
@@momon5994 зачем вебпак здесь? Речь о css
@momon5994
@momon5994 3 жыл бұрын
@@grabdmitry Но сейчас css без js не существует, так зачем распылять внимание если есть один инструмент?
@SULTANVIDEOGAMES
@SULTANVIDEOGAMES 3 жыл бұрын
Мармок зачем тебе это? Для души? Голос надо было сильнее маскировать :)
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Да
@chromanon
@chromanon 3 жыл бұрын
Бутстрап😍, это как полуфабрикат, а сделать можно все что душе угодно😉
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Если очень захотеть
@vana__f7570
@vana__f7570 3 жыл бұрын
Ура!!! Я 12
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Круто!
@Atractiondj
@Atractiondj 3 жыл бұрын
Мне нравится создавать свой фреймворк так как точно знаешь как все работает, а местами фреймворки написаны с большим кодом чем можно сделать
@user-avmpapus
@user-avmpapus 3 жыл бұрын
Конечно нужны фреймворки, это удобно, фреймворки имеют высокую степень защиты от запросов-инъекций, но чем популярнее фреймворк, тем высока вероятность взлома и долгой загрузки сайта из-за избытка кода. Но еще можно писать самому, только вопрос не в этом, а в степени безопасности и скорости загрузки страницы.
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Что то в этом есть)
@IamUkrainian47
@IamUkrainian47 3 жыл бұрын
Тут мова про інші фреймворки
@nekto_izvestnyy
@nekto_izvestnyy 3 жыл бұрын
Запросы-инъекции сейчас то? Пойду покупать доллар по 14
@user-avmpapus
@user-avmpapus 3 жыл бұрын
@@nekto_izvestnyy ага, сейчас то), три года назад я наблюдал у себя в базе данных такие запросы, или может вы знаете какие сейчас есть способы взломов?)
@nekto_izvestnyy
@nekto_izvestnyy 3 жыл бұрын
Странный разговора под в видео про фронт, но да ладно. Не хочу здесь устраивать лекции про PDO, фильтрацию, токены, абстракцию и прочее, но соблюдение основных рекомендаций по безопасности спасет вас от большинства злых дядек и тем более от SQL-инъекций. А так понапишут запросы напрямую в базу, в темплейте а затем фреймворки виноваты.
@ТёмаКоролёв-к6ф
@ТёмаКоролёв-к6ф 3 жыл бұрын
Фоновая музыка не в тему( Сижу слушаю рассказ и параллельно отвлекаюсь на музыку (туда - сюда). Не надо так.
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Удержание аудитории в таких роликах с музыкой в 3 раза выше 😕😕
@ТёмаКоролёв-к6ф
@ТёмаКоролёв-к6ф 3 жыл бұрын
@@SuprunAlexey видимо не вхожу в ту аудиторию, но по факту слишком громко. Если кто после моего комментария обратит внимание на музыку поймет меня.
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
@@ТёмаКоролёв-к6ф я ставлю максимально тихо 🤔🤔🤔🤔
@toyotominashimoto9963
@toyotominashimoto9963 3 жыл бұрын
Привыкать к фреймворку? да какой там привыкать?! Бутстрап легко освоить. А кстати есть какое нить расширение или утилита для удаления ненужного и не используемого в проекте кода js css? Посоветуешь?
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
А ты не привыкаешь? 😐😐😐
@toyotominashimoto9963
@toyotominashimoto9963 3 жыл бұрын
да бутстрап очень прост. Система сетки для ребенка облегчена. Я например, освоил его менее чем за неделю
@momon5994
@momon5994 3 жыл бұрын
Webpack
@faizulla5838
@faizulla5838 3 жыл бұрын
Суть здесь я думаю не раскрыта. Есть всегда и везде 2 строны. Есть заказчик, те владелец сайта и ... подрядчик те програмист.... в лице 1 ед или компавнии , не важно. И у обоих 1 задача , сделать сайт, а цели разные.... у первого качество, надежность и простота.... у второго быстро ззаработать. Фраемворки придуманы для облегчения труда програмиста, там нет места для заказчика. Если делаете сайт для себя, пишите на чистом коде.... хоть рнр хоть js хоть css , ... а на фриланс естественно фреймы... бумс бумс и готово. это мое мнение.
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Как это нет места для заказчика? А если верстка нужна на вчера?😁
@knowhow242
@knowhow242 3 жыл бұрын
Фреймворк нужен, чтобы сэкономить время на решении стандартных частых задач. Остальное кастомизировать. Интересно кодить каждый компонент и придумывать велосипеды ? Ну удачи
@wolkbog8179
@wolkbog8179 3 жыл бұрын
Спасибо за видео, а то все слышу что фреймворки грузят очень сильно и надо все ручками делать. У меня конечно рука тренированая, многое видела... но с фреймворки быстрее. Но вот какой выбрать бы?
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Tailwind сейчас набирает популярность
@wolkbog8179
@wolkbog8179 3 жыл бұрын
@@SuprunAlexey ознакомлюсь, а то только про бутстрап слышу
@ImmortalBest
@ImmortalBest 3 жыл бұрын
для верстки лучше всего с++
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Pascal
@ДианаЕлнова
@ДианаЕлнова 3 жыл бұрын
@@SuprunAlexey поддерживаю
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Без сомнений
@APLvision
@APLvision 3 жыл бұрын
Проигрывает ассемблеру в скорости
@ImmortalBest
@ImmortalBest 3 жыл бұрын
@@APLvision че за мужчина этот ваш ассемблер?
@wesoychswiat5115
@wesoychswiat5115 3 жыл бұрын
Я как новичек в верстке стоит ли мне тратить время на освоение фреймворков либо же отталкиваться от css grid i flexbox За любой совет буду благодарен
@roelogin
@roelogin 3 жыл бұрын
20 лет стажа. Основы знать обязательно. А фреймворки -полезно. С учетом грамотной кастомизации это оч полезный инструмент. Тем более на них столько сделано, избежать знакомства, затруднительно.
@WhiteBear141981
@WhiteBear141981 3 жыл бұрын
Спасибо! А разве Flexbox и Grid вышли недавно? Это ж старые темы...
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Относительно недавно, не 20 лет же назад
@OlegKolisnyk
@OlegKolisnyk 3 жыл бұрын
В 2021 году жаловаться на размер собранного файла из-за лишних компонентов можно только из-за собственной лени и нежелания разобраться в доступных инструментах. А Tailwind вообще всё даёт на блюдечке, нужно только открыть нужную страницу документации и почитать.
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Именно
@ZaurmagRu
@ZaurmagRu 3 жыл бұрын
На небольших проектах - фреймворки однозначно!
@ZaurmagRu
@ZaurmagRu 3 жыл бұрын
@Evgeniy La Время важный момент в этом деле, поэтому будем пользоваться подобными инструментами. Другое дело, когда работаешь в команде и за за твое время тебе хорошо оплачивают. Тогда можно и с нуля все писать.
@eduardshkliaruk2318
@eduardshkliaruk2318 3 жыл бұрын
Каждый подход решает ту или иную задачу. Фреймворки хороши в задачах, где потребуется поддержка, расширение, где работает команда и нет seo (да, есть SSR, но простите, когда знаешь что будет сео, то это бред). А для обычных интернет магазинов не нужны фреймворки, это затратно по времени и деньгам. Лучше к каждой задачи искать свой подход, и использовать отдельный инструменты и либы.
@batm1x
@batm1x 11 ай бұрын
Каким образом использовать, например, таилвинд для верстки затратно по времени и по деньгам? 1 раз потратил время на конфигурацию, освоился и все дальнейшие интернет магазины верстаешь в 2 раза быстрее, разве нет?
@nekto_izvestnyy
@nekto_izvestnyy 3 жыл бұрын
Мы ушли от использования css-фреймворков уже давно, чего и вам желаю при должном опыте это только мешает. Кароч учите css господа, это очень просто. П.С. А низкий порог вхождения ну такой себе плюс ибо слишком он уж низкий сразу после WIX примерно) Очень редко встречаю нормально сделаные проекты на том же bootstrap, обычно его хакают своими стилями безобразно и в результате каша а не стандартизация.
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Да, бывает и такое
@yura5215
@yura5215 3 жыл бұрын
Есть какие-то варианты как можно удалить неиспользуемый цсс код на готовом сайте? Так чтоб не вручную и не платным сервисом
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Конечно, сделаю про это видео.
@yura5215
@yura5215 3 жыл бұрын
@@SuprunAlexey с нетерпением жду!)
@МерейИсмухамбетов-з6ш
@МерейИсмухамбетов-з6ш 3 жыл бұрын
Здраствуйте программисты-верстальщики! я новичок и недавно начал учить CSS GRID и теперь после просмотра этого видео у меня появились сомнения в этом фрэймворке Стоит ли мне его учить и ожидать от нее перспективу или же стоит учить другой фрэймворк? Если стоит учить другой то подскажите какой именно стоит для долго временной перспективы)
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Css grid это не Фреймворк
@МерейИсмухамбетов-з6ш
@МерейИсмухамбетов-з6ш 3 жыл бұрын
спасибо не знал
@vgenm2457
@vgenm2457 3 жыл бұрын
Ты сверстай для себя сначала хотя бы 10 лендингов, попробуй на гридах, сделай потом сделай на бутстрапе . Тогда поймешь .
@vgenm2457
@vgenm2457 3 жыл бұрын
Grid - сетка .
@vgenm2457
@vgenm2457 3 жыл бұрын
@Привет, Андрей Нужно учить все , просто везде надо знать куда применять вот и все . Главное польше писать кода и думать . А не копипастить . Вот и все .
@33perec76
@33perec76 3 жыл бұрын
Не разделяю мнение автора. Код должен быть чистым:)
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
А где у вас код грязный?
@33perec76
@33perec76 3 жыл бұрын
@@SuprunAlexey Bootstrap использует классы под различные разрешения + медиазапросы. Станица на flexbox загрузится быстрее. Теоретически будет лучше для SEO, т.к. код чище. Верно?
@ВолодимирПедан-о3ш
@ВолодимирПедан-о3ш 3 жыл бұрын
Пробовал бутстрап, если все элементы со стилями по умолчанию, то все ок, а если начинаешь кастомизмровать, то начинает ломаться и налазить или вылазить и если ты новичек, то нихрена не поймешь почему и как это вылечить.
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Там нужно привыкнуть и иметь некоторый скилл
@eduardshkliaruk2318
@eduardshkliaruk2318 3 жыл бұрын
А по bootstrap, все что я использую с него то ничего...... Может сетку, и то у себя описал ее в паро строк, а не под множеством классов.
@Руслан-х9з7ъ
@Руслан-х9з7ъ 3 жыл бұрын
какую клавиатуру используешь?
@mirabbos02
@mirabbos02 3 жыл бұрын
What do you think about C should I learn in 2021
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
What reasons to learn? Do you want to get a job with this language or just hobby?
@mirabbos02
@mirabbos02 3 жыл бұрын
@@SuprunAlexey initially for job
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
I think no
@mirabbos02
@mirabbos02 3 жыл бұрын
Ok thanks for your attention
@DimaScorpio1986
@DimaScorpio1986 3 жыл бұрын
Заказчик просит ВордПресс а там надо critical CSS ?
@ВладиславШаманов-и8о
@ВладиславШаманов-и8о 3 жыл бұрын
Мне нравится Uikit 3.
@ozabot
@ozabot 3 жыл бұрын
Писать с нуля романтично и брутально, но на рынке труда надо плясать под реалии заказа. Бутстрап не любят за то, что все сайты на нем похожи друг на друга, но это лечится не тупым копированием, а простым созданием файла сасс-переменных, которые переназначают переменные самого бутстрапа. А касательно лишних компонентов: в итоге оказывается, что все они нужны и еще даже нужно создавать новые. Особенно, когда надо собирать админку или сервис, то бутстрап или иной фв это отличное решение. Естественно, если вы делаете одностраничные лендинги на фреймворке, то вам стоит задуматься, что тут что-то не так.
@JesseJames-mh5kb
@JesseJames-mh5kb 3 жыл бұрын
Коммент для продвижения видео.
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Спасибо
@PupaLupaZ
@PupaLupaZ 3 жыл бұрын
Надо ли учить фреймворки? Надо учить те инструменты и технологии, которые планируете использовать. Базовый html + css на хорошем уровне гораздо более ценное знание, чем знание фоеймворков. Есть куча бекендеров, которые не умеют верстать и по этой причине, творят ужасные разработки неудобные для фронтендеров и на выходе получается неудобный интерыейс, зато они же умеют в реакт + тейлвинд причем очень быстро.
@KOT_PL
@KOT_PL 3 жыл бұрын
так какие фреймворки лучше?
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Tailwind
@trance_hardstyle
@trance_hardstyle 3 жыл бұрын
новый (е) каждый год выходят
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
@@trance_hardstyle чуть ли не каждую неделю 😃
@maksym.
@maksym. 3 жыл бұрын
какой бек лучше всего учить к реакту?
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Node js
@viacheslav90
@viacheslav90 3 жыл бұрын
Да чего угодно node.js, можно python с Django, flask, либо php со своими laravel, symfony, yii, еще Java spring или c# .net. Попробуй хэлоуворды каждого из этих вариантов и там видно будет что понравится, ну и плюс нужно смотреть на рынок вакансий в конкретном городе/стране.
@iddqdiddqd8011
@iddqdiddqd8011 2 жыл бұрын
Фреймворки слишком сложны для начинающих. Да и зачем они нужны, если есть grid css.
@sidless3862
@sidless3862 3 жыл бұрын
Фреймворки полезны тем, кто уже его хорошо знает и ему надо быстро сверстать страницу. Для новичков же проще просто сверстать сайт, чем разбираться с фреймворком
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Спорный момент, мне кажется фреймворки очень сильно облегчают жизнь новичкам. А ну, кто как считает?
@viacheslav90
@viacheslav90 3 жыл бұрын
Наоборот, мне как бекендеру проще взять фреймворк, хуяк-хуяк и страница готова и даже выглядит не стремно, чем ловить пиксели, чинить приехавшую вёрстку и придумывать резиновую вёрстку чтобы угодить всем размерам экрана, делать правильные отступы, рюшечки-менюшечки и тд, а по итогу получать кривое говно.
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Ну вот)
@alexwill7818
@alexwill7818 3 жыл бұрын
@@viacheslav90 на нормальных заказах с кастомным дизайном больше времени потратишь чтобы перебить стили фреймворка под дизайн, теряется смысл, проще с нуля сразу по дизайну пилить и код будет чище
@viacheslav90
@viacheslav90 3 жыл бұрын
@@alexwill7818 на нормальных заказах это делают фронтедеры) Я бэком занимаюсь
@yuriyovdeyev685
@yuriyovdeyev685 3 жыл бұрын
Достаточно долго уже как забил на все CSS фреймворки, слишком большой оверхед. Тем более с новыми алгоритмами гугль-лайтхауса они заметно могут влиять на показатели скорости загрузки страницы.
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Спорный момент. Все не настолько критично
@yuriyovdeyev685
@yuriyovdeyev685 3 жыл бұрын
@@SuprunAlexey Ну тут зависит от конкретного проекта и фреймворка. В моих проектах я стал писать с нуля все (кроме сетки) о чем ничуть не жалею.
@FreightChannel
@FreightChannel 3 жыл бұрын
Я правильно понимаю, что если я хочу видеть чистый м приятно читаемый код, тогда всё самому писать без фреймворков? Я только начал изучать html and css, как буду понимать эти языки то уже и за джаву возьмусь.
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
На фреймворках легче писать чистый и приятно читаемый код
@FreightChannel
@FreightChannel 3 жыл бұрын
@@SuprunAlexey Понял, из видео у меня сложилось обратное мнение из-за того что остаются ненужные части кода. Я ещё зелёный в программировании :) Склоняюсь к тому, что лучше будет выучить языки с которыми собираюсь работать, а потом уже пользоваться помощниками для уменьшения времени на работу.
@vgenm2457
@vgenm2457 3 жыл бұрын
@@FreightChannel Скачай книгу по Html и CSS там все написано что где применять ,.
@oleg4438
@oleg4438 3 жыл бұрын
Ура я 2021 просмотревший в 2021 году
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
😄😄👍🏻 ещё лучше было бы, если бы ты был 2021ым поставившим лайк, но что то лайков маловато(
@TheTarasik
@TheTarasik 3 жыл бұрын
Мое мнение что фреймворки предназначены только для учебы и вообще того чтобы человек понял как вся эта каша работает. Лично я посмотрел например на модальное окно и задумался как оно работает, это привело меня к тому что теперь я не использую готовое, а делаю свое и самое интересное что я понимаю как это работает и могу реализовать ту или иную задачу очень быстро. Советую писать свое, ведь нормальные проекты например на бутстрап - не делаются.
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Миллионы нормальных зарубежных проектов написаны на бутстрап)
@TheTarasik
@TheTarasik 3 жыл бұрын
@@SuprunAlexey юзать бутстрап только в том случае если тебе не заплатили за верстку, а по-быстрому накидать какую-то ui-шку нужно то фреймворк идеально подходит. Майкрософт и нетфликс насколько я знаю на бутстрапе сделаны, а все остальные? Гугл, ютуб, инста, фейсбук к примеру Это все?
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
@@TheTarasik Гугл, ютуб у них маетериал дизайн
@АртурКоваленко-к6ы
@АртурКоваленко-к6ы 3 жыл бұрын
как насчет поддержки кода с фрейморком, это тоже не малый минус
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Та вроде как плюс
@welcomebrat
@welcomebrat 3 жыл бұрын
Фреморк они платные?
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Нет
@alexleshenko
@alexleshenko 3 жыл бұрын
Вот по мне так к черту их)) но паг много где хотят)))
@imbydlo1552
@imbydlo1552 3 жыл бұрын
У тебя получается так быстро создавать видосики за короткое время. Наверное уже проф в монтаже
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Та ну как быстро, целый день на это уходит
@vgenm2457
@vgenm2457 3 жыл бұрын
Ну если бы он программировал то б каждый день видосики не писал .
@AndriiKuftachov
@AndriiKuftachov 3 жыл бұрын
Просто у него явно есть какой-то фреймворк, чтобы видосики делать 🤣
@imbydlo1552
@imbydlo1552 3 жыл бұрын
Аха, который он сам создал из HTML, CSS, JS + BOOTSTARP
@malex81
@malex81 Жыл бұрын
Первый недостаток - это из серии "если менять автомобили, то придется привыкать к их особенностям, поэтому лучше ходить пешком". Если для вас проблема менять фреймворки - не меняйте их, выберите один, который понравится больше всего и держитесь его - это все равно быстрее, чем писать все самому. Разговор о замене фреймворков на flexbox и grid еще более глупый, так как подавляющее большинство фреймворков уже используют под капотом те же flexbox или grid. Ну и про размер файла - вы серьезно? На каком устройстве вы планируете крутить свой сайт, если для вас это критично?
@casuale1200
@casuale1200 3 жыл бұрын
Только я на чистом js пишу игры?😅
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Завтра все напишут, сделаю видос с простой игрой
@ПростоЧел-с2ы9б
@ПростоЧел-с2ы9б 3 жыл бұрын
@@SuprunAlexey на js игру? Если да то очень круто
@casuale1200
@casuale1200 3 жыл бұрын
@@SuprunAlexey ура
@casuale1200
@casuale1200 3 жыл бұрын
@@SuprunAlexey если завтра будет видео то будет круто
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
@@ПростоЧел-с2ы9б да
@syimykamatov8955
@syimykamatov8955 3 жыл бұрын
Система сеток не нужно, когда знаен грид. Не всегда кастомизация проходит хорошо
@petershon5808
@petershon5808 3 жыл бұрын
7:02 Mpазь! Сидит за мамкиным ноутом, демпингует цены. Ещё улыбочка такая тухлая, как я и представлял. Лучше бы в Minecraft играл
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Ужос
@ilit0s
@ilit0s 3 жыл бұрын
ну так сразу говори "тильда-разработчики. буэээ
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Не, не то пальто
@aglsd4549
@aglsd4549 3 жыл бұрын
Настоящие дизайнеры-верстальщики пишут без фреймворков, считаю css js фреймворки бесполезной неудобной фигнёй
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
😃😃😃 понял принял
@r2r4ik
@r2r4ik 3 жыл бұрын
Не надо!!!
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Что не надо?
@r2r4ik
@r2r4ik 3 жыл бұрын
@@SuprunAlexey не надо фреймворк, надо самому писать...
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
@@r2r4ik аргументы?
@r2r4ik
@r2r4ik 3 жыл бұрын
@@SuprunAlexey вес, особенний стиль и практика
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
@@r2r4ik практика?
@АндрейГорлов-ж8н
@АндрейГорлов-ж8н Жыл бұрын
Осуждаю! Бутстреп топовый!
@WebDeveloperGM
@WebDeveloperGM 3 жыл бұрын
нужно или не нужно не мы решаем.
Секрет фокусника! #shorts
00:15
Роман Magic
Рет қаралды 117 МЛН
Magic or …? 😱 reveal video on profile 🫢
00:14
Andrey Grechka
Рет қаралды 90 МЛН
Самый БЫСТРЫЙ путь до работы Frontend. Frontend Roadmap 2024
32:05
Responsive web design in 37 minutes + layout. You don’t need Bootstrap!
36:44
Фрілансер по життю
Рет қаралды 1 МЛН
Что такое Framework простыми словами?
9:51
Sergey Nemchinskiy
Рет қаралды 187 М.
Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS
3:18:50
[2023] Основы верстки сайта с нуля! HTML5 и CSS3 - верстка макета
1:06:37
Секрет фокусника! #shorts
00:15
Роман Magic
Рет қаралды 117 МЛН