Найдите секунду и прочитайте следующие пункты:

  • Вы заинтересованы в обучении/улучшении навыков веб-разработки.
  • Вы прочитали несколько статей о JavaScript, но не знаете, с чего начать с AngularJS/2/4/5/6+/React/Redux/Next/Webpack/Vue/GraphQL
  • Вы следовали руководству «Hello World» и в итоге установили nvm, Node.js (LTS), npm, express, Gatsby, yarn, Jest и Mootools (угу)
  • Вы создали несколько небольших проектов с использованием фреймворка, но чувствуете, что на самом деле не знаете JavaScript.

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

Что-то не так в состоянии веб-разработки

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

Так было не всегда.

В прошлом веб-разработка заключалась в основном в знании HTML и CSS, а затем добавлении небольшого количества JavaScript для интерактивности. Если бы вы были настоящим профессионалом, вы могли бы даже немного знать PHP и SQL (что делало вас разработчиком full-stack). Хотя с технической точки зрения этих навыков по-прежнему достаточно для создания полнофункциональных веб-приложений, развитие языка JavaScript за последние несколько лет и увеличение спроса на приложения с высоким уровнем интерактивности привели к резкому увеличению количества тяжелых решений JavaScript для создания приложений. в сети.

Теперь о части, которую вы ждали. В этой серии статей я стремлюсь познакомить начинающего веб-разработчика с инструментами торговли разумным и простым способом, без использования фреймворков или любой другой ненужной «магии». Вопреки тому, как может показаться после чтения о веб-разработке, в 2018 году на самом деле можно создать веб-приложение без использования интерфейсной среды или сложных инструментов сборки.

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

В этой серии статей я постараюсь изо всех сил научить JavaScript так, чтобы он оставался верным, и в то же время знакомил вас с практическими задачами и проектами. Некоторые люди лучше учатся, изучая как можно больше теории, прежде чем применять ее. Другие учатся лучше всего, просто прыгая сразу. Мой план состоит в том, чтобы вручить вам книгу, а затем подтолкнуть вас к ней. Посмотрим, что из этого выйдет.

Оглавление

1. Основные понятия

Сверхпростой проект на JavaScript: камень, ножницы, бумага

Первоначально опубликовано на tndl.io 7 декабря 2018 г.