чтобы оно было универсально, то есть корректно отображалось на смартфонах, планшетах, десктопах
Bootstrap учить далеко необязательно. В нем много лишнего. И порой ты можешь столкнуться с проблемой неBootstrap макета. Если дизайнер не нарисовал по сетке - бутстрап ваш только проект загрузит барахлом не нужным и придется переопределять стили. Что геморойно и опять же сжирает байты.
Научитесь лучше верстать на
flex или
grid. В нативное поведение этих css-свойств уже зашито адаптивное поведение.
чтобы оно корректно работало на старых/дешевых смартфонах
А насколько старыми они должны быть? iphone 3-4? и подобные?
Начнем с того, что эти устройства, на сколько мне известно, не поддерживают интернет выше 3g. А на таком соединении у них даже лендинги будут грузиться не быстро.
Тут тонкий момент. Либо ты постоянно пытаешься подстроиться под старое унылое г....:) Либо ты забиваешь на это и кодишь современно! Почитай про
Изящная деградация vs. постепенное улучшение
Что касается того на чем вообще писать код. По бекенду не скажу, но очень популярна (как и всегда) Java. Из относительно нового -
Node.js
Во Фронтенде если 3 фреймворка вокруг которых уже не первый год твориться истерия:
-
Vue.js
-
React.js
-
Angular (уже мало кто пользует с нуля. В основном это поддержка уже написанных проектов)
Я для себя, как фронтенд, выбрал Vue.js
У него самый низкий порог вхождения и понятный "подкопот".
Популярность пониже чем у React.js, но набирает обороты.