Что изучать после верстки?

Question

[Manvel]

Знаю HTML/CSS, JS/JQUERY, Bootstrap, Flexbox. Что изучить после этого, я не понимаю. Изучить Sass, Less, Gulp или React, Angular, Vue?
Или вообще что-то другое?
P.S. Посадка на вп тоже могу.

Comments

[approximate solution]

HTML/CSS,JS/JQUERY,Bootstrap,Flexbox

Насчет JS вы погорячились

Напишите на чистом JS приложение, если получилось - переходите к изучению React или Vue + подключаете Typescript

[Flying]

"Знать HTML/CSS" можно на очень разных уровнях. Даже тот факт что вы flexbox выделили отдельно в списке показывает что CSS вы знаете недостаточно.

[Одиночка Айс]

Я тоже знаю эти слова, только опыт в 10 лет подсказывает, что нихрена я не знаю

[Дмитрий]

начни вот с этой статьи webmasters.teamdev.com
а дальше иди по всем ссылочкам в ней

Answer 1

[When you dont want to litter on stackoverflow]

SASS, GULP это 5 часов максимум для изучении на комфортном уровне. Если ты хочешь развиваться как фронтендщик, то пока что React, Redux, styled-components, firebase. GIT обязательно.
Перед React, js должен быть на уровне хотя бы https://learn.javascript.ru/ и желательно прочитать доки nodejs

Comments

[Flying]

Я с Sass работаю уже лет 7 и до сих пор не уверен что всё там знаю, так что 5 часов - это прям очень и очень оптимистично.

[WbICHA]

Flying, а можно пример? Я с сассом сталкивался совсем чуть-чуть, но я вообще не заметил там каких-то сложностей. Просто цсс с несколькими удобными фичами. В чём я неправ?

[When you dont want to litter on stackoverflow]

Flying, А зачем знать всё, для старта сойдёт. Я думаю вначале главное понять что вообще есть, а потом уже всё изучать глубже.

[Flying]

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

Этот кусок кода создаёт стили для организации множества CSS grid'ов, определяемых в конфиге с учётом того что IE11 (поддержка которого требовалась в проекте) реализует старую версию спецификации CSS grid, имеющую другой синтаксис и не имеющую поддержки gap'ов, что приходится эмулировать через пересчёт индексов и создания промежуточных ячеек.

Естественно grid'ы также перестраивают свой layout в зависимости от размера viewport'а.

Также в нём учитывается то, что какие-то детали элементов, вставляемых в эти grid'ы должны меняться в зависимости от того, какой grid используется, а также в зависимости от положения элемента в этом grid'е.

Результирующего CSS там несколько десятков килобайт, совершенно неподдерживаемого из-за зубодробильных селекторов, а на Sass - всего пара сотен строчек.

[WbICHA]

Flying, пример, конечно, интересный, но вся описанная логика непосредственно к сцссу отношения не имеет, просто всё написано на языке сцсса со стандартными ифами, форами и т.д.
То есть что в этом примере такого, о чём за 7 лет можно не узнать?

[Flying]

WbICHA, Мой комментарий относился к тому, что 5 часов - мало на Sass и Gulp, а не к тому что Sass нужно изучать 7 лет :) Не узнать можно функции и возможности с которыми не сталкивался или сталкиваешься редко. К примеру я ещё не пробовал Sass modules.

[When you dont want to litter on stackoverflow]

Flying, Ок, я понял.

[Lord_Dantes]

Flying, sass 7 лет... и после этого вы задаете вопросы что изучать после верстки? Ого.

[Flying]

Lord_Dantes, Не я был автором вопроса :)

[Lord_Dantes]

Flying, мои извинения. :3

Answer 2

[Дмитрий Кузнецов]

Если знания JS на хорошем уровне, то стоит взять какой-либо JS-фреймворк. А какой именно - зависит больше от вас. Лично я пробовал Angular (давно) и сейчас сижу-изучаю Vue 2/3.
Если есть желание, то можете попробовать укунуться в мир бекэнда - NodeJS/PHP.

Comments

[Yupiter7575]

укунуться в мир бекэнда - NodeJS/PHP

Не уважение к пайтону :(

[Дмитрий Кузнецов]

Yupiter7575, оу, прошу прощения. Ни хотел задеть чувства пайтонистов, честно. Я указал NodeJS и PHP только потому, что я ими пользуюсь. О Python ни чего не могу сказать по части веба.

[d'Ivan]

Yupiter7575, якобы, кроме Пайтон все другие языки бэкенда указаны. ;-)

[d'Ivan]

Дмитрий Кузнецов
Если есть желание окунуться в бэкенд и почувствовать себя немного фуллстэк, то рекомендую изучать NodeJS.

[Дмитрий Кузнецов]

Роман Мирр, как правило бекенд (из популярных и частоиспользуемых) - это PHP/NodeJS. И относительно недавно начал развиваться Python в сфере веба (как я знаю).

[Yupiter7575]

Дмитрий Кузнецов, django, самый популярный фреймворк по вебу python, вышел на 5 лет раньше node js.

[Дмитрий Кузнецов]

Yupiter7575, кажется мои знания по этому вопросы были неверны...

[WbICHA]

Yupiter7575, питон вынесли за скобки.)

Answer 3

[Макс]

Сделайте клиентское приложение для небольшой апишки: https://github.com/mbelsky/pets-api Тут придётся и с git немного разобраться, и с node, и с npm.

Если прочитав задание уже представили код как это написать на чистом js, можно сделать тоже самое на react/vue/ng.