В какой последовательности изучать JavaScript?

Question

[Ali9664]

Здравствуйте, хочу начать изучать JavaScript и вот такая у меня последовательность технологий

JavaScript > JQUERY > Gulp > Angular > Node.js > Vue.js > React.js > MongoDB > WebPack

Правильно ли это?

Answer 1

[sim3x]

JavaScript 
  Gulp && WebPack
  Angular || Vue.js || React.js 
  postgresql
  Node.js
  ? JQUERY
  ? mongodb

Comments

[davidnum95]

Если уж есть вебпак, зачем галп еще?

[Толстый Лорри]

davidnum95, затем, что он достаточно популярен и создан для других задач (которые webpack решает с помощью плагинов-костылей).

[xfg]

Толстый Лорри, погугли все выпиливают галп в пользу npm скриптов. Он не решил проблем, а только создал новые. Вместо того, чтобы напрямую использовать какую-нибудь утилиту нужна обвязка для неё в виде плагина, который написан сторонними разработчиками и может быть в полурабочем или заброшенном состоянии. Выходит новая версия утилиты, но использовать не можешь потому что плагин не совместим. Сидишь ждешь пока починят, что может никогда не произойти и даже пулл риквест не примут. Вместо того, чтобы писать код и не думать обо всем этом разработчик борется с этими плагинами костылями.

[Толстый Лорри]

xfg,

все выпиливают галп в пользу npm скриптов.

Вижу, как многие продолжают использовать галп.

И, кажется, вы изначально противопоставляли ему webpack, а не npm, это уже другой вопрос.

[xfg]

Толстый Лорри, ну да, используют здесь на тостере и еще спагетти-код пишут. Было бы на кого равняться. Про webpack не я писал.

[Толстый Лорри]

xfg, прошу прощения, перепутал вас с тем, кому отвечал до этого. Однако, мой комментарий важен именно в контексте.

[sim3x]

xfg,

погугли все выпиливают галп в пользу npm скриптов

дайте линки на пруфы

Он не решил проблем, а только создал новые.

гульп тулкит для сборки. Ету проблему он решает. О каких проблемах идет речь?

[sim3x]

davidnum95,

Если уж есть вебпак, зачем галп еще?

также как есть сасс, лесс и стилус. "Учить" не долго. Лучше знать чем не знать

[xfg]

sim3x, https://medium.freecodecamp.org/why-i-left-gulp-an...

[sim3x]

xfg,
автор предлагает заменить "дебаг" гульпа на дебаг баша - видимо он никогда не занимался дебагом в баше

Если вы не заметили подвоха - вы также не имеете такого приятного опыта

[xfg]

sim3x, конечно не занимался. Он же не говнокодер. Там есть примеры сборок и дебажить там особо нечего.

[sim3x]

xfg,

Если дебажить особо нечего, то и в гульпе дебажить также не нужно
Те 1 мотив для перехода - не актуален

Следующий мотив - зависимость от разрабов гульп оберток
Почему автора не напрягает зависимость от npm оберток бинарников?
Ведь лучше использовать чисто бинарники
Убираетм npm вообще

[xfg]

sim3x, всего доброго.

[sim3x]

xfg,

Я рад, что вы поддерживаете теперь мысль, что даунгрейдится на препост сткрипты, которые предназначены для установки - не стоит

Answer 2

[Виталий]

Нет
1. Сперва нужно понять для чего он вам нужен
После выбрать стек для этого:
JS - это нативный язык, основа.
Всё остальное - это дополнения.
JQUERY - самое просто из списка, доп библиотека, которая облегчала работу с селекторами и XHR запросами
Gulp - это менеджер задач, т.е. автоматизация рутинных работ, например по сборке проекта
WebPack - это большой комбайн, в который перекрывает своим функционал Gulp и другие "помощники"
Angular / Vue / React - это фреймворки, экосистемы со своими особенностями.
Angular - требует знания TypeScript - надмножество над JS со строгой типизацией и не только.

Node.js - это серверная вариация JS
MongoDB - база данных

Т.е. как видно отдельные области применимости. Чтобы решать какую то задачу все знать не нужно. Поэтому нужно определиться что нужно / требуется.

Answer 3

[Roman K]

Ангуляр, вью и реакт — это всё SPA фреймворки. Достаточно хорошо пользоваться одним, остальные можно не учить, использовать только при надобности.

JS сам по себе объёмный, все эти инструменты, что ты перечислил, не составят и 5% от JS.
Там ведь есть ES5, ES6, ES7, ES8, зоопарк старых браузеров, которые, возможно, придётся поддерживать.

jQuery — это не "начать изучать". Это либа, как lodash, например, которая просто используется и гуглится способ её использования. И читается за пару вечеров документация. Она, кстати, идёт в разрез с SPA фреймворками, потому что использует императивный подход, а они — декларативный.

Node.js — это вообще отдельная тема. Это тоже JS, но отдельный. Он не выполняется в браузере. И для мозга лучше воспринимать ноду — как другой язык.

Answer 4

[Петр]

Начните отсюда. Выполняйте задания после каждой темы. А там уже определитесь, что вам интересно в мире JS.

Answer 5

[alvvi]

Нет, скорее
JavaScript > Node.js (база) > Gulp/Webpack > Angular/Vue.js/React.js
для фронтенда.

Answer 6

[AlexaZem]

Здесь уже все четко отписали.

JavaScript
Gulp && WebPack
Angular || Vue.js || React.js
Node.js

Единственное, что хотелось добавить.
При выборе фреймфорка лучше не ориентироваться на хайповые статьи типа Angular vs React.js и т.д.
У каждого свои особенности, прилагающийся стек и "идеальная" область применения. (а всякие сравнения скорости билдов-рендеров, веса приложения вам на начальном этапе ситуацию не разъяснят, та и нет каких-нибудь киллер фич, которые позволяют какому нибудь фреймворку жестко доминировать)) )
Поэтому лучше отталкиваться от того - какого вида веб приложения Вам больше хотелось бы разрабатывать.

Answer 7

[Вячеслав Бобров]

Не спец. Наткнулся на статью https://proglib.io/p/sequence-of-study-javascript/
Наверное многое прояснит.

Answer 8

[Максим Тимофеев]

JavaScript(базис) -> JQUERY -> JavaScript(углубленно) -> Node.js(краями) -> npm(обязательно) -> Gulp(тут особо изучать не чего) > WebPack> Vue.js > Angular (если будет жив к этому моменту) > React.js (если будет жив к этому моменту)
И я нашел лишнее - MongoDB (по крайней мере в этом ряду)
Но обычно все идет параллельно.