Игорь Алексеенко

Transcript

1. Ада Лавлейс в свете алгоритма Луна не разделяет взглядов Анатолия Вассермана на понимание бизнес-задачи нахождения расстояния между двумя точками Игорь Алексеенко,
 училка в Академии HTML "
2. Разработчики решают чужие задачи!
3. Решение задачи
4. Решение задачи • понимание задачи с точки зрения бизнеса (понимание цели)
5. Решение задачи • понимание задачи с точки зрения бизнеса (понимание цели) • нахождение способа решения задачи бизнеса в реальном мире (как достичь цели без кода)
6. Решение задачи • понимание задачи с точки зрения бизнеса (понимание цели) • нахождение способа решения задачи бизнеса в реальном мире (как достичь цели без кода) • перевод решения в язык программирования
7. Решение задачи • понимание задачи с точки зрения бизнеса (понимание цели) • нахождение способа решения задачи бизнеса в реальном мире (как достичь цели без кода) • перевод решения в язык программирования
8. Накопительный 100€ Накопительный 100$ Накопительный 100₽ На кармане 1000₽ Перевести
9. Накопительный 100€ Накопительный 100$ Накопительный 100₽ На кармане 1000₽ Перевести Накопительный 100€ На кармане 1000₽
10. Накопительный 100€ Накопительный 100$ Накопительный 100₽ На кармане 1000₽ Накопительный 100€ На кармане 1000₽ Перевести
11. Накопительный 100€ Накопительный 100$ Накопительный 100₽ На кармане 1000₽ Накопительный 100€ На кармане 1000₽ Перевести ❌
 Ошибка в ответе сервера.
 Попробуйте повторить позднее.
 
 Ладно
12. Накопительный 100€ Накопительный 100$ Накопительный 100₽ На кармане 1000₽ Накопительный 100€ На кармане 1000₽ Перевести 
 
 **3456 поступление 1€. Остаток на счете 1070₽.
13. Накопительный 100€ Накопительный 100$ Накопительный 100₽ На кармане 1000₽ Накопительный 100€ На кармане 1000₽ Перевести 
 
 **3456 поступление 1€. Остаток на счете 1070₽. fetch('/pay', {method: 'POST', body: new FormData(form)})
14. Накопительный 100€ Накопительный 100$ Накопительный 100₽ На кармане 1000₽ Накопительный 100€ На кармане 1000₽ Перевести 
 
 **3456 поступление 1€. Остаток на счете 1070₽. fetch('/pay', {method: 'POST', body: new FormData(form)}) .then(checkResponseStatus)
15. Накопительный 100€ Накопительный 100$ Накопительный 100₽ На кармане 1000₽ Накопительный 100€ На кармане 1000₽ Перевести 
 
 **3456 поступление 1€. Остаток на счете 1070₽. fetch('/pay', {method: 'POST', body: new FormData(form)}) .then(checkResponseStatus) .then(parseResponse)
16. Накопительный 100€ Накопительный 100$ Накопительный 100₽ На кармане 1000₽ Накопительный 100€ На кармане 1000₽ Перевести 
 
 **3456 поступление 1€. Остаток на счете 1070₽. fetch('/pay', {method: 'POST', body: new FormData(form)}) .then(checkResponseStatus) .then(parseResponse) .then(() => history.pushState(null, null, '/'))
17. Накопительный 100€ Накопительный 100$ Накопительный 100₽ На кармане 1000₽ Накопительный 100€ На кармане 1000₽ Перевести 
 
 **3456 поступление 1€. Остаток на счете 1070₽. fetch('/pay', {method: 'POST', body: new FormData(form)}) .then(checkResponseStatus) .then(parseResponse) .then(() => history.pushState(null, null, '/')) .catch(() => console.error('Ошибка в ответе сервера…'));
18. Накопительный 100€ Накопительный 100$ Накопительный 100₽ На кармане 1000₽ Накопительный 100€ На кармане 1000₽ Перевести 
 
 **3456 поступление 1€. Остаток на счете 1070₽. fetch('/pay', {method: 'POST', body: new FormData(form)}) .then(checkResponseStatus) .then(parseResponse) .then(() => history.pushState(null, null, '/')) .catch(() => console.error('Ошибка в ответе сервера…'));
19. Разработчику полезно понимать бизнес-задачу
20. Как сделать курс курильщика по программированию ❌
21. Как сделать курс курильщика по программированию ❌ • подумать что всех студентов сделать версией себя
22. Как сделать курс курильщика по программированию ❌ • подумать что всех студентов сделать версией себя • попытаться за короткий срок рассказать всё, что знаешь
23. Как сделать курс курильщика по программированию ❌ • подумать что всех студентов сделать версией себя • попытаться за короткий срок рассказать всё, что знаешь • почитать отзывы, понять что не все хотят быть тобой
24. Как сделать курс здорового человека по программированию ✅
25. Как сделать курс здорового человека по программированию ✅ • понять что нужно от курса людям, которые на него идут
26. Как сделать курс здорового человека по программированию ✅ • понять что нужно от курса людям, которые на него идут • подготовить программу, отталкиваясь от их целей и задач, не обращая внимания на стереотипы
27. Как сделать курс здорового человека по программированию ✅ • понять что нужно от курса людям, которые на него идут • подготовить программу, отталкиваясь от их целей и задач, не обращая внимания на стереотипы • прочитать отзывы, учесть, повторить
28. Быстро запустить сайт для бизнеса
29. Быстро запустить сайт для бизнеса Изучить Angular 15.3.1b
30. Быстро запустить сайт для бизнеса Изучить Angular 15.3.1b Страница VK
31. Быстро запустить сайт для бизнеса • долго изучать, быстро затухает интерес Изучить Angular 15.3.1b Страница VK
32. Быстро запустить сайт для бизнеса • долго изучать, быстро затухает интерес • много рутинной подкапотной работы Изучить Angular 15.3.1b Страница VK
33. Быстро запустить сайт для бизнеса • долго изучать, быстро затухает интерес • много рутинной подкапотной работы • тяжело (скучно) поддерживать Изучить Angular 15.3.1b Страница VK
34. Быстро запустить сайт для бизнеса • долго изучать, быстро затухает интерес • много рутинной подкапотной работы • тяжело (скучно) поддерживать • быстрый результат Изучить Angular 15.3.1b Страница VK
35. Быстро запустить сайт для бизнеса • долго изучать, быстро затухает интерес • много рутинной подкапотной работы • тяжело (скучно) поддерживать • быстрый результат • не нужно думать об оптимизации в поисковиках и прочих сложных вещах Изучить Angular 15.3.1b Страница VK
36. Быстро запустить сайт для бизнеса • долго изучать, быстро затухает интерес • много рутинной подкапотной работы • тяжело (скучно) поддерживать • быстрый результат • не нужно думать об оптимизации в поисковиках и прочих сложных вещах • не нужно поддерживать Изучить Angular 15.3.1b Страница VK
38. — Сколько нужно программистов, 
 чтобы закрутить лампочку?
39. — Сколько нужно программистов, 
 чтобы закрутить лампочку? — Ни одного, 
 это аппаратная проблема!
41. — Закрути лампочку?
42. — Закрути лампочку? — Нет!
43. — Закрути лампочку? — Нет! — Кодера ответ!
44. Как решить квадратное уравнение в общем виде?
45. Как решить квадратное уравнение в общем виде? • ax2 + bx + c = 0
46. Как решить квадратное уравнение в общем виде? • ax2 + bx + c = 0 • D = √b2 - 4ac
47. Как решить квадратное уравнение в общем виде? • ax2 + bx + c = 0 • D = √b2 - 4ac • x1 = (b + √D) / 2a
48. Как решить квадратное уравнение в общем виде? • ax2 + bx + c = 0 • D = √b2 - 4ac • x1 = (b + √D) / 2a • x2 = (b – √D) / 2a
49. Как решить квадратное уравнение в общем виде? • ax2 + bx + c = 0 • D = √b2 - 4ac • x1 = (b + √D) / 2a • x2 = (b – √D) / 2a • больше о решении ничего сказать нельзя — в задаче слишком мало исходной информации, слишком мало ограничений
50. Как решить квадратное уравнение в частном виде?
51. Как решить квадратное уравнение в частном виде? • 2x2 + 5x – 3 = 0
52. Как решить квадратное уравнение в частном виде? • 2x2 + 5x – 3 = 0 • D = √b2 - 4ac = √25 + 24 = √49 = 7
53. Как решить квадратное уравнение в частном виде? • 2x2 + 5x – 3 = 0 • D = √b2 - 4ac = √25 + 24 = √49 = 7 • x1 = (b + √D) / 2a = 3
54. Как решить квадратное уравнение в частном виде? • 2x2 + 5x – 3 = 0 • D = √b2 - 4ac = √25 + 24 = √49 = 7 • x1 = (b + √D) / 2a = 3 • x2 = (b – √D) / 2a = –1/2
55. Как решить квадратное уравнение в частном виде? • 2x2 + 5x – 3 = 0 • D = √b2 - 4ac = √25 + 24 = √49 = 7 • x1 = (b + √D) / 2a = 3 • x2 = (b – √D) / 2a = –1/2 • решение задачи известно, потому что известны ограничения — точные значения a, b и c
56. Как сделать сайт в общем виде
57. • создать несколько HTML-страниц Как сделать сайт в общем виде
58. • создать несколько HTML-страниц • создать несколько CSS-файлов Как сделать сайт в общем виде
59. • создать несколько HTML-страниц • создать несколько CSS-файлов • может быть написать немного скриптов Как сделать сайт в общем виде
60. Как сделать сайт в частном виде
61. • узнать для какой компании этот сайт Как сделать сайт в частном виде
62. • узнать для какой компании этот сайт • определить какие задачи должны решаться с помощью этого сайта Как сделать сайт в частном виде
63. • узнать для какой компании этот сайт • определить какие задачи должны решаться с помощью этого сайта • выяснить какие пользователи будут ходить на сайт Как сделать сайт в частном виде
64. • узнать для какой компании этот сайт • определить какие задачи должны решаться с помощью этого сайта • выяснить какие пользователи будут ходить на сайт • предположить какими устройствами они будут пользоваться Как сделать сайт в частном виде
65. • узнать для какой компании этот сайт • определить какие задачи должны решаться с помощью этого сайта • выяснить какие пользователи будут ходить на сайт • предположить какими устройствами они будут пользоваться • придумать сценарии поведения пользователей на сайте Как сделать сайт в частном виде
67. — Иваныч, у меня 
 железо слабое
68. — Иваныч, у меня 
 железо слабое — Придумай что-нибудь, 
 тыжпрограммист
69. — Иваныч, у меня 
 железо слабое Диалог двух древних друидов — Придумай что-нибудь, 
 тыжпрограммист
71. — Отвалите, 
 я программист!
72. — Отвалите, 
 я программист! Ада Лавлейс
73. Поиск ограничений Использование 
 ограничений VS
74. Решение задачи • понимание задачи с точки зрения бизнеса (понимание цели) • нахождение способа решения задачи бизнеса в реальном мире (как достичь цели без кода) • перевод решения в язык программирования
75. Как продать дверь?
76. Как продать дверь? • получить оплату по банковской карте
77. Как продать дверь? • получить оплату по банковской карте • выбрать склад, с которого нужно осуществить доставку
78. Как продать дверь? • получить оплату по банковской карте • выбрать склад, с которого нужно осуществить доставку • проложить маршрут с учетом пробок
79. Как продать дверь? • получить оплату по банковской карте • выбрать склад, с которого нужно осуществить доставку • проложить маршрут с учетом пробок
80. Форма ввода банковской карты
81. Форма ввода банковской карты • знакомая форма карты — психология
82. Форма ввода банковской карты • знакомая форма карты — психология • четыре группы цифр по четыре цифры в каждой — физиология
83. Форма ввода банковской карты • знакомая форма карты — психология • четыре группы цифр по четыре цифры в каждой — физиология • проверка правильности номера карты — теория кодирования
84. Алгоритм Луна Luhn algorithm
85. Алгоритм Луна
86. Алгоритм Луна • номера банковских кард
87. Алгоритм Луна • номера банковских кард • IMEI-коды телефонов
88. Алгоритм Луна • номера банковских кард • IMEI-коды телефонов • некоторые штрих-коды
89. Алгоритм Луна • номера банковских кард • IMEI-коды телефонов • некоторые штрих-коды • номера вагонов РЖД
90. Алгоритм Луна
91. Алгоритм Луна • умножить цифры номера на нечетных позициях на два
92. Алгоритм Луна • умножить цифры номера на нечетных позициях на два • если полученное число больше десяти, сложить его цифры между собой
93. Алгоритм Луна • умножить цифры номера на нечетных позициях на два • если полученное число больше десяти, сложить его цифры между собой • сложить полученные числа: удвоенные нечетные и исходные четные
94. Алгоритм Луна • умножить цифры номера на нечетных позициях на два • если полученное число больше десяти, сложить его цифры между собой • сложить полученные числа: удвоенные нечетные и исходные четные • если сумма кратна 10, значит номер правильный
95. 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6
96. 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 2 6 10 14 18 2 6 10
97. 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 2 6 10 14 18 2 6 10 2 6 1 5 9 2 6 1
98. 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 2 6 10 14 18 2 6 10 2 6 1 5 9 2 6 1 2+2+6+4 +1+6+5+8 +9+0+2+2 +6+4+1+6
99. 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 2 6 10 14 18 2 6 10 2 6 1 5 9 2 6 1 2+2+6+4 +1+6+5+8 +9+0+2+2 +6+4+1+6 ==64
100. 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 2 6 10 14 18 2 6 10 2 6 1 5 9 2 6 1 2+2+6+4 +1+6+5+8 +9+0+2+2 +6+4+1+6 ==64
101. 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 2
102. 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 2 2 6 10 14 18 2 6 10
103. 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 2 2 6 10 14 18 2 6 10 2 6 1 5 9 2 6 1
104. 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 2 2 6 10 14 18 2 6 10 2 6 1 5 9 2 6 1 2+2+6+4 +1+6+5+8 +9+0+2+2 +6+4+1+2
105. 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 2 2 6 10 14 18 2 6 10 2 6 1 5 9 2 6 1 2+2+6+4 +1+6+5+8 +9+0+2+2 +6+4+1+2 ==60
106. Как продать дверь? • получить оплату по банковской карте • выбрать склад, с которого нужно осуществить доставку • проложить маршрут с учетом пробок
107. Выбор ближайшего склада Дверь, 1500 ₽ Третья улица Строителей, 25 Есть на складах: ☑ Абрикосовая, 1 км ◻ Виноградная, 3 км ◻ Тенистая улица, 37 км ближайший #123
108. Дуга большого круга
109. Дуга большого круга
110. Дуга большого круга • любой адрес — это точка с широтой и долготой
111. Дуга большого круга • любой адрес — это точка с широтой и долготой
112. Дуга большого круга • любой адрес — это точка с широтой и долготой
113. Дуга большого круга • любой адрес — это точка с широтой и долготой
114. Дуга большого круга • любой адрес — это точка с широтой и долготой
115. Дуга большого круга • любой адрес — это точка с широтой и долготой • по поверхности Земли между любыми двумя точками можно проложить линию (ортодрóму)
116. Дуга большого круга • любой адрес — это точка с широтой и долготой • по поверхности Земли между любыми двумя точками можно проложить линию (ортодрóму)
117. Дуга большого круга • любой адрес — это точка с широтой и долготой • по поверхности Земли между любыми двумя точками можно проложить линию (ортодрóму)
118. Дуга большого круга • любой адрес — это точка с широтой и долготой • по поверхности Земли между любыми двумя точками можно проложить линию (ортодрóму)
119. Дуга большого круга • любой адрес — это точка с широтой и долготой • по поверхности Земли между любыми двумя точками можно проложить линию (ортодрóму) • зная радиус Земли можно измерить длину ортодромы с помощью геометрического уравнения
120. Решение задачи • понимание задачи с точки зрения бизнеса (понимание цели) • нахождение способа решения задачи бизнеса в реальном мире (как достичь цели без кода) • перевод решения в язык программирования
121. Как продать дверь? • получить оплату по банковской карте • выбрать склад, с которого нужно осуществить доставку • проложить маршрут с учетом пробок
122. OSM ❤ Yandex.Maps
123. OSM ❤ Yandex.Maps
124. OSM ❤ Yandex.Maps • водитель лучше всего ориентируется по картам OSM
125. OSM ❤ Yandex.Maps • водитель лучше всего ориентируется по картам OSM • на маршрутном листе нужно напечатать слой пробок
126. OSM ❤ Yandex.Maps • водитель лучше всего ориентируется по картам OSM • на маршрутном листе нужно напечатать слой пробок
127. OSM ❤ Yandex.Maps • водитель лучше всего ориентируется по картам OSM • на маршрутном листе нужно напечатать слой пробок • лучшие слои с пробками у Яндекса
128. OSM ❤ Yandex.Maps • водитель лучше всего ориентируется по картам OSM • на маршрутном листе нужно напечатать слой пробок • лучшие слои с пробками у Яндекса • Яндекс и OSM работают с разными проекциями
129. • водитель лучше всего ориентируется по картам OSM • на маршрутном листе нужно напечатать слой пробок • лучшие слои с пробками у Яндекса • Яндекс и OSM работают с разными проекциями OSM Yandex.Maps
130. Картографические проекции
131. Как продать дверь? • получить оплату по банковской карте • выбрать склад, с которого нужно осуществить доставку • проложить маршрут с учетом пробок
132. Проекции Меркатора
133. Проекции Меркатора
134. Проекции Меркатора
135. Проекции Меркатора
136. Проекции Меркатора • сферическая
137. Проекции Меркатора • сферическая • эллиптическая
138. Проекции Меркатора • сферическая • эллиптическая
139. Netflix и React hqps://jakearchibald.com/2017/nezlix-and-react/ — статья, в которой Джейк Арчибальд объясняет почему то, что Нетфликс убрал Реакт с клиентсайда хорошо и для Нетфликса и для Реакта
140. Netflix и React
141. Netflix и React 1. всё сделать на Реакте
142. Netflix и React 1. всё сделать на Реакте 2. понять, что это избыточный подход
143. Netflix и React 1. всё сделать на Реакте 2. понять, что это избыточный подход 3. убрать реакт
144. Netflix и React 1. всё сделать на Реакте 2. понять, что это избыточный подход 3. убрать реакт 4. ???
145. Netflix и React 1. всё сделать на Реакте 2. понять, что это избыточный подход 3. убрать реакт 4. ??? 5. PROFIT!
146. Бизнес для программиста
147. Бизнес для программиста • библиотеки, которые решают задачу более подходящим способом
148. Бизнес для программиста • библиотеки, которые решают задачу более подходящим способом • время загрузки сайта
149. Бизнес для программиста • библиотеки, которые решают задачу более подходящим способом • время загрузки сайта • скорость разработки (наличие и надежность готовых компонент)
150. Бизнес для программиста • библиотеки, которые решают задачу более подходящим способом • время загрузки сайта • скорость разработки (наличие и надежность готовых компонент) • сложность поддержки и рефакторинга
151. Спасибо!
152. o0.github.io латинская «о», ноль