What's more to learn coder?

Hello.

Know how to write valid cross-browser semantic html5/css3, know how pixel-perfect PSD to impose, are able adaptiv-responsive and all the buns.

Able to do different and not very simple animation with jQuery, but I prefer coffeescript. If a bit tense, with sin in half by Google, you can write something in native JS. Simple. And not very much.

Know how to draw simple icons and clipart in Illustrator, know how to make themes for WordPress.

But there is one thing. Recently looking for a new job, and faced with a problem — if the coder requires knowledge of less/sass/slim/haml, with whom I've worked for pretender — knowledge of grunt, react/angular/backbone and other things unknown to me.

A little background learning ruby it rails, and the existence of the listed is not even aware of. Now khtml/CSS useless, you need to study a bunch of extra tools?

Which of the following (not listed) should be considered the designer with the makings of pretender to be in demand and highly paid? What first, what second? What is the biggest difficulty? Need literature, or enough of manuals and how-to with Habra?

p.s. in Google I'm not banned, I just need advice on how to proceed. Ashamed to interview for jobs because they do not meet the requirements, do not pull in terms of all those unknown to me, tools and technologies.
September 19th 19 at 00:24
2 answers
September 19th 19 at 00:26
Well, look:

HTML/CSS is like math for 5th grade, to shit on it because we did it all.
But SCSS/SASS to CSS without nothing. What is SCSS? -30% CSS code.
I agree that such writing is 1000 times more beautiful:

@mixin flatFormBaseColorizer($a, $b, $c, $d) {
 border-color: $a;
 color: $c;

 &:focus {
 border-color: $b;
 color: $d;
}
}

@mixin flatFormBase() {
 border-width: 1px;
 border-style: solid;
 border-radius: 5px;
 background-color: white;
 font-size: 15px;
 padding: 5px 7px;

 @include flatFormBaseColorizer(join($colorsGray, ($fontColor, $fontColor))...);

 &.partial {
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
}
}

.flatForm {
 input {
 @include flatFormBase();

 &[type="text"], &[type="password"] {
 &.blue {
 @include flatFormBaseColorizer(join($colorsBlue, ($fontColor, $fontColor))...);
}
}

 &[type="checkbox"] {
 margin-right: 8px;

 & + label {
 font-size: 14px;
 font-weight: bold;
 text-align: left;
}
}
}

 textarea {
 @include flatFormBase();

 &.blue {
 @include flatFormBaseColorizer(join($colorsBlue, ($fontColor, $fontColor))...);
}

 &.green {
 @include flatFormBaseColorizer(join($colorsGreen, ($fontColor, $fontColor))...);
}
}

 select {
 @include flatFormBase();
}

 input[type="submit"], input[type="reset"], button {
 @include flatFormButtonColorizer($colorsGray...);

 &.blue {
 @include flatFormButtonColorizer($colorsBlue...);
}

 &.green {
 @include flatFormButtonColorizer($colorsGreen...);
}

 &.red {
 @include flatFormButtonColorizer($colorsRed...);
}
}
}


It's the same with JS; Angular, react, etc. give you more speed/convenience, but without JS you can't really tailor a solution for the problem.

Yes, this is the age when everyone wants a beautiful front.
Learning ruby, you or become a web master(little study) or a programmer(will completely forget about the layout).

Finally we get the output:
1. I want to be "cool coder": css-tricks, frameworks, typography
2. Want to be the "web master": learn rails/php, but VMS often go into the creation of their websites and business.
3. I want to be a programmer: score layout, dive into JS/PHP/Ruby

IMHO: Better to be a professional Mego-coolest coder knowing angular, sass, react, all browsers, and never tell the customer "no." In this case, they will podsazhivaetsya on you ;)
September 19th 19 at 00:28
Learn everything from the ground

Find more questions by tags HTMLCSS