Что скачать для разработки на JavaScript

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

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

Теперь серьезно. Главное, с чего нужно начать - это выбор среды разработки. Если по-простому - то это умный блокнот в который вы будете писать свой код. Таких приложений огромное количество - Sublime Text, Visual Studio Code, WebStorm, IDEA и т.д, перечислять можно долго. Лично я сам пользуюсь и вам советую использовать VS Code по следующим причинам:

Во-первых, даже на моем уровне разработки мне его абсолютно хватает

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

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

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

В общем качайте VSCode с официального сайта и радуйтесь жизни. https://code.visualstudio.com/

После того как вы скачали редактор кода, вам в первую очередь нужно установить nodejs. Да, даже если вы занимаетесь только фронтом. Если кратко Nodejs - это движок javascript прямо у вас на компьютере, а не только в браузере. То есть вы можете запускать свои js файлы, даже не открывая браузер. И это уже круто само по себе, но нам важно не только это.

Важно еще и то, что именно благодаря nodejs мы можем устанавливать любые пакеты, любые библиотеки, фреймворки, тулзы и так далее. Чтобы вы понимали: чтобы установить react, нам нужен nodejs, ведь реакт - это фреймворк. Как установить nodejs на пк я думаю вы разберетесь, здесь дам только краткие инструкции.

Есть две таблетки

Синяя таблетка - https://nodejs.org/en/download. Просто скачать архив, просто установить как обычное приложение. Заснуть спокойным сном младенца и забыть об этом уже завтра

Но я бы советовал идти другим путем.

Красная таблетка - использовать командую строку и менеджеры пакетов. Да, сначала вам будет страшно, а потом вы по-другому уже не сможете. Не бойтесь белого текста на черном фоне, на самом деле это самый удобный способ взаимодействия. В общем, буду говорить на своем примере - у меня MacOS, и для маков создали очень удобный инструмент который называется homebrew. https://brew.sh/

Вы заходите на оф. сайт. Копируете скрипт, вставляете в свою командую строку, нажимаете enter - готово. Теперь у вас установлен инструмент который позволит делать вам кучу классных вещей, в том числе и установить nodejs. Кстати о нем. После установки homebrew, вы легко можете написать в поиске node install homebrew и попадете на инструкцию где вам расскажут что и как делать. Вот кстати и сама инструкция - https://formulae.brew.sh/formula/node

Копируете команду, вставляете в терминал (так называется командная строка на маке) и готово. У вас установлен NodeJs и npm. И теперь вы еще на шаг отдалились от обычной жизни бытового юзера, упустили свою синюю таблетку и теперь вам придется стать программистом.

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

После всех подготовок вам обязательно понадобится установить git. Благодаря ему вы сможете управлять версией своего кода, скачивать и заливать свои исходники. GIT это инструмент который упрощает вам жизнь при разработке. Github это сайт где в облаке хранится ваш код. Даже если вы работаете один и не хотите делится вашим кодом, то вам все равно нужно научится пользоваться этим инструментом. Чтобы добавить вам мотивации, представьте ситуацию. Вы пишите свой проектик, добавляете новые компоненты, фичи и все своевременно коммитите в гит. Таким образом у вас строится история вашего проекта и если в какой то момент вы все сломаете, то вы легко сможете найти так называемый ID вашего коммита и переключиться на него всего в две команды. Переключиться на тот момент когда еще все работало - это ли не чудо.

В общем идем в официальную документацию и читаем, как это сделать -https://git-scm.com/downloads

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

В сроке пишем команду npm init, тем самым создавая наш package.json. package.json это файл где будут сохранены все ваши зависимости (библиотеки и тд) и скрипты.

И последний шаг - это создание git репозитория, для этого есть команда git init.

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

Поздравляю с настройкой вашего компьютера для увлекательных путешествий в мир разработки! Назад пути уже нет...