В каком порядке это учить?

Question

[Rufix]

Я составил список того, что мне необходимо выучить:
npm, json, ajax, gulp, webpack, babel, yarn.
Возник вопрос, что в каком порядке учить? Ибо открываю статью про npm, там упоминание json. И так по кругу. В итоге запутался и сижу на месте.
В общем, помощь нужна)

Answer 1

[coderisimo]

Имхо, не надо искусственно что-то учить в отрыве от реальности. Определите изучаемый стек. Берите и пилите реальный проект. На самом деле нужно изучить гораздо больше всего (!!! демонический смех !!!). Но изучать надо не в вакууме. Тогда и интереснее будет и ближе к практической плоскости.

Comments

[Rufix]

Дело в том, что я наткнулся на одно видео зарубежного ютубера (я понимаю, что их не любят и т.д), но так вот.. Он привел список того, что нужно знать перед тем, как приступить к изучению React. Собственно на этот список я и опираюсь. Да и что собственно значит "брать и пилить проект"? От того, что я настрочу очередную страничку со скриптом на vanilla.js я этого всего никогда не выучу.

[coderisimo]

Rufix,

Дело в том, что я наткнулся на одно видео зарубежного ютубера (я понимаю, что их не любят и т.д)

вообще не надо отмахиваться ни от каких источников информации. И "ютьюберы" ничем не хуже других. Насчет

От того, что я настрочу очередную страничку со скриптом на vanilla.js я этого всего никогда не выучу.

Я же писал

Определите изучаемый стек ))

.
Если с самим JS вам все ясно, то никто не мешает начать учебный проект на React. Хотите берите курс (их есть в интернете), нет, не хотите? Тогда придумайте проект, опишите для себя, что нужно реализовать и вперед. Задавайте предметные вопросы на форумах, читайте статьи, прицепитесь к телеграмм-каналу нужной тематики, где тоже есть у кого спросить.
Ешьте слона по кусочкам
Никто не говорит, что будет легко, но это будет освоение инструмента на реальном проекте. С кейсами приближенными к реальным, что и требуется.

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

Answer 2

[Robert-critical-thoughts]

Все что вы скинули, всего лишь прикладные инструменты, учить их не нужно, это не фундаментальные вещи, такие как паттерны и алгоритмы.
webpack\gulp - вы будете настраивать 1-2 раза, и дальше работать с ними(достаточно понять принцип работы, взять готовые решения, переписать код с готовых решений что бы понять что он делает и тд). Все остальное - не учится в отрыве от проектов которые вы можете делать на досуге, что бы поднимать свой скилл. Условно вы приходите на работу, где люди пользуются webpack - скорее всего внутри компании он уже настроен под конкретный продукт или решение, и вам даже настраивать его не дадут) Так что в порядке ознакомления.
Одназначно ознакомьтесь с git(который у вас не написан), вот он вам 100% пригодится в любом месте.

Answer 3

[WapSter]

Из всего перечисленного только ajax. Gulp и webpack достаточно понять принцип работы, babel вообще учить не нужно, yarn и npm почти одинаковые инструменты запомнить несколько команд и все. Ну а так ajax, json, npm(yarn), gulp (webpack). Хотя если не знаешь, что такое ajax и json стоит сначала выучить js

Comments

[Rufix]

Я просто учил js путем практики. Брал какую-то идею, открывал справочник и делал (иногда еще видео смотрел различные). Ну а чтоб сделать какую-то todo'шку или popup json или ajax я не встречал)

[WapSter]

Rufix, прочти парочку книг по js более или менее свежих, систематизированное обучение будет и отпадут такие вопросы. В выразительном js есть разделы про ассинхронные вызовы и по node.

Answer 4

[xmoonlight]

Ставьте цель и шаг-за-шагом двигайтесь к ней.
1. Не знаете как сделать - смотрите в документации или ищите в гугле.
2. Написали код - проверили.
3. GOTO 1

Будете пытаться учить без цели - зря потратите время: ничего не осознаете.

Answer 5

[Владимир Солнцев]

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

1. Вникнуть в определения технологий в общих чертах. Ответить себе на вопросы: что это? для чего это?
Например, json - это формат представления данных.
А npm и yarn - менеджеры пакетов. Бабель, вебпак и галп без одного них не установишь, нужно будет хотя бы установить, узнать основы синтаксиса и распространенные команды.
Учить все-все команды и глубоко залезать в тему можно, но зачем вам это сейчас? Нужно ли вам вот прям сейчас знать, как публиковать собственные пакеты?
Не думаю. А что нужно?
Наверное, устанавливать и удалять пакеты. Возможно проверять обновления и обновлять, смотреть список установленных. Итого, 5-10 команд/флагов для первого знакомства хватит с головой.

И так далее. Судя по форме вопроса, вам сейчас из этого вообще ничего не нужно, потому как создается впечатление что о назначении этих инструментов вы не размышляли. У вас в списке: формат данных, два менеджера пакетов, 2 грубо говоря сборщика, 1 js технология и транскомпилятор.

Сможете понять, что это за штуки -> станет ясно, для чего они вам могут понадобиться и в каком порядке их изучать.
Самое очевидное: вы просто не сможете установить вебпак или галп без менеджера пакетов, а значит и изучать их не сможете. А еще там node.js нужен для работы - вот вам еще список расширил)

Дальше: присоединюсь к мнениям выше - ставьте себе задачу (проект) и решайте ее (делайте проект). Внедрите интересующие инструменты и делайте.
Без практики научиться не получится. Медитировать над инструментами в отрыве от реальности можно до пенсии и ни к чему не прийти, потому как сам инструмент используется для чего-то, и без этого самого чего-то он абсолютно бесполезен и изучать его бессмысленно.

Comments

[Rufix]

Для меня все равно не понятно, как можно сделать проект, не изучив инструменты, с помощью которого ты будешь делать этот проект.
Это как забить гвоздь в брусок. Ты хочешь забить его (сделать проект) и ты знаешь, что тебе нужен молоток и гвоздь (это например react и еще что-нибудь, допустим база данных). Но как ты забьешь гвоздь, не зная как пользоваться молотком и что из себя представляет гвоздь?

За совет спасибо. Я для себя решил, что пока что откажусь от всяких сборщиков, таск-менеджеров и прочего. Как я понимаю, это нужно для какого-то упрощения повседневных задач программиста, а также для коллективных работ (могу конечно ошибаться). Так что, изучу-ка я это ближе к этапу "Я готов искать работу и работать в команде".

[Владимир Солнцев]

Rufix, гвоздь можно и кирпичом забить. Но у вас же нет гвоздя, что вы забивать будете?
Да и по вашей же аналогии, молотком будут базовые технологии. Реакт уже инструмент более высокого уровня.

Аналогия с молотком и гвоздем убедительна, но я имел ввиду нечто другое.
Если вы пишете консоль.лог(привет мир) - из технологий вам достаточно консоли браузера.
Если вы оживляете админку системы управления, то вам уже понадобится больше инструментов. Тут уже многое уместно использовать, в зависимости от тех. задания.

Если вернуться к аналогиям, то тут про то, что вы собираетесь строить, используя молоток и гвозди.
Для чего вам забивать конкретный гвоздь в конкретный брусок?
Если собираетесь устроить Банды Нью-йорка во дворе, то может гвоздь с бруском это уже конечный продукт. Но в других случаях это средство, а цель.
Сколько таких брусков понадобится для полного строительства, 100, 1000 или миллион?Непонятно.
А если собираетесь строить дом, то вы вряд ли захотите самостоятельно отливать шлакоблок, стекло для окон, ходить в лес за деревом, самостоятельно его рубить, затем распиливать на брус.

Вы интересно реагируете - буду учить все или ничего).

Работать с npm вам скорее всего придется, yarn по желанию - освоите одно, со вторым проблем не возникнет.
Автоматизация задач действительно упрощает жизнь, но если нет опыта работы без сборщиков, сложно будет понять, на сколько они чудесны.
Попробуйте Галп, например по скринкасту Кантора. По пути вы шапочно познакомитесь с json, npm, node.js. К тому же у вас появится собственная сборка с полезностями. Займет это 1-2 дня.

Answer 6

[Преподаватель программирования]

Я составил список того, что мне необходимо выучить:

— у тебя тут ошибка

тебе должен учитель или мастер сказать что в каком порядке делать

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

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