JavaScript головного мозга. История одного фреймворка

Сентябрь 7, 2022

Главная
Алгебра
JavaScript головного мозга. История одного фреймворка

Содержание

2. СБИС – сеть деловых коммуникаций более миллиона клиентов 10 центров разработки более 1000 программистов
3. online.sbis.ru
4. online.sbis.ru
5. online.sbis.ru
6. online.sbis.ru
7. online.sbis.ru
8. online.sbis.ru
9. online.sbis.ru
10. Разделение ответственности
11. Глобальная компонентизация
12. Макет карточки аккаунта в биллинге (2012 год)
13. Макет. Апрель 2017
14. Макет. Наши дни
15. Спецификация
16. Разделяй и властвуй
17. Как 2 капли
18. Но такие разные
19. Мы строим интерфейс из кубиков
20. Нужны контракты
21. Модно? Молодежно? Хайпово?
22. Модно? Молодежно? Хайпово?
23. Модно? Молодежно? Хайпово?
24. Модно? Молодежно? Хайпово?
25. Никто не знает как собирать приложения
26. Как сделать веб-приложение из 5000 окон и 1000 программистов?
27. No comment…
28. Первые контролы
29. 10 отличий?
30. Последствия
31. Последствия
32. Последствия
33. Server render
34. Корень зла!
35. Светлое сегодня
36. Все гениальное – просто (с)
37. Аспекты
38. 10 отличий?
39. Аспекты
40. Аспекты
41. Время интерфейсов и абстракций
42. Время интерфейсов и абстракций
43. TreeGrid
44. TreeGrid HTML
45. TreeGrid HTML User data
46. TreeGrid HTML User data ???
47. Controller работа с источником данных Удаление, добавление, редактирование записей по месту
48. Controller настройка порядка колонок работа с источником данных: Удаление, добавление, редактирование записей по месту
49. Controller раскрытие узлов иерархии работа с источником данных: удаление, добавление, редактирование записей по месту; настройка порядка
50. Controller бесконечная загрузка по скроллу работа с источником данных: удаление, добавление, редактирование записей по месту; настройка
51. Controller работа с выделением работа с источником данных: удаление, добавление, редактирование записей по месту; настройка порядка
52. Controller drag&drop работа с источником данных: удаление, добавление, редактирование записей по месту; настройка порядка колонок; раскрытие
53. Controller поддержка swipe работа с источником данных: удаление, добавление, редактирование записей по месту; настройка порядка колонок;
54. Controller группировка работа с источником данных: удаление, добавление, редактирование записей по месту; настройка порядка колонок; раскрытие
55. Controller выгрузка, печать работа с источником данных: удаление, добавление, редактирование записей по месту; настройка порядка колонок;
56. Это контроллер?!
57. Делай солидно!
58. Автотесты
59. Оно всегда работает!
60. Агрегация+композиция
61. Пример разметки
62. Базовые раскладки
63. Сотни реестров
64. Сотни документов
65. Посмотрим в код Master.Detail
66. А теперь код того, кто использует
67. А теперь код того, кто использует
68. Single Page Application
69. Render на клиенте Render на сервере Изоморфный код
70. И получили мы изоморфность интерфейсоориентированность SOLIDность
73. Скачать презентацию

Слайд 2

СБИС – сеть деловых коммуникаций
более миллиона клиентов
10 центров разработки
более 1000 программистов

Слайд 3

online.sbis.ru

Слайд 4

online.sbis.ru

Слайд 5

online.sbis.ru

Слайд 6

online.sbis.ru

Слайд 7

online.sbis.ru

Слайд 8

online.sbis.ru

Слайд 9

online.sbis.ru

Слайд 10

Разделение ответственности

Слайд 11

Глобальная компонентизация

Слайд 12

Макет карточки аккаунта
в биллинге (2012 год)

Слайд 13

Макет. Апрель 2017

Слайд 14

Макет. Наши дни

Слайд 15

Спецификация

Слайд 16

Разделяй и властвуй

Слайд 17

Как 2 капли

Слайд 18

Но такие разные

Слайд 19

Мы строим интерфейс из
кубиков

Слайд 20

Нужны контракты

Слайд 21

Модно? Молодежно? Хайпово?

Слайд 22

Модно? Молодежно? Хайпово?

Слайд 23

Модно? Молодежно? Хайпово?

Слайд 24

Модно? Молодежно? Хайпово?

Слайд 25

Никто не знает
как собирать приложения

Слайд 26

Как сделать веб-приложение
из 5000 окон и 1000 программистов?

Слайд 27

No comment…

Слайд 28

Первые контролы

Слайд 29

10 отличий?

Слайд 30

Последствия

Слайд 31

Последствия

Слайд 32

Последствия

Слайд 33

Server render

Слайд 34

Корень зла!

Слайд 35

Светлое сегодня

Слайд 36

Все гениальное – просто (с)

Слайд 37

Аспекты

Слайд 38

10 отличий?

Слайд 39

Аспекты

Слайд 40

Аспекты

Слайд 41

Время интерфейсов и абстракций

Слайд 42

Время интерфейсов и абстракций

Слайд 43

TreeGrid

Слайд 44

TreeGrid
HTML

Слайд 45

TreeGrid
HTML
User data

Слайд 46

TreeGrid
HTML
User data
???

Слайд 47

Controller
работа с источником данных
Удаление, добавление, редактирование записей по месту

Слайд 48

Controller
настройка порядка колонок
работа с источником данных: Удаление, добавление, редактирование записей по

месту

Слайд 49

Controller
раскрытие узлов иерархии
работа с источником данных: удаление, добавление, редактирование записей по

месту; настройка порядка колонок

Слайд 50

Controller
бесконечная загрузка по скроллу
работа с источником данных: удаление, добавление, редактирование записей

по месту; настройка порядка колонок; раскрытие узлов иерархии;

Слайд 51

Controller
работа с выделением
работа с источником данных: удаление, добавление, редактирование записей по

месту; настройка порядка колонок; раскрытие узлов иерархии; бесконечная загрузка по скроллу;

Слайд 52

Controller
drag&drop
работа с источником данных: удаление, добавление, редактирование записей по месту; настройка

порядка колонок; раскрытие узлов иерархии; бесконечная загрузка по скроллу; работа с выделением

Слайд 53

Controller
поддержка swipe
работа с источником данных: удаление, добавление, редактирование записей по месту;

настройка порядка колонок; раскрытие узлов иерархии; бесконечная загрузка по скроллу; работа с выделением; drag&drop;

Слайд 54

Controller
группировка
работа с источником данных: удаление, добавление, редактирование записей по месту; настройка

порядка колонок; раскрытие узлов иерархии; бесконечная загрузка по скроллу; работа с выделением; drag&drop; поддержка swipe;

Слайд 55

Controller
выгрузка, печать
работа с источником данных: удаление, добавление, редактирование записей по месту;

настройка порядка колонок; раскрытие узлов иерархии; бесконечная загрузка по скроллу; работа с выделением; drag&drop; поддержка swipe; группировка;

Слайд 56

Это контроллер?!

Слайд 57

Делай солидно!

Слайд 58

Автотесты

Слайд 59

Оно всегда работает!

Слайд 60

Агрегация+композиция

Слайд 61

Пример разметки

Слайд 62

Базовые раскладки

Слайд 63

Сотни реестров

Слайд 64

Сотни документов

Слайд 65

Посмотрим в код Master.Detail

Слайд 66

А теперь код того, кто использует

Слайд 67

А теперь код того, кто использует

Слайд 68

Single Page Application

Слайд 69

Render на клиенте
Render на сервере
Изоморфный код

Слайд 70

И получили мы
изоморфность
интерфейсоориентированность
SOLIDность

Слайд 71