Сборка проекта

Коммандная строка

Средства разработки javascript очень ориентированы на работу с командной строкой. Если вы работаете на Windows, вам не повезло :( Командная строка обеспечивает лучшую поддержку для автоматизации задач разработки, поэтому стоит с этим смириться.

Контроль версий

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

Чтобы убедится что он установлен выполните:

git --version

Желательно чтобы была v2.* Если не установлен то для Linux:

sudo add-apt-repository ppa:git-core/ppa
sudo apt-get update
sudo apt-get install git-all
git config --global user.email "[email protected]"
git config --global user.name "arthur"

для OSX либо скачать инсталятор, либо через homebrew:

sudo chown -R $USER:admin /usr/local
brew install git
git config --global user.email "[email protected]"
git config --global user.name "arthur"

Браузер и IDE

Я использую браузер Chrome для этого курса из-за его передового javascript-движка и превосходных средств отладки.

Я использую Webstorm для разработки. Подойдет и его бесплатная альтернатива Visual Studio

Node.js

Node.js - это среда выполнения javascript, которая позволяет javascript-код запускаться за пределами браузера с помощью движка V8. Node.js используется для написания исполняемого кода на сервере, обрабатывающий события и неблокирующий ввод-вывод.

И хотя Node.js изначально предназначался для написания серверного кода в javascript, сегодня он широко используется инструментами javascript, что делает его необходимым для front-end программистов. Множество инструментов, с которыми вы будете работать в этом курсе, используют Node.js.

Node.js так же можно установить через apt или homebrew, но я предпочитаю не стандартный способ установки.

Linux:

curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
sudo apt-get install -y nodejs

OSX:

brew install node

Альтернативный способ Linux:

download tar.gz
tar xfz node-*.tar.gz
move to /home
create symlink "node" to node folder
subl ~/.bashrc
write in file: export PATH="$PATH:$HOME/node/bin"
source ~/.bashrc

Альтернативный способ OSX:

...
subl ~/.bash_profile
write in file: export PATH=$HOME/node/bin:$PATH
source ~/.bash_profile

Проверяем что работает:

node -v

npm

npm - «node package manager». Он устанавливается с помощью Node.js и предоставляет вам доступ к широкому спектру сторонних модулей javascript. Он также управляет зависимостями вашего приложения. Вы указываете зависимости в файле package.json. Запуск установки npm install, загрузит и установит зависимости вашего приложения.

Webpack

Webpack - это сборщик модулей javascript. Он принимает модули со своими зависимостями и генерирует статические assets. Webpack известен не только тем, что собирает javascript модули. Чтобы собрать другие зависимости, например, CSS, HTML, изображения и тп., используются дополнительные загрузчики. Webpack также может быть расширен плагинами, например, минификация с UglifyJS плагином для webpack.

Сборка проекта