Избавьтесь от путаницы в синтаксисе с помощью этих 5 шагов…

Мой путь в программировании не был линейным. Оно перескакивало с языка на язык. Если вы достаточно заинтересованы в программировании, чтобы читать это, вы знаете, как важно выучить хотя бы немного Javascript. Я подумал, что неплохо начать Javascript после изучения HTML и CSS. Это естественный прогресс для фронтенд-разработки, верно?

Я на 75% закончил онлайн-модуль по изучению JS и до сих пор понятия не имел, что происходит. Я попробовал прочитать «Красноречивый Javascript» Марина Хавербеке. Несмотря на то, что это полезная книга для программистов, я все же потерпел неудачу. Пока я не начал изучать Ruby на курсах по программированию, я не осознавал, что мне не хватает общей логики программирования.

После изучения логики программирования на Ruby наш инструктор дал нам серию упражнений, чтобы попрактиковаться в преобразовании в Javascript. Синтаксис сбивал меня с толку больше раз, чем я могу сосчитать (до сих пор), но я хотел бы поделиться своими советами, которые помогут вам плавно перейти с Ruby на JS.

1. Сделайте все открывающие и закрывающие фигурные скобки заранее.

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

2. Попрактикуйтесь в переводе простых циклов forEach с Ruby (или языка, который вы изучали ранее) на JS. Затем продвиньтесь с петлями.

Это отличный пример. Сначала я написал логику Ruby, используя цикл each, поскольку он наиболее тесно связан с forEach в JS. Затем я перевел его на Javascript. Это не единственный способ написать эту логику на JS. Но это отличный способ увидеть оба написанных и сравнить их очень похожим образом, чтобы вы могли меньше сосредоточиться на логике и больше на синтаксисе. Особенно там, где идут все эти надоедливые фигурные скобки и скобки!

3. Используйте линтер! Шутки в сторону.

Линтеры легко устанавливаются в VS code и других редакторах и на вес золота. Ладно, я преувеличиваю, но вы поняли. Линтер похож на средство проверки орфографии на наличие синтаксических ошибок. Поначалу волнистые линии могут показаться ошеломляющими. Я поймал себя на том, что пытаюсь игнорировать свой, когда впервые начал программировать, думая, что, может быть, если я не посмотрю на него, синтаксические ошибки исчезнут. Javascript делает невозможным игнорирование синтаксических ошибок, поскольку он значительно менее гибок, чем Ruby, когда дело доходит до синтаксиса. В приведенном выше примере вы можете увидеть мой линтер, указывающий на простые вещи, которые могут вызвать несколько сообщений об ошибках. Я забыл пробелы, точки с запятой в конце строк (которые все еще могут работать, но, мягко говоря, раздражают). Вы можете видеть, что если я наведу указатель мыши на подчеркнутый синтаксис, он точно скажет мне, что я напортачил. Очень просто!

4. Используйте шпаргалку. И не думайте об этом плохо.

Вот фрагмент шпаргалки, которую я получил на буткемпе. Прелесть наличия двух экранов (ты хоть кодишь, бро?) заключается в том, что вы можете просто иметь это на одном экране, пока работаете над преобразованием логики Ruby в синтаксис JS. Я бы даже скопировал, вставил и прокомментировал примеры, на которые можно ссылаться. После пары упражнений по использованию подобных задач вы обнаружите, что в конце концов вам это не нужно. Но всегда хорошо откладывать на случай, если вы столкнетесь с чем-то, что никогда даже не практиковали. Это случится. Это хорошая вещь! Это означает, что вы можете узнать больше!

5. И последнее, но не менее важное… Не бойтесь сломать вещи.

Любой разработчик скажет вам, что нужно привыкнуть, чтобы работать весь день и получать разные сообщения об ошибках. Я собираюсь сказать вам это сейчас, и это останется с вами навсегда. Сообщения об ошибках — ваши друзья! Мы смотрим на слово «ошибка» через призму негатива, «у меня не получилось». Вы быстро узнаете в программировании, что это неправда. Научитесь воспринимать сообщение об ошибке, внимательно прочитайте его и используйте, чтобы перейти к следующему шагу. Что неизбежно будет другим сообщением об ошибке. В конце проекта все это составляет одно работающее приложение. Обещаю!