Примените эти 3 шага, если хотите освоить JavaScript.

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

Я читал книги по C / C ++ и пытался применить на практике то, что узнал. Однако по прошествии некоторого времени это стало для меня неприемлемым, поскольку в книгах было много теории и недостатка практики.

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

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

1. Напишите код эффективно

Под эффективным написанием кода я подразумеваю работу в продуктивной среде, такой как IDE и редактор. Обычно я пишу код на VS Code, поскольку он имеет простой дизайн, множество необходимых расширений и красивые темы.

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

Обычно я использую VS Code. Если вы также используете VS Code, вы можете изменить тему своего VS Code. Чтобы изменить внешний вид VS Code, вы можете выполнить следующие действия. Code -> Preferences -> Color Theme Appearance

Здесь вы можете выбрать лучшую тему, которая вам нравится. Кроме того, если вы думаете, что для вас не так много вариантов, вы можете найти другие темы, выполнив поиск в расширениях VS Code.

Например, вы можете написать «One Dark Pro» на странице расширения. Он основан на One Dark Theme от Atom. В настоящее время он загружен с торговой площадки 4 миллиона раз.

Помимо тем, вы также можете изменить внешний вид файлов и папок с кодом. Как ты можешь это сделать? Например, вы можете выполнить поиск по запросу «Тема значка материала» в расширениях. Он содержит множество значков для разных типов файлов и папок.

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



Например, использование Ctrl + Backspace поможет вам удалить слово перед курсором. Вам не нужно удалять все символы по одному или использовать сдвиг и стрелку влево, чтобы выбрать слово непосредственно перед удалением.

Автоформатирование кода - еще один способ эффективного написания кода. Вы можете отформатировать весь файл кода с помощью ярлыка.

Чтобы получить дополнительные параметры, вы также можете отформатировать код с расширением VS Code, имя которого Prettier.

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

Некоторые из поддерживаемых в настоящее время языков:

JavaScript, TypeScript, JavaScript+React, TypeScript+React, JSON, GraphQL

Как видите, использование расширений обеспечивает продуктивную среду. Чтобы иметь более продуктивное пространство, вы можете изучить расширения из VS Code.

Есть еще два примера расширений, которые помогут вам эффективно писать код. Первый - ESLint.

ESLint - одно из самых популярных расширений VS Code среди разработчиков JS. Это позволяет быстро обнаруживать и исправлять нарушения правил. ESLint также помогает улучшить качество вашего кода.

Другой пример расширения - REST Client. Возможно, вы знаете, Postman - это хорошо известный клиент API, который позволяет пользователям создавать и сохранять запросы HTTP / s и читать их ответы. Клиент REST похож на Почтальона в расширениях VS Code. Он также позволяет отправлять HTTP-запросы и просматривать ответ непосредственно в VS Code.

2. Знайте, где найти помощь

Как веб-разработчик, вы можете использовать MDN (Mozilla Developer Network) для поиска различных концепций веб-разработки. Это веб-сайт для веб-разработки в целом, но также и для JavaScript. В MDN вы можете найти почти все о JavaScript. Вы можете выполнять поиск по каждой встроенной функции и объекту в JavaScript. Это идеальный справочник.

Например, если вы застряли при использовании встроенной функции JavaScript, вы можете искать в Google как MDN console.log(). Кроме того, MDN также включает в себя учебные пособия по JavaScript от начинающих до продвинутых. Например, вы можете научиться получать данные с сервера, использовать асинхронный JavaScript, работать с данными JSON, объектно-ориентированный JavaScript и многое другое.

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

В Google вы можете найти решения, где вы застряли. Вы можете найти другие идеи, как думать о проблеме и решать ее. Чтобы найти разумные решения, вы можете написать JavaScript в начале вопроса, чтобы сузить круг вопросов.

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

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

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

3. Отладьте свой код.

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

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

Что вы можете сделать, так это не пропускать сообщения об ошибках напрямую. Прочтите и используйте сообщения об ошибках. Как правило, сообщения об ошибках довольно четкие. Кроме того, они обычно показывают строку кода. Вам следует подойти к линии и попытаться ее решить. Если вы застряли при решении, напишите его в Google, чтобы найти ответ.

Вы также можете использовать console.log(), чтобы получить представление о вашем коде. Это вообще для логических ошибок. Например, вам нужно увеличить некоторые переменные. Однако вы забыли увеличить его. Поскольку такого рода ошибки являются логическими, сообщения об ошибке не будет. Так что было бы лучше, если бы вы нашли его сами.

Более того, вы можете использовать точки останова. Если вы поставите точку останова на номер строки, которую хотите посмотреть, отладчик приостановит ваш код после того, как вы запустите его. Здесь вы можете посмотреть свои переменные.

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

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

Лучшие разработчики - это те, кто знает, где найти помощь. Неважно, находитесь ли вы в начале своего пути программирования или являетесь старшим разработчиком. Это важный навык - знать, где искать помощи. Вы можете использовать Google и Stack Overflow, чтобы получить помощь.

Отладка кода научит вас основам программирования. Вы можете найти свои логические ошибки и исправить их с помощью отладчика. Кроме того, вы можете использовать console.log() и точки останова для поиска ошибок. Вам также следует читать и использовать сообщения об ошибках.

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

Больше контента на plainenglish.io