Пишу про разработку вообще и в частности про: JavaScript, HTML5, CSS3, AngularJS, ReactJS, Agile, Bitcoins

WarriorJS

Полный код из видео: https://github.com/artemdemo/warriorjs-example

NPM пакеты, которые я использовал:

Поделиться:

Custom elements – css pie chart

Полный код из видео: https://github.com/artemdemo/custom-element-pie

В этом видео:

  • HTML custom elements
  • css variables
  • переменные css
  • css pie chart
Поделиться:

Шифруем HTML – cryptojs

Полный код из видео: https://github.com/artemdemo/staticrypt-example

Поделиться:

Список задач в терминале (ToDo in terminal)

Полный код из видео: https://github.com/artemdemo/todo-terminal
Simple Events: https://github.com/artemdemo/simple-events
NPM пакеты, которые я использовал:

Поделиться:

Simple events – система сообщений


Полный код из видео: https://github.com/artemdemo/simple-events

NPM пакеты, которые я использовал:

Поделиться:

Как запускать jasmine тесты es6 кода

Очень простое решения для запуска jasmine тестов на коде написанном на es6. Никакого вебпака, только воля 🙂

.babelrc

package.json

spec/run.js

Источник: https://gist.github.com/mauvm/172878a9646095d03fd7

Поделиться:

Разрешение git конфликтов в visual studio code

В новой версии visual studio code добавил весьма приятный интерфей для разрешения git конфликтов. С одной стороны поддерживает классический (не люблю все эти gui варианты) текст конфликта, а с другой есть интерактивность. Отлично.

visual-studio-code-conflict-handling

Поделиться:

Обновил react-webpack-starter

Одна из особенностей разработки под веб (а особенно под фронт, чего уж говорить) – это постоянная необходимость обновлять используемые пакеты. А все потому что разработчикам не сидится и они все улучшают и улучшают)

Итак, делаем апгрейд моего репозитория react-webpack-starter. В этот раз поменялось много чего:

  • Упростил npm команды, теперь сборка продакшена будет зависеть от передаваемой глобальной переменной NODE_ENV='production' И это сильно хорошо.
  • Переписал конфигурацию вебпака – стало чище.
  • Обновил все модули, кроме раутинга. Тут еще есть работа и не все зависимости готовы к переходу. Придется подождать.
  • Добавил “chunk-hash”, теперь хэш меняется, только если код изменился
  • Выделил вендорные библиотеки в отдельный файл

Продолжаем кодить 👍

Поделиться:

Chrome 59

Выходит новая версия хрома, а с ней и новые возможности

  • Coverage – табик, в котором показывается какая часть скриптов (css и js) используется сайтом.
  • Скриншот всей страницы. Даже той части, которая скрыта за прокруткой.
  • Блок адресов. Помогает проверять как ведет себя сайт, когда часть скриптов не загружена.

Поделиться:

Shell и целые числа

Bash shell оказывается работает только с целыми числами и в противном случае нужно делегировать эти вычисления. (Да, да, странно что я этого не знал ^_*). Воспользуемся нодой! В итоге код выглядит фейерично:

bash-node-js

Поделиться: