java script. code quality. (2)

JavaScript. Качество

кода.

Андрей Кучеренко, EPAM Systems

Признаки качественного кода

★ Читаемость

JavaScript Patterns, Stoyan Stefanov

“...the few man-hours spent writing the code

initially end up in man-weeks spent reading

it...”


★ Читаемость○ Стиль написания кода

○ Документация

○ Стандарты кодирования



★ Производительность



★ Производительность○ DOM

○ Память (переменные, замыкания)

○ ...




★ Соответствие требованиям




★ Соответствие требованиям○ Процесс разработки

○ Непрерывная интеграция

Процесс разработки

★ TDD

TODO list (navigation map)

Test first

Assert first

Fail first


★ TDD

★ Парное программирование


★ TDD

★ Парное программирование

★ Baby steps

Непрерывная интеграция

Инструменты

★ TDD○ mocha + chai + sinonjs

○ jasmine

○ mutant, mutandis

○ protractor

○ cucumber-js

mocha + chai + sinonjs

jasmine

Покрытие кода тестами

Мутационное тестирование

Реальный

кодhttps://github.com/magnusstubman/mutant

Мутанты


➢https://github.com/magnusstubman/mutant

➢https://github.com/saltlab/mutandis/

➢http://pitest.org/ (Java - not JavaScript)

https://github.com/magnusstubman/mutant

https://github.com/saltlab/mutandis/

http://pitest.org/

protractor

cucumber-js


★ TDD

★ Стили, стандарты, дубликаты, анализ

кода○ jshint, jslint

○ plato

○ codepainter, esprima, jscpd

codepainter

Esprima

Esprima + Escodegen


★ TDD

★ Документация○ jsdoc

○ docco

○ doxx

code docs smells


★ TDD

★ Документация

★ Производительность○ chrome-developer-tools

○ firebug

○ spy-js

Чеклист

❏ Соответствие требованиям❏ TDD

❏ TODO list (navigation map)

❏ Test first

❏ Assert first

❏ Fail first

❏ E2e тесты

❏ Поддержка кода❏ Парное программирование, ревью кода

❏ Ошибки и проблемы в коде (plato, jshint, jslint)

❏ Стиль написания и стандарты кода (codepainter, esprima)

❏ Производительность

twitter:@a_kucherenko, github: kucherenko

Вопросы?

java script. code quality. (2)

Documents