Как новичку влиться в мир современного фронт-енда?

Question

[MindTwisted]

Всем привет. Примерно год назад начал "для себя" учить HTML/CSS, сверстал с десяток PSD шаблонов, ознакомился с Bootstrap, jQuery. Сейчас задался вопросом ознакомления с одним из современных JS фреймворков и здесь у меня возникли некоторые фундаментальные не понимания куда всё идет. Начал ознакомление с Angular 1, почитав немного форумы, понял что знания jQuery для работы с ангуляром мало того, что ненужны, так еще и некоторые считают их "вредными". Пошел дальше, почитал про ангуляр2, здесь теперь сталкиваюсь с мнениями, что знания ангуляр1 "вредны".
Посоветуйте, как здесь лучше поступить?
1) Стоит ли тратить время дальше на jQuery?
2) Стоит ли тратить время сейчас на Backbone?
3) На сколько экосистема ReactJS стремительно изменяющаяся по сравнению с angular1-> angular2 ?
Всё упирается в то, что времени/сил после работы на учебу не много остается и не хочется тратить их на то, что в последствии окажется "вредным".

Upd:
Спасибо всем, кто откликнулся. Не скажу, что мысли выучить досконально js, es2015 меня не посещали. Проблема у меня в том, что мне легче учиться по принципу "learn by doing". Когда я учил основы html, я после просмотра нескольких туториалов, взял psd шаблон и начал пробовать верстать. Сначала получалась каша, я гуглил stackoverflow, смотрел видео (в том числе не безизвестного Джедая верстки), с каждым шаблоном мое понимание становилось все лучше. С jQuery примерно так же, сначала я просто подключал плагины, потом прочел доку по этой библиотеке и в след. макете уже начал по немногу сам писать код для мелкого функционала. Дальше попробовал верстать макет без использования плагинов вообще, прочитал про модульную организацию jQuery кода и вперед писать велосипеды. Не скажу, что получилась конфетка, но мое внутр. понимание от этого только улучшилось.
А сейчас мне хочется ступить на более высокую ступень и взять курс на понимание тех вещей которые отличают "верстальщика" от фронт-енд программиста. Но как это делать постепенно, да еще и постоянно практикуясь? Честно признаюсь сухое чтение learn.javascript.ru быстро убивает интерес и вызывает желание пойти вздремнуть.
Были мысли написать плагин на чистом js, или сверстать макет не подключая jQuery вообще. Отчасти потому я и хотел взять сразу какой-то фреймворк и начать велосипедить на нем.

Comments

[copal]

Очень много веса уходит на осознание того что современные фраймворки типа vue похожи на angular и сами angular'щики говорили, что зачем они нужны есть angular. Теперь angular2, если судить по новостям и статьям-слухам, скопирован с react. И вот теперь вопрос другим ребром - нафиг тогда теперь angular2?

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

По второму пункту, да фиг его знает, лично я не учил и скорее всего не буду, так как есть технологии более новые на которых приятно писать.

[Сергей Протько]

copal: он не "скопирован" с react, идее web-компонентов уже лет так 7. Если вы пороетесь в ишус трекере ангуляра то путь на компонентный подход был избран еще в начале 2013-ого года, когда реакт еще не набрал такой дикой популярности. Да и различия между ангуляром и реактом весьма существенны - в каком месте происходит дерти чекинг.

> И дальше по стеку - не тратьте время на фраймворки, тратьте время на технологии.

ммм.... например? Это очень смутная рекомендация.

> так как есть технологии более новые на которых приятно писать.

Это какие например, любопыт но же.

[copal]

автор, Сергей Протько: Вам советует учить jQ и Backbone, а я ошибся во всем, по этому идите учить jQ, ведь это очень круто. И не забудьте о Backbone. И могу посоветовать сразу начать с книги "совершенный код", чтобы засрать мозг красивыми словами и аббревиатурами и на основании этого раздувать САМОмнение.

Answer 1

[Сергей Протько]

с мнениями, что знания ангуляр1 "вредны".

тут проблема в том, что если мы берем среднестатистического ангулярщика, он пишет в стиле angular1.0, во всю использует скоупы в контроллере и т.д. Причина этому - отсутствие обновления документации к ангуляру. Ну то есть в пул реквестах на гитхабе валяются исправленные доки но они почему-то до сих пор там висят не принятыми по каким-то странным причинам.

Например вот то как я готовлю ангуляр, а вот как другие. Последнее считается вредным. Скажем если вы используете $scope в ангуляр приложении версии 1.5+ то вы уже готовите ангуляр не правильно. Если у вас бизнес логика вытекает в компоненты - тоже что-то странное и тд. Но последнее уже никак к ангуляру не привязано.

Стоит ли тратить время дальше на jQuery?

Учите javascript. и так и так понадобится. Причем серьезно учите. И не только основы, надо еще общие вещи, не привязанные к js знать. Типа ооп, функциональное программирование, принципы solid, grasp, dry и другие аббривиатуры. Короче именно серьезно так подойти к этим вопросам. Паралельно разобраться с HTTP, уметь не только пользоваться API но и проектировать их и т.д. Короче это огромный пласт знаний который формируется не один год.

Стоит ли тратить время сейчас на Backbone?

Нет, не стоит. Backbone это низкоуровневая библиотека для тех кто знает как все делать. Человеку который не отличает MVC от MVVM оно только навредит (у меня есть парочка проектов доставшихся от других разработчиков которые демонстрируют проблему).

На сколько экосистема ReactJS стремительно изменяющаяся по сравнению с angular1-> angular2 ?

С учетом того что с моммента выхода angular 1.x до момента выхода angular2 (а он еще в бэте) прошло 4 года... мегабыстро.

Всё упирается в то, что времени/сил после работы на учебу не много остается и не хочется тратить их на то, что в последствии окажется "вредным".

Просто учить нужно не фреймворк, а принципы на которых все это основано. Понимать идею. И тогда ничего не будет вредно. Большинство же разработчиков втупую копипастит код и радуется этому.

Comments

[sinout]

Так где же почерпнуть знания об этих принципах, о промисах, о реактивном программировании, о тех вещах на которых это все построено, ибо большинство статей и гайдов покрывают только хеллоу ворлд. Может книги есть которые вы можете посоветовать, платные или фришные, главное чтобы понимание дали в продвинутом, современном js'е ?

Answer 2

[Александр Долголюк]

1) Селекторы знать обязательно, остальное можно изучить по мере необходимости.
2) Backbone - стоит.
Он довольно простой, на его изучение нужно совсем немного времени.
Но оно того стоит, новичку будет очень полезно для ознакомления с MV*-архитектурой на фронте.
3) Может неправильно понял вопрос.
Лучше потратить время на Angular, причем на 2-й, и на TypeScript.
Даст больше развития, но рекомендую после первых 2-х пунктов.
React можно подучить при необходимости.

Answer 3

[rinatoptimus]

Соглашусь, что надо учить нативный JS. После этого фреймворки будете усваивать проще. При появлении любой новинки будете пробегаться по документации и уже иметь представление как все это реализовано и где лучше всего это применить.

Answer 4

[Антон Измайлов]

1 и 2 - конечно потратьте время, ознакомьтесь с ними - лишними такие знания точно не будут.
3 - React как и Angular 2 очень изменчив, да весь JS сейчас бурно развивается и каждый день вываливают кучи всего полезного и не очень, так что посмотрите на ангуляр, посмотрите на реакт и выберите для себя лучшее.
Но учтите, что Angular - фреймворк, React - библиотека.

Answer 5

[Александр]

Я бы посоветовал начать с чистого JS, посмотреть как реализуются в нем основные принципы ООП, прототипы, фабрики, замыкания и т.д. Эти знания лишними не будут. А потом уже переходить на JS фреймворки. А по поводу jQuery, достаточно проглянуть основные методы/свойства/плагины, не вижу смысла много тратить времени на специальное изучение. Я в компании провожу собеседования и code review для юниоров и как показывает практика лучшие результаты показывают те, кто изучал нативный JS, им и в изучении фреймворков полегче, нежели тем, кто писал изначально на jQuery.