Инструменты, которые я использую для создания сайтов
Блокчейн
Разработаю контракт или систему контрактов на Solidity, напишу тесты с Hardhat, использую фреймворк OpenZeppelin.
Фронтенд
Javascript
Пишу на ecmaScript 6, в качестве каркаса приложения использую vue.js. Компилирую и сжимаю код при помощи webpack. Unit тестирование: chai, mocha, jest. Для E2E тестов или автоматизации работы в браузере - Puppeteer![vue-js](/static/img/adminoid/pages/tools/frontend/vue-js.png)
![chai](/static/img/adminoid/pages/tools/frontend/chai.png)
![mocha](/static/img/adminoid/pages/tools/frontend/mocha.png)
![webpack](/static/img/adminoid/pages/tools/frontend/webpack.png)
html, css
Использую шаблонизатор Pug Стили я описываю при помощи SASS. В последние годы я верстаю только адаптивные сайты. Из css-фрейморков больше всего приходилось работать с Twitter Bootstrap, для этого сайта использовал semantic-ui.![sass](/static/img/adminoid/pages/tools/frontend/sass.png)
![twitter-bootstrap](/static/img/adminoid/pages/tools/frontend/twitter-bootstrap.png)
![semantic-ui](/static/img/adminoid/pages/tools/frontend/semantic-ui.png)
Рабочее окружение
Работаю на macbook pro. Слепая 10-ти пальцевая печать и редактор VIM делают редактирование текста молниеносным. Все изменения под контролем у git. Заметки и документацию пишу на Markdown. Все дела расписываю в программе OmniFocus, затем отслеживаю их выполнение по таймеру Vitamin-R2. Документооборот кручу в google apps.![mac os x](/static/img/adminoid/pages/tools/environment/mac.png)
![keymap](/static/img/adminoid/pages/tools/environment/keymap.png)
![vim](/static/img/adminoid/pages/tools/environment/vim.png)
![git](/static/img/adminoid/pages/tools/environment/git.png)
![markdown](/static/img/adminoid/pages/tools/environment/markdown.png)
![omni](/static/img/adminoid/pages/tools/environment/omni.png)
![Vitamin-R 2](/static/img/adminoid/pages/tools/environment/vitamin.png)
![Google Apps](/static/img/adminoid/pages/tools/environment/google-apps.png)
Администрирование
В последние годы использовал OS Ubuntu / Debian, а в качестве web-сервера использовал Nginx или Apache.А сейчас, используя Docker, могу установить одновременно несколько разных версий php, mysql и т.п.. На дешевом облачном хостинге за 250 рублей в месяц такая система будет быстро работать. И ее можно легко, в несколько простых шагов, перенести на любой другой хостинг, сервер, машину или облачный сервис.
![Docker](/static/img/adminoid/pages/tools/administration/docker.png)
![Nginx](/static/img/adminoid/pages/tools/administration/nginx.png)
![Ubuntu](/static/img/adminoid/pages/tools/administration/ubuntu.png)
![Apache](/static/img/adminoid/pages/tools/administration/apache.png)
![Debian](/static/img/adminoid/pages/tools/administration/debian.png)
Проектирование
Для построения ER-диаграмм, блок схем, мозгового штурма я обычно использую lucidchart, ум и хождение туда-сюда.
![lucidchart-projecting](/static/img/adminoid/pages/tools/projecting/lucidchart.png)
![brain](/static/img/adminoid/pages/tools/projecting/brain.png)