Что еще необходимо знать, чтобы стать junior Front-end разработчиком?

Question

[Mr.Robot]

Доброго времени суток, дорогие форумчане!
Суть вопроса из названия, ясна. На сейчас, я знаю базу HTML5, CSS3, немного Sass. Могу сверстать не сложную страницу, не адаптивную (CSS grid в процессе обучения). Bootstrap и JavaScript не изучал. Если честно, я уже запутался в этом огромном потоке информации, касательно обязательных знаний Front-end разработчика. Сколько людей, столько мнений, я пока с HTML5 разобрался, помимо необходимости вместо семантических тегов (header) вместо div, хотя многие только и пользуются div`ом, а там еще CSS3, с тонной свойств и специфики, + Bootsrap, не говоря про Js и фреймворки...И я просто понимаю, что пока я дойду до JS, появится что то еще!)) Подскажите, в какой очередности лучше двигаться?HTML>CSS>JS или сразу JS? Или вообще нафиг этот фронт-ноги ему в рот-энд....

Answer 1

[Антон Спирин]

Junior Frontend Developer на минималках:
1. Хорошие знания JavaScript
2. Хорошие знания CSS/HTML
3. Знакомство с любым современным фреймворком

Junior Frontend Developer здорового человека(конкурентоспособный):
1. Хорошие знания JavaScript
2. Хорошие знания CSS/HTML
3. Хорошие знания API любимого фреймворка
4. Умеет работать с git на базовом уровне
5. Умеет работать с npm пакетами
6. Знает как написать простой конфиг webpack
7. Умеет TypeScript/Flow на базовом уровне
8. На github лежит типовой TodoList/WeatherApp
9. Английский язык на уровне достаточном для чтения технической литературы
10. Умеет находить решения типовых задач на stackoverflow и проблем в issues на github

Frontend roadmap

Comments

[Арсений Матыцин]

Я несколько мягче вел к мысли, что «вообще нафиг этот фронт-ноги ему в рот-энд»)

Answer 2

[Арсений Матыцин]

JS это вообще клоака.
Очередность правильная HTML→CSS→JS
Правда препроцессоры вперед ногами пошли, их бы после базы, туда же бут и т.д.
Ну и в процессе грамотность верстальщика надо вытягивать. Это знание языка, правил, ГОСТ-ов оформления доков, сокращений и т.д.
Ну тут хотя как, многие (как и те, кто верстает только на дивах), думают, что фронтенд это типа бэкенда, только на JS. Т.е. если разобраться в JS и фрейморках, то в принципе можно проскочить попервой все, что выше, но в какой-то момент все равно вернешься.

З.Ы.: я как всегда удачно зашел, это одна из моих любимых тем. Чуть шире, чем тут, я ее раскрыл в статейке.

Сам я с удовольствием верстаю уже порядка 8–10 лет.

З.Ы.Ы.: Как показывает практика, многие, кто встает на путь истинный и учится верстать нормально, сдает позиции по принципу «ну его туда-сюда».

Comments

[Mr.Robot]

Я когда только начал изучать web, я так офигел от объема))

[Mr.Robot]

а как эту грамотность вытягивать?

[lamer350]

Но в этом и суть, Front-end как специалист может существовать зная только JS, но не наоборот. HTML + CSS это настолько базовые знание что имея такие скилы можно как и контент менеджером человека назвать, так и дизайнером... Максимум на что можно расчитывать с такими навыками это позицию на баг фиксах где то в компании где завалялась вакансия на которую никто не хочет идти... А на позицию джуна брать такого человека слишком рисково, он может оказаться математически не пригоден... Гуманитарий так сказать. У меня есть друг который стремительно шел по тем же шагам (html->css->js), я взял по-дружески его в компанию на баг фиксы и он 2 года просидел, JS оказалось неподвластно... Слишком много тупых вопросов, который только отнимали время у сеньоров... Но верстать может, хотя логика реализации иногда просто бесит) Но как только дело доходит до какой то карусели, то все) Даже по примерам не может ничего сделать, мозг как будто отключается хD

[Mr.Robot]

lamer350, ахах) но ведь не всегда нужна математика) логика, это да, must have!

[Mr.Robot]

Dunaevlad, Я тоже не математик, но разобраться можно, есть социальный разум, если вдруг))

[Арсений Матыцин]

lamer350, говорят, нет тупых людей, есть плохой подход.

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

Не согласен с занижением важности верстки, как, собственно, верстки. Несмотря на достаточно малое количество правил (нет), это сложная работа. Речь, конечно, не о «сунь див в див» и иди гуляй. Но без JS в целом это время на ветер.

Я говорю о таких вещах, как оптимизация, динамическое преображение и все тому подобное.

Ну и можно закончить тем, что слово верстальщик, есть по сути только у нас. В мире это вебмастер\фронтендщик, он же человек-оркестр. С одной стороны мы вроде как лохи, а с другой мы вроде как признаны носителями лучших веб-проектов.

[Арсений Матыцин]

Dunaevlad, читать умных людей и сканировать хроники на предмет священной мудрости.

Ну и еще неплохо вспомнить курс русского (это не упрек) из школы, и догнать его стандартами. Например очень круто знать, когда нужно использовать дефис, а когда тире (тривиально, конечно, но интернет полон абсурда).

[lamer350]

Dunaevlad, даже при простой верстке чтобы порезать макет и правильно/логично расположить блоки - нужны познания геометрии, тригонометрии, алгебры... логика - это всего лишь вывод полученный на основе ваших знаний, конечно для вас это кажется логичным и правильным, но не обязательно это оптимальный вариант. В этом и кроется вся суть программирования) Все и всегда стремятся упростить код и решение. Даже тут на тостере, много неуверенных в себе джунов ежедневно публикуют посты с просьбой оценить код и подсказать как можно его упростить/ускорить. Безусловно одну и ту же задачу всегда можно решить несколькими способами, они все могут дать тот же результат. Но по итогу, один вариант отработает за X млс, а другой за Y... В рамках одного блока или странички это покажется ничтожным, но на больших проектах такие мелкие задержки собираются из млс в секунды.

Answer 3

[lamer350]

Front-end - это минимум JavaScript. HTML/CSS будет просто плюсом. Но только HTML/CSS - это неопределенность. Даже чтобы попасть на позицию верстальщика в мелкую студию - нужно будет внедрять слайдеры, pop up окна, формы...
Вместо JS ничего не появится в ближайшие лет 10 точно) Это базовый язык для фронта, все остальное это фреймворки и библиотеки JS. К примеру нельзя учить React или Vue не зная основ JS. Это все равно что учится бегать не умея ходить...