Web
0
126556

Лайфхак: в какой последовательности изучать JavaScript

Огромный инструментарий JS и тонны материалов по нему. С чего начать? Расскажем, как изучать JavaScript, и предоставим полезные ссылки.

Сперва следует понять, для чего вам нужен JavaScript

JavaScript (JS) – нативный язык, база, а библиотеки и JavaScript фреймворки – все то, что уже "накладывается" сверху. Язык программирования JavaScript клиентский и выполняется на стороне браузера. Грубо говоря, вся нагрузка ложится именно на ПК пользователя, а не на сервер, как было бы в случае с PHP. Поэтому кривой скрипт также будет затрагивать напрямую клиента, а не сервер: хорошо для вас, да плохо для пользователя.

Подробнее о том, что такое JavaScript, вы сможете узнать из данного видео:

https://www.youtube.com/watch?v=As112XYv15w

Определиться со стеком

Не упускайте из виду JavaScript фреймворки, библиотеки и прочие инструменты.

  • jQuery – дополнительная библиотека, способная облегчить работу с XHR-запросами и селекторами.
  • Node.js представляет собой серверную вариацию JS.
  • Gulp – автоматизация работ (напр., по сборке проекта).
  • Webpack  заменяет собой и Gulp, и многие другие инструменты. Это сборщик модулей, который  позволяет собрать все js-файлы в необходимое кол-во пакетов, а также убедиться в правильности порядка собранных файлов.
  • Angular/Vue/React. Не нужно вестись на хайповые статьи вроде "Angular vs React". Хватит одного инструмента из трех перечисленных. Остальные – по мере необходимости.

Теперь давайте условимся: идеальной последовательности не существует. Все напрямую зависит от того, чем вы занимаетесь и на что ориентированы: фронтенд или full-stack. Если первое, делайте меньший упор на взаимодействие с серверной частью, а если второе – напротив. Изучать JavaScript вы можете и по своему плану. Наш – лишь одна из возможных вариаций, которая, тем не менее, имеет право на существование.

Выстраиваем последовательность

1. JavaScript основы

Книги по JavaScript для начинающих и аналогичные видеоуроки, которые разбудят в вас веб-разработчика. Массивы, коллекции, строки и прочий базис обязательны к изучению на старте. Список литературы солидный, поэтому в первую очередь загляните сюда:

И еще много чего интересного в нашей статье 16 бесплатных книг по JavaScript.

2. jQuery

Рекомендуем ознакомиться с серией видео "Уроки jQuery" от Web Developer Blog. Вы узнаете все о jQuery, начиная синтаксисом и заканчивая практической реализацией того, что может потребоваться.

https://www.youtube.com/watch?v=B4jWRrz3FUM&list=PLVfMKQXDAhGXQcouhIblV910Rv7lRscH3

3. JavaScript: углубленное изучение

Начинаем изучать JavaScript более серьезно.

В этом поможет неплохой видеокурс от loftblog под названием "Продвинутый JavaScript":

https://www.youtube.com/watch?v=xydnbUZqzto&list=PLY4rE9dstrJzNRmAeTHXAlT7lJFC2YjDg

4. Node.js

И вот мы переходим к самому "вкусному". В сети немало материалов по Node.js, но мы предлагаем сперва ознакомиться с нашими статьями:

  1. Руководство для начинающих в Node.js
  2. Подборка бесплатных ресурсов для изучения Node.js

Далее посмотрите серию уроков Node.js от ITVDN:

https://www.youtube.com/watch?v=fch6fdXHIxA&list=PLvItDmb0sZw-kihRjYqbnqCk8h1RJZUJu

Ребята излагают материал максимально доступно, так что никто не уйдет "обиженным" ;)

5. npm

Менеджер пакетов, который входит в Node.js. Нужен, важен и нередко украшает требования вакансий. У Дмитрия Лаврика есть хорошее видео, разбирающее по косточкам npm в рамках основ:

https://www.youtube.com/watch?v=2e0hbjtUT-4

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

6. Gulp

Исчерпывающий ответ на вопрос "Что это такое" дает Современный учебник JavaScript: Скринкаст по Gulp. Все выпуски скринкаста собраны в одном месте, что безумно удобно.

7. Webpack

За основой по Webpack вам на канал WebForMySelf:

https://www.youtube.com/watch?v=J6gsSs2U8Ig&list=PLD-piGJ3Dtl22NWFJ7CykNaZVzf1ZroCP

Дополнительная информация по этому инструменту. Плохо с английским? Не вопрос: переведенный вариант.

8. Angular/Vue/React

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

Angular курс

https://www.youtube.com/watch?v=IEFgUtVN3vw&list=PLY4rE9dstrJzlDoCDCKmgD-xv8VwECOtc

Vue.js

https://www.youtube.com/watch?v=Zwiu5yBU_Gk&list=PLu_62Q68DvTrWAR_3-iOfIdbqKU912i3z

Знакомство с React

https://www.youtube.com/watch?v=fQAKKXc6BCM&list=PLqHlAwsJRxAONt5CnjMMeKdYGv1CDRUOl

Надеемся, вам помог наш лайфхак. Если же вы знаете более эффективный способ изучить JS – поделитесь в комментариях :)

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

РУБРИКИ В СТАТЬЕ

МЕРОПРИЯТИЯ

05 декабря Санкт-Петербург Бесплатно
05 декабря Москва Бесплатно
04 декабря Москва Бесплатно
28 ноября Онлайн 48000 RUB

Комментарии 0

ЛУЧШИЕ СТАТЬИ ПО ТЕМЕ

BUG