fix(guide): simplify directory structure

guide/russian/developer-tools/bower/index.md

@@ -0,0 +1,33 @@
+---
+title: Bower
+localeTitle: Беседка
+---
+## Беседка
+
+Bower - это менеджер пакетов для Интернета. Bower может управлять компонентами, которые содержат HTML, CSS, JavaScript, шрифты или даже файлы изображений. Bower оптимизирован для переднего конца. Если несколько пакетов зависят от пакета - например, jQuery - Bower будет загружать jQuery только один раз. Это известно как плоский график зависимостей, что помогает снизить нагрузку на страницу.
+
+### Установить Bower
+
+Bower - утилита командной строки. Установите его с номером npm.
+
+```shell
+    npm install -g bower 
+```
+
+### Установить пакеты
+
+Установите пакеты с установкой боковины. Bower устанавливает пакеты в bower\_components /.
+
+```shell
+    bower install <package> 
+```
+
+### Дополнительная информация:
+
+Сайт Bower: [bower.io](https://bower.io)
+
+Управление ресурсами Front End с помощью Bower: [scotch.io](https://scotch.io/tutorials/manage-front-end-resources-with-bower)
+
+Оптимизация веб-потока с помощью Bower: [youtube](https://www.youtube.com/watch?v=Vs2wduoN9Ws)
+
+Использование Bower с Heroku: [средний](https://hackernoon.com/using-bower-with-heroku-cdc791320c88)

guide/russian/developer-tools/build-automation/index.md

@@ -0,0 +1,41 @@
+---
+title: Build Automation
+localeTitle: Автоматизация сборки
+---
+## Автоматизация сборки
+
+Build - это версия программного обеспечения. Этот термин используется в отношении программы, которая все еще находится в разработке. Автоматизация сборки - это процесс автоматизации создания программного обеспечения и связанных с ним процессов, включая: компиляцию исходного кода компьютера в двоичный код, упаковку двоичного кода и выполнение автоматических тестов. Программное обеспечение для автоматизации производства автоматизирует обычно выполняемые задачи в процессе разработки программного обеспечения. Сборка автоматизирована, когда шаги по созданию программного обеспечения повторяемы, не требуют прямого вмешательства человека и могут выполняться в любое время без какой-либо информации, кроме информации, хранящейся в репозитории управления исходным кодом. Программное обеспечение для автоматизации производства часто интегрируется с продуктами тестирования программного обеспечения, системами контроля версий, IDE, инструментами отслеживания ошибок и провайдерами PaaS. Исторически автоматизация сборки выполнялась с помощью «make-файлов». Сегодня существуют две основные категории инструментов для автоматизации построения:
+
+## \- Утилита автоматизации сборки:
+
+Его основная цель - генерировать артефакты сборки посредством таких действий, как компиляция и связывание исходного кода.
+
+## \- Создавать серверы автоматизации:
+
+Это общие сетевые инструменты, которые выполняют утилиты автоматизации построения на основе запланированных или триггеров; сервер непрерывной интеграции - это тип сервера автоматизации построения.
+
+Существует три подкатегории для автоматизации сборки: непрерывная интеграция, управление конфигурацией и др. Автоматизация сборки.
+
+Ниже приведен список некоторых известных инструментов, связанных с автоматизацией процессов сборки:
+
+*   GNU make
+*   делать
+*   тк
+*   Apache Ant
+*   BitBake
+*   ботинок
+*   Ниндзя
+*   Система сборки Qt
+*   Грабли
+*   стек
+*   Psake
+*   MSBuild
+*   Visual Build
+*   рогатка
+*   Waf
+*   [Дженкинс](https://jenkins.io/)
+*   TeamCity и другие.
+
+#### Дополнительная информация:
+
+[Что такое автоматизация сборки?](https://www.agilealliance.org/glossary/automated-build/#q=~(filters~(postType~(~'page~'post~'aa_book~'aa_event_session~'aa_glossary~'aa_organizations~'aa_research_paper~'aa_video)~tags~(~'automated*20build))~searchTerm~'~sort~false~sortDirection~'asc~page~1)) [Список программ автоматизации производства](https://en.m.wikipedia.org/wiki/List_of_build_automation_software) [Автоматизация сборки - Википедия](https://en.m.wikipedia.org/wiki/Build_automation) [Webopedia](https://www.webopedia.com/TERM/B/build.html) [Автоматизация сборки](https://www.g2crowd.com/categories/build-automation)

guide/russian/developer-tools/certbot/index.md

@@ -0,0 +1,13 @@
+---
+title: Certbot
+localeTitle: Certbot
+---
+## Certbot
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/developer-tools/certbot/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
+
+#### Дополнительная информация:
+
+https://certbot.eff.org/ Автоматически включайте HTTPS на своем веб-сайте с помощью Certbot EFF, развертывая сертификаты Let's Encrypt.

guide/russian/developer-tools/chef/index.md

@@ -0,0 +1,74 @@
+---
+title: Chef
+localeTitle: лидер
+---
+## шеф-повар
+
+Шеф-повар - это инструмент автоматизации, который преобразует инфраструктуру в код. Другими словами, это инструмент, который используется для автоматизации создания и настройки вашей инфраструктуры. Он также используется для поддержки вашей инфраструктуры после ее создания.
+
+### Зачем использовать Повара
+
+Перед тем, как полностью завершенное и испытанное приложение поступит в производство, нужно рассмотреть несколько вещей. Некоторые из основных вещей,
+
+*   Создание инфраструктуры (облачный или по-предвыборный)
+*   конфигурация
+*   Поддержка инфраструктуры
+
+Вы можете вручную создать свою инфраструктуру, настроить ее и сохранить ее. Это очень утомительный процесс, и вероятность совершения ошибки высока. В любом руководстве требуется много внимания к деталям, обучение других в вашей команде и постоянное наблюдение за ним, чтобы убедиться, что все работает должным образом. Если ваше приложение развивается быстро, то каждый раз, когда он идет на производство, вы должны делать все это вручную.
+
+Шеф-повар - это инструмент, помогающий автоматизировать этот процесс. Вы пишете код (шеф-повар использует _Ruby_ ) для вашей инфраструктуры, а источник контролирует его. Шеф-повар будет читать этот код, чтобы автоматически создавать и настраивать вашу инфраструктуру. Преимущества использования шеф-повара,
+
+*   Автоматизация создания и настройки инфраструктуры
+*   Автоматизация и обслуживание
+*   Вероятность ошибки незначительна
+*   Инфраструктура контролируется источником
+*   Быстрое развертывание приложения
+
+### Большая картинка и компоненты
+
+![Chef big picture](https://docs.chef.io/_images/chef_overview.svg "Обзор Chef")
+
+Основными компонентами являются,
+
+*   Поваренная книга и рецепты
+*   Узел
+*   рабочая станция
+*   Шеф-повар
+*   Поварский клиент
+
+#### Поваренная книга и рецепты
+
+Поваренная книга является основной единицей конфигурации. Он определяет сценарий и содержит все, что требуется для поддержки этого сценария. Cookbook содержит следующие вещи:
+
+*   Рецепты
+*   Значения атрибутов
+*   Распространение файлов
+*   Шаблоны
+*   Расширения пользовательских ресурсов и библиотек
+
+Рецепт - самый фундаментальный элемент конфигурации. Он создан с использованием _Ruby_ и состоит из набора ресурсов, необходимых для настройки системы. Он должен храниться в Поваренной книге.
+
+#### Узел
+
+Узел - это любая машина, которой управляет шеф-повар. Это может быть физическое, виртуальное, облачное, сетевое устройство и т. Д.
+
+#### рабочая станция
+
+Рабочая станция (синяя область в большом изображении) - компьютер, на котором работает Chef Development Kit (ChefDK), для разработки и тестирования кулинарных книг и рецептов. В основном, это ваша локальная машина, на которой вы пишете и тестируете сценарии шеф-повара, которые используются позже для автоматизации инфраструктуры. Сценарии шеф-повара с рабочей станции загружаются на сервер Chef после его готовности.
+
+#### Шеф-повар
+
+Шеф-сервер работает как концентратор данных конфигурации. Он хранит все данные конфигурации, такие как кулинарные книги, рецепты, шаблоны и дистрибутивы файлов, которые необходимы для создания и настройки инфраструктуры.
+
+#### Поварский клиент
+
+Клиент-шеф-повар - это агент, который выполняется локально на каждом узле, которым управляет шеф-повар. Он связывается с сервером Chef, чтобы получить данные конфигурации, необходимые для настройки узла. Клиент Chef отвечает за выполнение всех необходимых шагов, чтобы привести узел в ожидаемое состояние. Различные этапы включают,
+
+*   Регистрация и аутентификация узла с помощью сервера Chef
+*   Синхронизация поваренных книг
+*   Компиляция и запуск необходимых рецептов
+*   Обработка исключений и уведомлений
+
+#### Дополнительная информация:
+
+Более подробную документацию можно найти здесь - [Документация шеф-повара](https://docs.chef.io/chef_overview.html "шеф-повар")

guide/russian/developer-tools/developer-tools-in-browsers/chrome-developer-tools/index.md

@@ -0,0 +1,25 @@
+---
+title: Chrome Developer Tools
+localeTitle: Инструменты разработчика Chrome
+---
+## Средства разработки Chrome Firefox
+
+Средства разработки Chrome и Firefox помогают веб-разработчикам анализировать HTML, CSS и Javascript на веб-странице. Они полезны для отладки, оптимизации кода, проверки элементов и т. Д.
+
+**Особенности:**
+
+*   **Page Inspector:** просмотр и редактирование содержимого и макета страницы.
+*   **Веб-консоль:** см. Сообщения javascript console.log () и erros
+*   **Отладчик JavaScript:** просмотр и изменение JavaScript на странице
+*   **Сетевой монитор:** см. Сетевые запросы, сделанные при загрузке страниц.
+*   **Инструменты производительности:** анализ компьютерных ресурсов, используемых сайтом
+
+### Доступ к инструментам разработки
+
+1.  В строке меню в верхней части экрана выберите «Вид»> «Разработчик»> «Инструменты разработчика». Инструменты появятся внизу, сбоку или в виде всплывающего окна.
+2.  На веб-странице щелкните правой кнопкой мыши элемент. Когда появится меню, выберите «Осмотреть».
+
+### Дополнительная информация:
+
+*   [Chrome DevTools](https://developer.chrome.com/devtools)
+*   [Средства разработки Firefox](https://developer.mozilla.org/en-US/docs/Tools)

guide/russian/developer-tools/developer-tools-in-browsers/chrome-developer-tools/javascript-console/index.md

@@ -0,0 +1,11 @@
+---
+title: JavaScript Console
+localeTitle: Консоль JavaScript
+---
+## Консоль JavaScript
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/developer-tools/developer-tools-in-browsers/chrome-developer-tools/javascript-console/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
+
+#### Дополнительная информация:

guide/russian/developer-tools/developer-tools-in-browsers/chrome-developer-tools/javascript-debugger/index.md

@@ -0,0 +1,11 @@
+---
+title: JavaScript Debugger
+localeTitle: Отладчик JavaScript
+---
+## Отладчик JavaScript
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/developer-tools/developer-tools-in-browsers/chrome-developer-tools/javascript-debugger/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
+
+#### Дополнительная информация:

guide/russian/developer-tools/developer-tools-in-browsers/chrome-developer-tools/network-performance/index.md

@@ -0,0 +1,11 @@
+---
+title: Network Performance
+localeTitle: Производительность сети
+---
+## Производительность сети
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/developer-tools/developer-tools-in-browsers/chrome-developer-tools/network-performance/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
+
+#### Дополнительная информация:

guide/russian/developer-tools/developer-tools-in-browsers/chrome-developer-tools/profiling-memory-and-execution/index.md

@@ -0,0 +1,11 @@
+---
+title: Profiling Memory and Execution
+localeTitle: Профилирование памяти и выполнение
+---
+## Профилирование памяти и выполнение
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/developer-tools/developer-tools-in-browsers/chrome-developer-tools/profiling-memory-and-execution/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
+
+#### Дополнительная информация:

guide/russian/developer-tools/developer-tools-in-browsers/chrome-developer-tools/render-performance/index.md

@@ -0,0 +1,11 @@
+---
+title: Render Performance
+localeTitle: Эффективность рендеринга
+---
+## Эффективность рендеринга
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/developer-tools/developer-tools-in-browsers/chrome-developer-tools/render-performance/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
+
+#### Дополнительная информация:

guide/russian/developer-tools/developer-tools-in-browsers/chrome-developer-tools/screenshot-utility/index.md

@@ -0,0 +1,15 @@
+---
+title: Useful screenshot shortcuts
+localeTitle: Полезные скриншоты
+---
+### Функциональность скриншотов DevTools
+
+При использовании инструментов разработчика Chrome может оказаться полезным сделать снимок экрана со всей страницы. И хотя для этого есть дополнения, у google chrome есть встроенная встроенная функциональность.
+
+## меры
+
+1.  Открыть Chrome Devtools
+2.  в Devtools Ctrl + P (Cmd + P на Mac)
+3.  Начать печатать> снимок экрана
+4.  Выберите из доступных функций (захват снимка полного размера был, безусловно, самым полезным)
+5.  Наслаждайтесь новым снимком экрана

guide/russian/developer-tools/developer-tools-in-browsers/firefox-developer-tools/index.md

@@ -0,0 +1,11 @@
+---
+title: Firefox Developer Tools
+localeTitle: Средства разработки Firefox
+---
+## Средства разработки Firefox
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/developer-tools/developer-tools-in-browsers/firefox-developer-tools/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
+
+#### Дополнительная информация:

guide/russian/developer-tools/developer-tools-in-browsers/index.md

@@ -0,0 +1,11 @@
+---
+title: Developer Tools in Browsers
+localeTitle: Инструменты разработчика в браузерах
+---
+## Инструменты разработчика в браузерах
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/developer-tools/developer-tools-in-browsers/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
+
+#### Дополнительная информация:

guide/russian/developer-tools/developer-tools-in-browsers/internet-explorer-developer-tools/index.md

@@ -0,0 +1,11 @@
+---
+title: Internet Explorer Developer Tools
+localeTitle: Инструменты разработчика Internet Explorer
+---
+## Инструменты разработчика Internet Explorer
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/developer-tools/developer-tools-in-browsers/internet-explorer-developer-tools/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
+
+#### Дополнительная информация:

guide/russian/developer-tools/docker/index.md

@@ -0,0 +1,68 @@
+---
+title: Docker
+localeTitle: докер
+---
+Docker - это программное обеспечение с открытым исходным кодом, предназначенное для облегчения развертывания приложений. Он предлагает возможность создания контейнеров, включая операционную систему, библиотеки и все, что вам нужно для запуска вашего приложения. Поэтому ваше приложение может быть развернуто на любой машине. Его легкая конструкция позволяет вам запустите несколько контейнеров на одной машине. Изображение контейнера представляет собой легкий, автономный исполняемый пакет части программного обеспечения, который включает в себя все необходимо было запустить его.
+
+### Особенности
+
+Контейнеры докеров, работающие на одной машине, разделяют это ядро ​​операционной системы компьютера; они запускаются мгновенно и используют меньше вычислений и ОЗУ. Изображения построенных из уровней файловой системы и обменивающихся общими файлами. Это минимизирует использование диска, а загрузка изображений происходит намного быстрее.
+
+Контейнеры Docker основаны на открытых стандартах и ​​работают на всех основных дистрибутивах \* nix, Microsoft Windows и на любой инфраструктуре, включая виртуальные машины, bare-metal и в облаке.
+
+Контейнеры-докеры изолируют приложения друг от друга и от базовой инфраструктуры. Docker обеспечивает максимальную изоляцию по умолчанию для ограничения приложения вопросы к одному контейнеру, а не всей машине.
+
+## обзор
+
+Изображение контейнера представляет собой легкий, автономный исполняемый пакет части программного обеспечения, который включает все необходимое для его запуска: код, время выполнения, системные инструменты, системные библиотеки, настройки. Доступно как для приложений на базе Linux, так и для Windows, контейнерное программное обеспечение всегда будет работать одинаково независимо от среды. Контейнеры изолируют программное обеспечение от его окружения, например, различия между средами разработки и промежуточной среды и помогают уменьшить конфликты между командами, использующими различное программное обеспечение в одной и той же инфраструктуре.
+
+### Смотрите также
+
+*   Docker Compose: создавать и управлять несколькими контейнерами одновременно.
+
+### Контейнеры Vs. Виртуальные машины
+
+*   Контейнеры виртуализируют операционную систему, делая их более переносимыми, тогда как виртуальные машины виртуализируют оборудование.
+*   Контейнеры представляют собой абстракцию на уровне приложения, который вместе связывает код и зависимости. VM - это абстракция физического оборудования, превращающего один сервер во многие. Гипервизор помогает VM сделать это.
+*   [КОНТЕЙНЕРЫ НЕ ВМС](https://blog.docker.com/2016/03/containers-are-not-vms/)
+
+### Установка докеров
+
+Докер доступен в двух редакциях: Community Edition (CE) и Enterprise Edition (EE).
+
+[Установите его здесь](https://docs.docker.com/engine/installation/)
+
+После установки попробуйте это
+```
+$ docker run hello-world 
+ 
+ Hello from Docker! 
+```
+
+Это сообщение показывает, что ваша установка работает правильно.
+
+### Где использовать докер
+
+*   [8 проверенных способов использования докеров](https://www.airpair.com/docker/posts/8-proven-real-world-ways-to-use-docker)
+    
+*   [Что такое докер и когда его использовать?](https://www.ctl.io/developers/blog/post/what-is-docker-and-when-to-use-it/)
+    
+
+### Учебники Docker
+
+*   [Документация](https://docs.docker.com/get-started/)
+    
+*   [Докер для начинающих](https://docker-curriculum.com/)
+    
+*   [Учебники и курсы докеров](https://hackr.io/tutorials/learn-docker)
+    
+*   [Обучение докеров. Изучите Докер из Докера. Официальное обучение докеров.](https://training.docker.com/)
+    
+
+#### Дополнительная информация:
+
+Вы можете найти много информации на следующих сайтах:
+
+*   [Докер-сайт](https://www.docker.com/)
+*   [Докеры](https://docs.docker.com/)
+*   [DockerHub](https://hub.docker.com/)

guide/russian/developer-tools/grunt/index.md

@@ -0,0 +1,119 @@
+---
+title: Grunt
+localeTitle: земля
+---
+## хрюкать
+
+`Grunt` - это бегущая задача JavaScript, которую вы можете использовать для автоматизации повторяющихся задач.
+
+### Зачем использовать Grunt?
+
+В веб-разработке много повторяющихся задач. Например: компиляция, удаление и копирование файлов. Выполнение этих задач вручную требует больших усилий и времени.
+
+С Грунтом вы облегчите свою работу. Вам нужно только настроить задачи через [Gruntfile](https://gruntjs.com/sample-gruntfile) .
+
+### Начиная
+
+1.  Установите [npm](https://www.npmjs.org/) .
+2.  Установите интерфейс командной строки Grunt (CLI) в глобальном масштабе с `npm install -g grunt-cli` .
+3.  Список Grunt и плагины Grunt как devDependencies в файле `package.json` .
+4.  Установите плагины Grunt и Grunt с `npm i` .
+5.  Настройте задачи в файле `Gruntfile.js` .
+6.  Запустите Grunt с `grunt` .
+
+### пример
+
+Ниже приведен пример `package.json` и `Gruntfile.js` для выполнения следующих задач:
+
+1.  Минимизировать HTML-файлы.
+2.  Добавьте префиксы поставщиков и уменьшите CSS-файл.
+3.  Объединение и минимизация файлов JavaScript.
+4.  Минимизировать изображения.
+
+#### package.json
+
+```json
+{ 
+  "name": "project-name", 
+  "version": "0.1.0", 
+  "devDependencies": { 
+    "grunt": "latest", 
+    "grunt-contrib-htmlmin": "latest", 
+    "grunt-postcss": "latest", 
+    "autoprefixer": "latest", 
+    "cssnano": "latest", 
+    "grunt-contrib-uglify": "latest", 
+    "grunt-contrib-imagemin": "latest", 
+  } 
+ } 
+```
+
+#### Gruntfile.js
+
+```javascript
+module.exports = function(grunt) { 
+ 
+  grunt.initConfig({ 
+    htmlmin: { 
+      options: { 
+        removeComments: true, 
+        collapseWhitespace: true 
+      }, 
+      html: { 
+        files: [{ 
+          expand: true, 
+          cwd: "src/", 
+          src: "**/*.html", 
+          dest: "dest/" 
+        }] 
+      } 
+    }, 
+ 
+    postcss: { 
+      options: { 
+        processors: [ 
+          require("autoprefixer")(), 
+          require("cssnano")() 
+        ] 
+      }, 
+      css: { 
+        src: "dest/css/*.css" 
+      } 
+    }, 
+ 
+     uglify: { 
+      js: { 
+        files: { 
+          "dest/js/main.js": "src/js/*.js" 
+        } 
+      }, 
+    }, 
+ 
+    imagemin: { 
+      img: { 
+        options: { 
+          optimizationLevel: 5, 
+          quality: 75 
+        }, 
+        files: [{ 
+          expand: true, 
+          cwd: "src/img/", 
+          src: "**", 
+          dest: "dest/img/" 
+        }] 
+      } 
+    }, 
+  }); 
+ 
+  grunt.loadNpmTasks("grunt-contrib-htmlmin"); 
+  grunt.loadNpmTasks("grunt-postcss"); 
+  grunt.loadNpmTasks("grunt-contrib-uglify"); 
+  grunt.loadNpmTasks("grunt-contrib-imagemin"); 
+ 
+  grunt.registerTask("default", ["htmlmin", "postcss", "uglify, imagemin"]); 
+ }; 
+```
+
+#### Дополнительная информация:
+
+Грунтовая документация: [Начало работы](https://gruntjs.com/getting-started)

guide/russian/developer-tools/gulp/index.md

@@ -0,0 +1,66 @@
+---
+title: Gulp
+localeTitle: Глоток
+---
+## Глоток
+
+`Gulp` - это бегун для задач JavaScript, который используется для автоматизации различных задач, которые являются частью рабочего процесса разработки JavaScript. Он используется для запуска заданий, которые вы запрограммировали, и его основным вариантом использования является выполнение повторяющихся действий, которые используются как путь процесса сборки для проекта JavaScript.
+
+### Почему Gulp полезен
+
+Эти задачи часто включают такие вещи, как `code minification` (удаление пробелов из html-файлов и сокращение имен переменных, чтобы уменьшить размер файла) и `css bundling` (преобразование нескольких файлов CSS в один для распространения с вашим приложением), которые необходимы для оптимизации кода для загрузки быстро в веб-браузере.
+
+Причина, по которой `Gulp` полезна в приведенных выше ситуациях, заключается в том, что процесс минимизации и связывания должен происходить с каждым изменением. Было бы неэффективно делать это вручную при каждом изменении, где инструмент `Gulp` , который делает это автоматически, является отличным инструментом для разработчиков JavaScript.
+
+Как и относительно простые примеры выше, `Gulp` имеет сотни плагинов, которые позволяют автоматизировать более сложные задачи. Эти задачи могут включать в себя такие вещи, как:
+
+*   Выполнение модульных тестов для проверки кода работает правильно.
+*   Обновление вашего веб-браузера при каждом сохранении файла, позволяющем мгновенно просматривать ваши изменения.
+*   Преобразование `SASS` / `LESS` в `CSS` , чтобы его можно было использовать в браузере.
+*   Оптимизация изображений для создания `web friendly` версий с меньшими размерами файлов для скорости.
+
+### Как пользоваться Gulp
+
+Чтобы начать использовать `Gulp` , первый шаг - установить его с помощью `npm` . После его установки необходимо создать `gulpfile.js` . Этот `gulpfile` - это файл, содержащий все задачи `Gulp` которые должны выполняться как часть вашего автоматизированного процесса. Задачи написаны на JavaScript. Ниже приведен очень простой пример `gulpfile` , который берет любые файлы `CSS` из папки `client/templates` , их минимизирует и помещает мини-файл в папку `build/css` .
+
+```javascript
+var gulp = require('gulp'); 
+ var minifyCSS = require('gulp-csso'); 
+ 
+ gulp.task('css', function(){ 
+  return gulp.src('client/templates/*.css') 
+    .pipe(minifyCSS()) 
+    .pipe(gulp.dest('build/css')) 
+ }); 
+```
+
+Чтобы запустить эту задачу gulp, все, что вам нужно сделать, это ввести `gulp css` в терминал в корне вашего проекта.
+
+Чтобы просмотреть файлы CSS для любых изменений и запустить задачу «css» после ее сохранения.
+
+```javascript
+gulp.watch('css') 
+  .on('change', ['css']); 
+```
+
+### Зависимости задач
+
+По умолчанию gulp будет запускать все задачи, определенные одновременно, и ждать ничего. Чтобы запустить несколько задач в правильном порядке, вы можете добавить задачу в зависимости от другой задачи.
+
+```javascript
+gulp.task('two', ['one'], function() { 
+    // task 'one' is done now 
+ }); 
+```
+
+В приведенном выше фрагменте кода задача `two` будет выполняться только после завершения `one` задачи.
+
+Gulpfiles может иметь несколько задач для каждого файла, а задачи также можно разделить на несколько файлов для организации. Это, наряду с доступными 100-ю плагинами, делает его очень гибкой и полезной основой для разработчиков JavaScript.
+
+#### Дополнительная информация:
+
+[Веб-сайт Gulp](https://gulpjs.com/)
+
+[Репозиторий Gulp github](https://github.com/gulpjs/gulp)
+
+[Руководство для начинающих Gulp](https://css-tricks.com/gulp-for-beginners/)

guide/russian/developer-tools/ide-integrated-development-environments/index.md

@@ -0,0 +1,23 @@
+---
+title: Integrated Development Environments (IDEs)
+localeTitle: Интегрированные среды разработки (IDE)
+---
+## Интегрированные среды разработки (IDE)
+
+Интегрированная среда разработки (IDE) - это программное обеспечение, которое объединяет основные инструменты, необходимые разработчикам для написания и тестирования программного обеспечения в одном приложении.
+
+IDE предлагают центральный графический пользовательский интерфейс (GUI), который включает в себя следующее: _редактор кода, компилятор или интерпретатор, отладчик и инструменты автоматизации сборки._
+
+Примерами IDE являются:
+
+*   [NetBeans](https://netbeans.org/)
+*   [Затмение](https://www.eclipse.org/)
+*   [IntelliJ IDEA](https://www.jetbrains.com/idea/)
+*   [Visual Studio](https://www.visualstudio.com/vs/)
+*   [Xcode](https://developer.apple.com/xcode/)
+*   [Android Studio](https://developer.android.com/studio/index.html)
+*   [PyCharm](https://www.jetbrains.com/pycharm/)
+
+#### Больше информации
+
+[База знаний AppSec](https://www.veracode.com/security/integrated-development-environments) [Eclipse.org](https://www.eclipse.org/home/) - сообщество разработчиков с открытым исходным кодом, проектных и совместных рабочих групп [Лучшие IDE: 51 мощная среда разработки для упрощения разработки Stackify](https://stackify.com/top-integrated-developer-environments-ides/)

guide/russian/developer-tools/index.md

@@ -0,0 +1,14 @@
+---
+title: Developer Tools
+localeTitle: Инструменты разработчика
+---
+## Инструменты разработчика
+
+В этом разделе мы расскажем о самых разных инструментах, используемых разработчиками.
+
+Некоторые примеры этих инструментов:
+
+*   Системы контроля версий
+*   Инструменты DevOps
+*   Инструменты сборки
+*   Менеджеры пакетов

guide/russian/developer-tools/kubernetes/index.md

@@ -0,0 +1,17 @@
+---
+  title: kubernetes
+localeTitle: kubernetes
+---
+# Kubernetes
+
+«Kubernetes - это система с открытым исходным кодом для автоматизации развертывания, масштабирования и управления контейнерными приложениями. Это группы контейнеров, которые составляют приложение в логических единицах для упрощения управления и обнаружения. 1 "
+
+### Ссылки:
+
+*   [Кубернетес на GitHub](https://github.com/kubernetes/kubernetes)
+*   [Сайт Кубернете](https://kubernetes.io)
+*   [Учебник Kubernetes](https://kubernetes.io/docs/tutorials/kubernetes-basics/)
+
+### Источники:
+
+*   Авторы Kubernetes, 2017, kubernetes.io. Доступ к 27 октября 2017 года.

guide/russian/developer-tools/lets-encrypt/index.md

@@ -0,0 +1,17 @@
+---
+title: Let's Encrypt
+localeTitle: Давайте зашифровать
+---
+## Давайте зашифровать
+
+Let's Encrypt - это бесплатный для использования Центр сертификации. Большинство браузеров поддерживают и доверяют. Давайте зашифруем сертификаты. Сертификат CA необходим для обслуживания вашего сайта через HTTPS и получения браузеров, чтобы доверять сайту.
+
+Самый простой способ начать работу с Let's Encrypt - это использовать [certbot](https://certbot.eff.org/) , популярный клиент Let's Encrypt, который поможет вам легко развертывать и поддерживать ваш SSL-сертификат. Сертификат Let's Encrypt истекает через 90 дней и может быть обновлен каждый раз. 90 дней могут показаться короткими, но клиенты, такие как certbot, могут помочь вам автоматизировать обновление сертификата.
+
+Есть множество Let's Encrypt [клиентов,](https://letsencrypt.org/docs/client-options/) кроме certbot, поэтому вы можете ожидать, что Let's Encrypt будет легко реализован на вашем сервере.
+
+Если вы размещаете сервер VPS / выделенный сервер, вам не нужно беспокоиться о поддержке Let Encrypt. Однако, если вы находитесь на виртуальный хостинг план ваш хост будет иметь Давайте Encrypt [конкретно](https://community.letsencrypt.org/t/web-hosting-who-support-lets-encrypt/6920) прямо предусмотрено.
+
+#### Дополнительная информация:
+
+https://letsencrypt.org/ Let's Encrypt - это бесплатный, автоматизированный и открытый центр сертификации. https://community.letsencrypt.org/t/web-hosting-who-support-lets-encrypt/6920 Список общего хоста, который поддерживает Let's Encrypt. https://letsencrypt.org/docs/client-options/ Список шифрованных клиентов.

guide/russian/developer-tools/markdown/index.md

@@ -0,0 +1,15 @@
+---
+title: Markdown
+localeTitle: уценка
+---
+## уценка
+
+Markdown - это легкий язык разметки с синтаксисом форматирования текста. Он разработан так, что его можно преобразовать в HTML и многие другие форматы с помощью инструмента с тем же именем. Markdown часто используется для форматирования файлов README, для записи сообщений на онлайновых дискуссионных форумах и для создания богатого текста с использованием обычного текстового редактора. Вы также можете написать Markdown в текстовом редакторе (например, Sublime Text или Visual Studio Code). Markdown набирает популярность и популярность благодаря появлению упорядоченных текстовых редакторов без отвлечения внимания.
+
+## Дополнительная информация:
+
+Чит-лист - один из самых простых способов узнать Markdown. Проверьте [этот популярный cheatsheet](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) .
+
+Вы также можете ознакомиться с этим онлайн-учебником: [Учебник Markdown](https://www.markdowntutorial.com)
+
+Любите учиться на видео? Посмотрите [видео на Youtube](https://www.youtube.com/watch?v=HndN6P9ke6U)

guide/russian/developer-tools/npm-cheatsheet/index.md

@@ -0,0 +1,106 @@
+---
+title: npm Cheat Sheet
+localeTitle: npm Cheat Sheet
+---
+## npm Cheat Sheet
+
+Список команд терминала и флаги, которые помогут использовать `npm`
+
+## устанавливать зависимости `package.json`
+
+```shell
+npm install 
+```
+
+**стенография**
+
+```shell
+# install 
+ npm i <package> 
+ # uninstall 
+ npm un <package> 
+ # update 
+ npm up <package> 
+```
+
+## Перечислите глобально установленные пакеты.
+
+```shell
+npm list -g --depth=0 
+```
+
+## Удалить глобальный пакет
+
+```shell
+npm -g uninstall <name> 
+```
+
+## Обновление NPM в Windows
+
+Попробовав несколько раз обновить npm в Windows, я обнаружил это, пока он соскальзывает в папках npm.
+
+```shell
+npm-windows-upgrade 
+```
+
+## Обновление глобальных пакетов
+
+Чтобы узнать, какие пакеты необходимо обновить, используйте:
+
+```shell
+npm outdated -g --depth=0 
+```
+
+Чтобы обновить глобальные пакеты по отдельности, вы можете использовать:
+
+```shell
+npm update -g <package> <package> <package> 
+```
+
+## список доступных скриптов для запуска
+
+```shell
+npm run 
+```
+
+## обновить npm
+
+```shell
+npm install -g npm@latest 
+ # using windows? Then use 
+ npm-windows-upgrade 
+```
+
+## флаги
+
+`-S` - это то же самое, что `--save` не требуется в npm 5+ `-D` - это то же самое, что и `--save-dev`
+
+## установленная версия
+
+```shell
+npm list # for local packages 
+```
+
+## Node Version Manager `nvm`
+
+Предположим, вы хотите установить Node v6.9.1, который вы бы записали на терминале:
+
+```shell
+nvm install 6 
+```
+
+Если в вашей рабочей области установлено несколько версий Node.js, вы можете перейти к определенной версии, написав:
+
+```shell
+nvm use 4.8.4 
+```
+
+### Создание версии узла по умолчанию.
+
+Чтобы установить версию узла по умолчанию для вашей рабочей области, просто введите:
+
+```shell
+nvm alias default 6 
+```
+
+Где 6 была версия, которую вы хотели использовать по умолчанию.

guide/russian/developer-tools/npm/index.md

@@ -0,0 +1,46 @@
+---
+title: npm
+localeTitle: над уровнем моря
+---
+## НПМ
+
+npm - это менеджер пакетов и используется для установки и управления зависимостями.
+
+npm занимает центральное место в динамичном сообществе JavaScript (и, в частности, Node.js), делая очень простой процесс повторного использования модулей и кода. В настоящее время npm имеет более 500 000 доступных пакетов.
+
+npm полезен не только для серверных проектов. Также доступны самые популярные интерфейсные библиотеки, такие как Bootstrap и Font Awesome.
+
+**Заметка:**
+
+*   npm выходит из коробки с Node.js, поэтому необходимо сначала установить Node.js
+*   npm не имеет полной формы из-за ее использования за пределами Node.js конкретных проектов. Ранее это называлось Node Package Manager.
+
+### npm Использование
+
+npm обычно используется из командной строки. Команды, приведенные ниже, возможно, являются наиболее важными для начала работы:
+```
+npm init 
+```
+
+Выполнение этой команды в корневом каталоге вашего проекта инициализирует ее для использования с npm путем создания файла `package.json` . Вам будет предложено ввести название проекта, описание, имя автора и т. д. Затем эта информация используется для заполнения файла `package.json` , который также будет содержать информацию о зависимостях и требованиях проекта. Вы можете изменить эту информацию вручную позже.
+```
+npm install [name-of-package] 
+```
+
+Это автоматически устанавливает пакет и все его зависимости и сохраняет его в файле `package.json` . Если вы устанавливаете зависимость развития, вы можете использовать `--save-dev` или `-D` . npm затем сохранит пакет как зависимость от разработки.
+
+Пакеты устанавливаются локально в каталоге `node_modules` в `node_modules` каталоге вашего проекта. Иногда вам может потребоваться доступ к пакету через разные проекты. Это делается с помощью `--global` или `-g` . Это часто полезно для инструментов разработки и утилит командной строки.
+```
+npm install 
+```
+
+Запуск npm install в корневом каталоге проекта без определенного имени пакета, устанавливает все зависимости, необходимые для этого проекта. Это рассчитанный в соответствии с файлом `package.json` проекта. Это демонстрирует силу npm, когда одна команда может извлекать десятки или сотни зависимостей автоматически для вас, и полезно, например, когда вы `git clone` репозиторий.
+
+#### Дополнительная информация:
+
+*   Сайт Node.js: [nodejs](https://nodejs.org)
+*   На официальном сайте npm вы можете прочитать о npm, а также найти различные доступные пакеты: [npmjs](https://www.npmjs.com)
+*   Узнайте больше о npm: [Wikipedia](https://en.wikipedia.org/wiki/Npm_(software))
+*   Руководство для новичков для npm: [sitepoint](https://www.sitepoint.com/beginners-guide-node-package-manager/)
+*   Если вы хотите получить полную серию видеороликов, проверьте это: [youtube](https://youtu.be/6fj0cpmMiVg)
+*   И вот официальная серия от npm: [youtube](https://youtu.be/pa4dc480Apo)

guide/russian/developer-tools/puppet/index.md

@@ -0,0 +1,53 @@
+---
+title: Puppet
+localeTitle: Марионетка
+---
+## Кукольный
+
+Puppet - это инструмент управления конфигурацией, который позволяет вам автоматизировать настройку и управление вашей инфраструктурой. Это поможет вам сэкономить время, автоматизируя повторяющиеся задачи и обеспечив сохранность ваших систем в нужном состоянии.
+
+Кукольник выпускается в двух вариантах: Puppet Enterprise и кукольный с открытым исходным кодом. Поддерживаемые платформы включают большинство дистрибутивов Linux, различные платформы UNIX и Windows.
+
+Марионеток был разработан [Puppet Labs](https://puppet.com/company) .
+
+### Начиная
+
+Вы можете настроить свою инфраструктуру либо в архитектуре клиент / сервер, либо в автономной архитектуре. Первый использует `agent` Puppet и приложения Puppet `master` , в то время как последний использует приложение Puppet `apply` .
+
+#### Агент / Мастер Архитектура
+
+В этой архитектуре один или несколько узлов запускают основное приложение Puppet. Мастер-серверы управляют информацией о конфигурации всей инфраструктуры.
+
+Управляемые узлы запускают приложение «Кукольный агент» в качестве фоновой службы и периодически запрашивают их `catalog` конфигурации у мастеров-марионеток.
+
+Мастер Puppet компилирует и возвращает каждый каталог узлов, используя несколько источников информации. Эта собранная информация известна как `facts` .
+
+Когда агент Puppet получает каталог, он проверяет каждый ресурс, описанный в нем. Если ресурс не находится в нужном состоянии, агент исправляет его.
+
+#### Автономная архитектура
+
+В этой архитектуре каждый управляемый узел имеет копию полной конфигурации.
+
+Каждый агент Puppet запускает прикладное приложение как запланированное задание или задание cron.
+
+Как и в архитектуре agent / master, приложение Puppet компилирует каталог и проверяет каждый описанный ресурс. Если ресурс не находится в желаемом состоянии, приложение Puppet исправит его.
+
+Как и основное приложение Puppet, приложение Puppet требует доступа к нескольким источникам данных конфигурации, которые он использует для составления каталога для узла, которым он управляет.
+
+#### Каталог
+
+Каталог - это документ, определяющий конфигурацию машины. В нем перечислены все ресурсы, которым необходимо управлять, их желаемое состояние и любые зависимости между ними.
+
+Puppet настраивает систему, сначала компилируя catlog, а затем применяя ее.
+
+#### факты
+
+Кукольный собирает факты обо всех узлах с помощью инструмента под названием `facter` . Facter собирает информацию, необходимую для настройки системы. Например, имена хостов, IP-адреса, имена ОС и другие. Однако также можно добавить дополнительные факты.
+
+Для получения дополнительной информации см. Документацию для архитектуры Puppet.
+
+#### Дополнительная информация:
+
+*   Кукольный официальный [сайт](https://puppet.com)
+*   Обзор [архитектуры](https://puppet.com/docs/puppet/5.3/architecture.html) кукол
+*   Как использовать кукол для управления серверами. Серия учебников от [DigitalOcean](https://www.digitalocean.com/community/tutorial_series/how-to-use-puppet-to-manage-your-servers-2)

guide/russian/developer-tools/source-code-editors/adding-snippets-to-your-sublime-text-installation/index.md

@@ -0,0 +1,36 @@
+---
+title: Adding Snippets to Your Sublime Text Installation
+localeTitle: Добавление фрагментов к вашей строжайшей текстовой установке
+---
+Если вы являетесь пользователем возвышенного текста (я надеюсь, что вы это делаете, он пинает задницу. Вы можете получить его [здесь](https://www.sublimetext.com/) ), тогда вы, возможно, уже заметили некоторые возможности завершения табуляции. Например, когда вы открываете тег html, такой как `<p>` , он автоматически закрывает тег сразу после ввода `/` . Вы можете получить аналогичную функциональность для фрагментов кода, которые вы в конечном итоге переписываете снова и снова, и это удивительно просто!
+
+Вот пример, который активируется после ввода `div` и затем вкладки:
+
+![alt text](//discourse-user-assets.s3.amazonaws.com/original/2X/5/59a4d233d2dcb17b76a9c36ca30c5bb07a35d00b.png)
+
+## Шаг 1.
+
+Нажмите « `Tools > New Snippet...` на панели навигации. Это откроет файл скелетного фрагмента, который будет выглядеть следующим образом:
+
+![alt text](//discourse-user-assets.s3.amazonaws.com/original/2X/a/a56106fbf754f7e641342d1ebdbc3f5bed582263.png)
+
+## Шаг 2.
+
+Вы добавите фрагмент, заменив текст `Hello, ${1:this} is a ${2:snippet}.`
+
+В случае фрагмента `div` это так же просто, как размещение следующего текста в области фрагмента:
+```
+<!-- $1 --> 
+ <div class= "$1"> 
+ 
+ </div> 
+ <!-- $1 --> 
+```
+
+Оператор `$` ссылается на переменные, которые будут введены после того, как вы наберете `div` и затем вкладку. На самом деле у вас может быть любое их количество!
+
+## Шаг 3.
+
+Сохраните файл. Вы можете `.sublime-snippet` ему любое имя файла, но расширение **должно** быть `.sublime-snippet` . Помните, вы можете иметь только один фрагмент файла! Мне нравится давать им описательные имена, такие как `html-div.sublime-snippet` .
+
+И вот оно! Вы можете стать настолько креативными, насколько хотите.

guide/russian/developer-tools/source-code-editors/index.md

@@ -0,0 +1,68 @@
+---
+title: Source Code Editors
+localeTitle: Редакторы исходного кода
+---
+## Редакторы исходного кода
+
+Редакторы исходного кода - это программы, которые позволяют создавать код и  
+редактирования. Любой текстовый редактор можно использовать для написания кода. Но выделенный код  
+редакторы предлагают множество полезных функций, включая: завершение текста,  
+раскраски разметки и вкладок / панелей для бок о бок редактирования. Эти функции могут  
+быть полезным даже для новых пользователей, которые не знают своего пути обо всех  
+расширенные настройки.
+
+### Выбор редактора
+
+Есть много, многих редакторов, доступных для загрузки или использования  
+онлайн, как платные, так и бесплатные. Они предлагают многие из одних и тех же основных функций, но  
+у каждого есть свои тонкости. Дальнейшие исследования могут помочь найти тот, который  
+прямо для вас. Следующие редакторы являются кросс-платформенными и  
+бесплатно использовать или оценивать.
+
+### Возвышенный текст
+
+![Значок Sublime Text](https://logo.clearbit.com/sublimetext.com)
+
+Sublime Text - очень популярный редактор, который существует [с 2008 года](https://www.sublimetext.com/blog/articles/one-point-oh) . Есть много вариантов и [расширений,](https://packagecontrol.io/) доступных, и много [помощи в](http://stackoverflow.com/search?q=sublime+text) Интернете, чтобы помочь [настроить его](http://www.websightdesigns.com/wiki/Setting_up_Sublime_Text_3) . (Лицензия на продолжение использования стоит $ 70. Однако Sublime Text можно скачать и оценить с помощью всплывающего окна.)
+
+[sublimetext.com](https://www.sublimetext.com/)
+
+![Скриншот Sublime Text](//discourse-user-assets.s3.amazonaws.com/original/2X/6/63f774c31a7b1a439bcef9d11e95463b6998310e.png)
+
+### Скобки
+
+![Иконка Кронштейны](https://logo.clearbit.com/brackets.io)
+
+Скобки - относительно новый редактор с открытым исходным кодом от Adobe. Он очень удобен для пользователей, особенно для людей, которые не привыкли к интерфейсам командной строки или настройкам / предпочтениям в стиле JSON. Расширения и темы быстро и легко найти и установить через Extension Manager.
+
+[brackets.io](http://brackets.io/)
+
+![Скриншот скриншотов](//discourse-user-assets.s3.amazonaws.com/original/2X/2/2f395a58d24ed551ed8440a10ae640777f1143b6.png)
+
+### Атом
+
+![Иконка Atom](https://logo.clearbit.com/atom.io)
+
+Atom - это редактор с [открытым исходным кодом](https://github.com/atom/atom) , разработанный [GitHub](https://github.com/) . Как и Sublime Text, Atom довольно популярен. Он очень настраиваемый («hackable», как говорится), но расширенные функции могут быть ошеломляющими для новых пользователей. Существует также много [полезной](http://readwrite.com/2014/05/20/github-atom-5-tips-getting-started-tutorial-corey-johnson/) [документации](http://flight-manual.atom.io/) [экранном](http://stackoverflow.com/search?q=atom) онлайн.
+
+[atom.io](https://atom.io/)
+
+![Скриншот Atom](//discourse-user-assets.s3.amazonaws.com/original/2X/8/8016e7c0937e8ce6fcb6104c9aee0026443912f5.png)
+
+### Код Visual Studio
+
+![Иконка Visual Studio Code](https://logo.clearbit.com/code.visualstudio.com)
+
+Код Visual Studio (aka vsc или vscode) - очень популярный редактор с открытым исходным кодом, разработанный [Microsoft](https://www.microsoft.com) и быстро используемый разработчиками всех языков. Как и Atom и Sublime, Visual Studio Code имеет широкий диапазон [расширений](https://marketplace.visualstudio.com/VSCode) и [тем,](https://marketplace.visualstudio.com/search?target=VSCode&category=Themes&sortBy=Downloads) доступных для настройки и совершенствования вашего опыта с использованием этого, однако VSC очень настраивается «вне коробки». Существует также очень активная команда разработчиков VSCode с новыми функциями и исправлениями ошибок, которые [каждый год](https://code.visualstudio.com/updates) добавляется командой Visual Studio Code.
+
+[code.visualstudio.com](https://code.visualstudio.com/)
+
+& Bnsp;
+
+### Notepad ++
+
+![Иконка Notepad ++](https://upload.wikimedia.org/wikipedia/commons/0/0f/Notepad%2B%2B_Logo.png)
+
+Notepad ++ - бесплатный редактор с открытым исходным кодом, который работает в среде Microsoft Windows. Он был разработан в 2003 году Дэн Хо. Он написан на [C ++](www.cplusplus.com) (это название происходит от него). Notepad ++ поддерживает редактирование с вкладками, позволяющее работать с несколькими открытыми файлами в одном окне, а также может использоваться как текстовый редактор.
+
+[notepad-plus-plus.org](https://notepad-plus-plus.org)

guide/russian/developer-tools/vagrant/index.md

@@ -0,0 +1,68 @@
+---
+title: Vagrant
+localeTitle: бродяга
+---
+## бродяга
+
+Vagrant - это инструмент для создания и управления средами виртуальной машины (VM). Виртуальные машины могут использоваться по любой причине, но особенно полезны для разработчиков и DevOps.
+
+### Почему бродяга полезен
+
+Как разработчик, используя виртуальную машину, вы можете иметь локальную среду для тестирования кода, то же самое, что и производственная среда, независимо от среды, которую вы используете для кодирования.
+
+Для DevOps виртуальные машины очень полезны для создания высоко настраиваемой одноразовой машины для тестирования инфраструктуры, конфигураций, сценариев или чего-либо еще.
+
+С помощью Vagrant для использования виртуальной машины вам нужен только один файл, называемый `VagrantFile` , который содержит виртуальную `VagrantFile` , а также всю необходимую конфигурацию. Таким образом, вы можете легко создать определенную изолированную среду разработки, которая очень портативна и может использоваться и использоваться всеми членами команды.
+
+Вагрант также имеет предопределенные `boxes` которые являются базовыми VM, которые могут быть легко клонированы и расширены.
+
+Еще одна очень интересная особенность Vagrant - использование `synced folders` . Можно синхронизировать папки виртуальной машины с папками на гостевой машине. Делая это, вы можете использовать свой любимый редактор в локальных файлах и одновременно синхронизировать эти файлы с работающей виртуальной машиной.
+
+#### Дополнительная информация:
+
+[Веб-сайт бродяг](https://www.vagrantup.com/)
+
+### Установить бродягу
+
+Чтобы установить Vagrant, сначала найдите [соответствующий пакет](https://www.vagrantup.com/downloads.html) для своей системы и загрузите его. Vagrant упакован как пакет, специфичный для операционной деятельности. Запустите программу установки для вашей системы. Установщик автоматически добавит брандмауэр к вашему системному пути, чтобы он был доступен в терминалах. Если он не найден, попробуйте выполнить регистрацию и войти в систему (это особенно необходимо для Windows).
+
+### Проверить установку
+
+После установки Vagrant проверьте работу установки, открыв новую командную строку или консоль, и убедитесь, что брандмауэр доступен:
+
+```bash
+$ vagrant 
+ Usage: vagrant [options] <command> [<args>] 
+ 
+    -v, --version                    Print the version and exit. 
+    -h, --help                       Print this help. 
+ 
+ # ... 
+```
+
+### Начиная
+
+```bash
+$ vagrant init hashicorp/precise64 
+ $ vagrant up 
+```
+
+### Ящики
+
+Коробки добавляются к бродяге с бродячим ящиком. Это сохраняет поле под определенным именем, чтобы несколько бродячих сред могли повторно использовать его. Если вы еще не добавили ящик, вы можете сделать это сейчас:
+
+```bash
+$ vagrant box add hashicorp/precise64 
+```
+
+### Поиск большего количества ящиков
+
+Лучшее место для поиска большего количества ящиков - [это каталог](https://vagrantcloud.com/boxes/search) ящиков [Vagrant Cloud от HashiCorp](https://vagrantcloud.com/boxes/search) .
+
+### общий
+
+Youtube: [Начало работы с Vagrant](https://www.youtube.com/watch?v=LyIyyFDgO4o) от [Codecourse](https://www.youtube.com/user/phpacademy)
+
+#### Дополнительная информация:
+
+Веб-сайт [бродяг](https://www.vagrantup.com) : [vagrantup.com](https://www.vagrantup.com)

guide/russian/developer-tools/yarn/index.md

@@ -0,0 +1,78 @@
+---
+title: Yarn
+localeTitle: пряжа
+---
+## пряжа
+
+Пряжа - это менеджер пакетов для вашего кода. Он позволяет использовать и распространять код с другими разработчиками со всего мира. Пряжа делает это быстро, надежно и надежно, поэтому вам никогда не придется беспокоиться о зависимостях проекта.
+
+Пряжа позволяет вам использовать решения других разработчиков для различных проблем, что упрощает разработку вашего программного обеспечения. Если у вас есть проблемы, вы можете сообщить о проблемах или внести свой вклад, и когда проблема будет устранена, вы можете использовать пряжу, чтобы поддерживать ее в актуальном состоянии.
+
+Код разделяется через нечто, называемое пакетом (иногда называемым модулем). Пакет содержит весь совместно используемый код, а также файл package.json, который описывает пакет.
+
+Чтобы использовать пряжу, вы должны сначала установить ее в своей системе. В конце этой статьи есть ссылки, которые помогут вам сделать это независимо от вашей операционной системы.
+
+Когда у вас установлена ​​пряжа, вы можете начать ее использовать. Вот некоторые из наиболее распространенных команд, которые вам понадобятся.
+
+### пряжа Использование
+
+**Запуск нового проекта**
+```
+yarn init 
+```
+
+Команда `yarn init` откроет интерактивную форму для создания проекта пряжи. `yarn init` создает файл `package.json` котором хранится информация о вашем проекте. Эта интерактивная форма откроется со следующими вопросами:
+```
+name (your-project): 
+ version (1.0.0): 
+ description: 
+ entry point (index.js): 
+ git repository: 
+ author: 
+ license (MIT): 
+```
+
+Вы можете либо набрать ответы для каждой опции, либо просто нажать «Ввод», не набрав ничего, чтобы использовать значение по умолчанию или оставить пустым. Вы всегда можете войти в свой любимый текстовый редактор, чтобы изменить файл `package.json` , если это необходимо.
+
+Ваш файл `package.json` должен выглядеть примерно так:
+```
+{ 
+  "name": "your-new-project", 
+  "version": "1.0.0", 
+  "description": "A description of your new project.", 
+  "main": "index.js", 
+  "repository": { 
+    "url": "https://github.com/your-username/your-new-project", 
+    "type": "git" 
+  }, 
+  "author": "Your Name <your_name@example.com>", 
+  "license": "MIT" 
+ } 
+```
+
+**Добавление зависимости**
+```
+yarn add [package] 
+```
+
+**Модернизация зависимости**
+```
+yarn upgrade [package] 
+```
+
+**Удаление зависимости**
+```
+yarn remove [package] 
+```
+
+**Установка всех зависимостей проекта**
+```
+yarn install 
+```
+
+#### Дополнительная информация:
+
+*   [Сайт пряжи](https://yarnpkg.com)
+*   [Пряжа документация](https://yarnpkg.com/en/docs)
+*   [Установка пряжи](https://yarnpkg.com/en/docs/install)
+*   [Пряжа против npm](https://www.pluralsight.com/guides/node-js/yarn-a-package-manager-for-node-js)