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

Чтобы противостоять всему этому, я поделюсь с вами тремя способами легко начать работу с клиентским JavaScript!

1. Консоль браузера

Мы можем создавать переменные, включая функции, непосредственно в консоли и манипулировать ими, переназначать их или также вызывать функции.
При выполнении каждой строки мы получаем вывод в следующей строке.

Плюсы

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

Минусы

  • Это полезно только в том случае, если мы хотим что-то отладить или выполнить некоторые манипуляции с узлами dom, которые уже отображаются страницей.
  • Это бесполезно для написания полных программ, так как становится сложно писать и выполнять код построчно.
  • Нет файловой структуры.
  • Мы можем запускать только ванильный JavaScript.

2. Фрагменты Google Chrome

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

Плюсы

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

Минусы

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

3. Онлайн-игровые площадки, такие как CodeSandbox, JSFiddle и StackBlitz.

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

Плюсы

  • Здесь мы получаем очень быстрый старт с поддержкой структуры каталогов.
  • Мы можем быстро установить новые пакеты без каких-либо хлопот.
  • Это действительно полезно, когда мы хотим опробовать стороннюю библиотеку и не хотим сначала устанавливать пакет в нашей локальной рабочей области.
  • Мы получаем хорошие стартовые проекты.
    Попробуйте поискать в Google React Start Project — CodeSandBox.

Минусы

  • Это бесполезно, когда мы создаем продукты производственного уровня.
  • Поддержка отладки может отсутствовать в зависимости от платформы.

Как вы думаете, какой самый простой способ начать работу, и знаете ли вы какие-либо другие способы быстрого запуска JavaScript? Дайте мне знать в комментариях!

Спасибо

Дополнительные материалы на PlainEnglish.io.

Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord .

Заинтересованы в масштабировании запуска вашего программного обеспечения? Ознакомьтесь с разделом Схема.