Первое, что следует загрузить (версия для Mac).

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

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

1. Система контроля версий

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

Рекомендую скачать .git + создать учетную запись на Github

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

Github – это служба хостинга с открытым исходным кодом, которая работает с git и позволяет:

  • «Разветвлять» (копировать) репозитории других разработчиков, чтобы модифицировать их под своей учетной записью
  • Сделайте запрос на вытягивание, чтобы предложить изменение в репозиторий разработчика.
  • Объединить одобренные изменения с репозиторием

Эти 3 функции Github добавляют git еще один уровень, позволяя разработчикам беспрепятственно работать вместе. Вот отличное видео от Github, чтобы лучше понять, как оно используется в реальном примере.

2. Текстовый редактор

Текстовый редактор, иногда называемый блокнотом, представляет собой программу, позволяющую редактировать обычный текст.

Моя рекомендация VSCode

VSCode — это популярный редактор, который включает в себя несколько основных функций:

  • Это бесплатно для Mac, Windows и Linux
  • Его можно настраивать, доступно множество расширений, включающих более 600 языков кодирования.
  • Полнофункциональная интеграция с Git
  • Отладчик в редакторе

3. Интерфейс командной строки

Интерфейс командной строки (CLI) позволяет вам взаимодействовать с компьютером с помощью текста в командной строке. Это противоположно графическому пользовательскому интерфейсу (GUI), который большинство людей использует для взаимодействия со своим компьютером с помощью значков. На Mac у нас уже есть терминал, который действует как наш CLI, однако мы можем заменить его более удобной версией.

Я рекомендую iTerm2

Это популярный вариант замены, который позволяет:

  • Прозрачность окна
  • Полноэкранный режим
  • Показать вкладки
  • Стандартные сочетания клавиш

Не убежден? Для более подробного ознакомления с некоторыми функциями iterm2 посмотрите это видео:

4. Интерпретатор команд

Интерпретатор командной строки или оболочка работает с вашим терминалом или интерфейсом командной строки, чтобы принимать команды, которые вы вводите, и выполнять их. Терминал, который поставляется с Mac, по умолчанию использует Bash, однако есть много других оболочек на выбор.

Я рекомендую Oh My Zsh

Oh My Zsh — это управляемая сообществом платформа с открытым исходным кодом для управления вашей конфигурацией zsh. Терминал по умолчанию в Mac установлен на bash. Zsh имеет большое количество улучшений:

  • Автодополнение командной строки
  • Возможность поделиться историей команд
  • Программа автоматического обновления, чтобы плагины всегда были актуальными
  • Проверка орфографии
  • Тематические подсказки

5. Менеджер пакетов

Менеджер пакетов значительно упрощает процесс установки, обновления и удаления программного обеспечения.

Я рекомендую Homebrew и Node.js

Homebrew — это бесплатный менеджер пакетов с открытым исходным кодом, чрезвычайно популярный среди пользователей Mac. В общем, это один из самых разветвленных репозиториев на Github и отличный инструмент для веб-разработчиков. Он может помочь в установке полезных пакетов, таких как Git, Ruby, nodeJS и других.

После получения Homebrew я рекомендую вам установить Node.js.

Для этого выполните следующую команду в iTerm2:

brew install nodejs

После этого у вас будет доступ к диспетчеру пакетов Node (npm). Node.js — это серверная среда с открытым исходным кодом. Язык Javascript был разработан для работы в браузере, Node.js позволяет пользователю запускать файлы JavaScript локально на компьютере. это позволяет пользователю редактировать свои сценарии и быстрее видеть результаты. Node.js намного больше, это объединяющее веб-приложение, построенное на одном языке. Разрешение пользователю создавать клиентские и серверные приложения только с помощью Javascript.