Beer JS #2 - Speaker Deck

Slide 1

Slide 1 text

Beer JS

Slide 2

Slide 2 text

Меня зовут Идель ИдЭЭЭЭЭль

Slide 3

Slide 3 text

Я пишу Джаваскрипт в Бындюсофте

Slide 4

Slide 4 text

Юнит Тесты во фронте ???

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

Не только юнит Тесты во фронте

Slide 7

Slide 7 text

Профессионализм во фронте

Slide 8

Slide 8 text

Профессионализм

Slide 9

Slide 9 text

https://www.youtube.com/watch?v=xjGO2RaDpI4

Slide 10

Slide 10 text

Стать хирургом 6 лет в универе 5 лет ординатуры 3 года в аспирантуре на кандидата

Slide 11

Slide 11 text

https://www.amazon.com/Mastering-Weeks-Nathan-Gurewich/dp/0782114199

Slide 12

Slide 12 text

= + ?

Slide 13

Slide 13 text

Качество во фронте

Slide 14

Slide 14 text

Люди хотят жить в хороших домах

Slide 15

Slide 15 text

Люди хотят быть здоровыми

Slide 16

Slide 16 text

Люди рассчитывают на твою работу

Slide 17

Slide 17 text

Умывание рук хирурги начали практиковать в 1847 году. Смерти при операции снизились с 12.24% до 2.38% https://explorable.com/semmelweis-germ-theory

Slide 18

Slide 18 text

<…> 20.9% decrease in test defects in V2 in which they wrote automated unit tests, relative to V1 which did not have automated unit tests. http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.648.9924&rep=rep1&type=pdf

Slide 19

Slide 19 text

Не только тесты помогают продукту стать успешным

Slide 20

Slide 20 text

Тесты Аналитика Мониторинг Перформанс Ясность алгоритмов Доменная модель Код ревью Рефакторинг Стиль кода Документация Алерты Ретроспективы Фидбэк

Slide 21

Slide 21 text

Тесты во фронте

Slide 22

Slide 22 text

Что мы проверяем?

Slide 23

Slide 23 text

Браузер Сборщик Транспайлер Минификатор React JS Cart.js getTotalPrice.js

Slide 24

Slide 24 text

Браузер Сборщик Транспайлер Минификатор React JS Cart.js getTotalPrice.js Ручной тест

Slide 25

Slide 25 text

Браузер Сборщик Транспайлер Минификатор React JS Cart.js getTotalPrice.js Автоматический браузер-тест

Slide 26

Slide 26 text

Браузер Сборщик Транспайлер Минификатор React JS Cart.js getTotalPrice.js React component test

Slide 27

Slide 27 text

Браузер Сборщик Транспайлер Минификатор React JS Cart.js getTotalPrice.js getTotalPrice.test.js

Slide 28

Slide 28 text

Большое спасибо за внимание @edele [email protected]