Какой стек для верстальщика более актуальный?

Question

[Дмитрий Винокуров]

Доброго времени суток!
Столкнулся с данной дилеммой и не дает мне покоя данный вопрос..
Я верстаю не так давно, грубо говоря учусь. На данный момент верстаю данным стеком: html; css; jquery; bootstrap. И вроде бы все хорошо но..

Я не пользуюсь ничем кроме сеток в bootstrap и вообще хочу перейти на css grid. Но мне очень нравится в bootstrap построение сетки для разных устройств и это единственное что меня держит. И получается что время верстки никак не сокращается, я прописываю все в ручную.

Возможно стоит выучить один из препроцессоров? Может быть..
Но какой? Стоит ли?

Чем можно заменить сетку bootstrap так, что бы сохранить удобство и мобильность построение сетки для разных устройств ? И каким стеком пользуетесь вы?

Comments

[sim3x]

Без препроцессоров нет нормальной верстки
Препроцессоров мало (sass, less, stylus), они похожи между собой и похожи на цсс
Учить их базовый функционал 5-10 минут
Бутстрап построен на сасс
В bs можно отключить все и оставить и использовать только сетку

Answer 1

[Кристина]

Во-первых, совет, не использовать jquery - это утопия. Тем более руки развязаны у вас, т.к. учитесь. Старые технологии === плохо, очень плохо!

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

Препроцессоры - это хорошо, но нативные вещи в css уже реализованы, теперь стоит подумать, прежде чем пользоваться надстройками языка.

Grid - это лучшее, что я видела в css, если коротко! :) Освоив этот синтаксис, хотя бы на половину, вам откроется бонус. Говорят мультик показывают.

Comments

[tema_sun]

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

[Кристина]

tema_sun,

И не могли бы вы расшифровать фразу "использовать jquery - это утопия"?

Конечно могу. А вы поддерживаете проекты на JQ? Скорее нет, вероятно, ваш уровень не позволяет понять минуса этой библиотеки. Огромная, неповоротливая, запутанная, старая.

Единственный плюс, поддержка старых браузеров. Но, уже изживает себя тоже.

Обеими руками за её исчезновение. Точно знаю, что комьюнити тоже "ЗА".

[Дмитрий Винокуров]

Что тогда , если не jq? Нативный js? Или же vanilla ?

[Кристина]

Дмитрий Винокуров, Для повседневных задач и обучения, только vanilla. Иначе никогда не успеете за технологиями. А они все строятся на фундаментальных знаниях. Сегодня один инструмент, завтра другой.

[Владимир Проскурин]

tema_sun, jQuery в текущее время использовать нет смысла совсем. Нет таких задач, которые сильно сложнее решаются на ваниле. Тащить с собой 85кб ради всяких там fadeIn/out, селекторов смысла нет. jQuery жив только потому, что люди к нему привыкли, и не хотят учить ванилу. Если нужен какой-то fadeIn/out, то тупо вбиваем в npm и получаем маленький пакет под нашу задачу. Те, кто умеют строить сборку фронта, не используют jQuery. Имейте уважение к пользователям с плохим интернетом, не тащите библиотеку ради пары функций.
Я лично использую jQuery только в тот момент, когда мне лень делать сборщик, а своего нет под рукой, или если jQuery уже встроен в сайт (например на WordPress). А для всяких калькуляторов или других скриптов, лучше подключить vuejs, который весит столько же, но позволяет более проще, быстрее и красивее реализовать требуемый функционал.
Прекратите насиловать труп!

Answer 2

[Дмитрий Винокуров]

Тот самы момент, когда стыдно читать свои старые вопросы :)
Короче, чем я пользуюсь спустя полтора - два года:

React, Redux, соответственно jsx, scss. Бутстрапом не пользуюсь, в проекте на реакт компонентах написанна своя сетка. Плюсом захватил БД и не много бэка.

От jQuery рвотный синдром, не переношу его ни как.

Всем тем кто только начинает: не заморачивайтесь на верстке! Если вы в состоянии сверстать простой лендос, начинайте учить JS и тд.

Answer 3

[Flying]

Если соберётесь изучить sass - то для сеток там есть, например, susy, с её помощью можно ваять вообще произвольные сетки, в том числе нерегулярные, аналог сетки bootstrap'а там делается просто элементарно.

Кроме того т.к. bootstrap 4 сам по себе написан на sass - то можно, банально, подгружать bootstrap как зависимость через npm и включать оттуда только модуль сетки без необходимости тащить в проект всё остальное.

Answer 4

[AbaGardon]

Мой пример.

Учил js без библиотек чистую.
Устроился на работу, заставили учить bootstrap-3, float, table, jQuery 2. Так что все нужно знать, а точнее понимать структуру, как и что делается, чтобы можно было одним глазком в случае чего подсмотреть в доку и решить задачу.

Я думаю:
sass/less
jQuery
Bootsrtap
стоит учит однозначно, не всегда же новые проекты приходится пилить но и старые часто приходится поддерживать. В веб студиях эти технологии обязательны. И не верьте тем кто говорит что-то плохое про jquery или bootsrtap послушав их Вы только отдалите свою возможность начать карьеру в фронтеде.

Про grid еще рано, если речь о студиях.

Ну Bootstrap это не только сетки но еще куча всего полезного что необходимо для верстака.

ps: привожу пример веб студии так как начинающему фронтендеру редко удается попасть в норм компанию крутым спецам.