14Jan

 

instrumenty_v_masterskoj

  1. Редактор. Описание редакторов есть здесь. Лично я пользуюсь WebStorm. IDE подсвечивает синтаксис языка, указывает на ошибки, есть возможность подключения к FTP, SFTP и многое другое.
    ws-overview__vcs-grunt-debug@2x
  2. Консоль, самая удобная, на мой взгляд, у Chrome. Как пользоваться можно прочитать здесь
    chrome_break_error
  3. Postman & Paw – тестирование и отладка API.
    light-theme-main-view-min
  4. Node Inspector – отладка серверного Node.js в браузере.
    node-inspector-source-maps
  5. Nodemon – отслеживает изменения серверной части и перезапускает проект на Node.js.
  6. Forever & Pm2 держит сервер на Node.js включенным постоянно, последний – с балансировщиком нагрузки и менеджером процессов.
    pm2-list
  7. Regexpal.com & Regex101.com– позволяют быстро отлаживать регулярные выражения.
    k60mov9c
  8. Jsfiddle & Jsbin & CodePen – песочницы для тестирования js, html, css.
    jsfiddle_figureb
  9. WebDeveloper – расширение для браузера с кучей различных опций (подсветка блоков, отключение стилей, js, cookies и т.д и т.п)
  10. ClearCache – расширение для Chrome, позволяющие вычистить весь кеш разом.
  11. SourceTree – удобный UI для работы с Git, имеет поддержку Github и Bitbucket
    hero_win_all
  12. 3T MongoChef , Robomongo – инструменты для работы с MongoDb
    multiple-delete-in-table-mode
  13. DataGrip – тулза для работы с реляционными базами данных
  14. Mongodump – делает дамп базы MongoDb
  15. Mongorestore – восстанавливает базу из дампа

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

We are looking forward to meeting you on our website soshace.com

12. Уроки Node.js . Документация Http Модуля.

В дальнейшем мы будем часто обращаться к модулю http, поэтому сейчас небольшая экскурсия по его документации, что в ней есть и где это искать.
Сейчас модуль http совмещает в себе два функционала. Первый – это функционал сервера. http.createServer создает новый объект класса Server. Если передан обработчик, то он ставится на событие request. Второй функционал – это createClient.

Уроки React . Урок 10.

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

3. Уроки Express.js. Шаблонизация с EJS: Layout, Block, Partials

В реальной жизни у нас обычно больше, чем один шаблон. Более того, если уж так получилось, что мы делаем сайт со страницами, то, как правило, бывает так, что у нас множество страниц есть в одинаковом оформлении. Шаблонная система должна это предусматривать. К сожалению, ejs не очень хорошо с этим справляется. Поэтому, мы сейчас поставим немного другую систему для шаблонизации , которая называется ejs-locals(добавим в app.js)

One Reply to “Инструменты JavaScript / Node.js разработчика”

  1. Я бы еще добавил Codelobster IDE – http://www.codelobster.com

Leave a Reply