Сергей Бережной, Яндекс С 2005 года работает веб-разработчиком в Яндексе. За это время успел поучаствовать в разработке целого ряда сервисов, например, Поиска по блогам, Я.ру, Яндекс.Почты, Поиска, Картинок, Видео. Помимо внешних проектов активно занимается развитием различных внутренних инструментов для полного цикла создания сайтов. Больше всего на свете любит жену и программирование. Тема доклада Истории про разработку сайтов. Тезисы Мы расскажем о том, какие задачи, связанные с разработкой сайтов, появлялись в Яндексе в разное время и как мы их решали. Выступление задумывается как диалог с разработчиками, которые тоже сталкиваются с похожими задачами. В итоге у нас получится некий сборник технологических историй для размышления.

1. Истории
ïпðрîо ðрàаçзðрàаáбîоòтêкóу ñсàаéйòтîоâв
Сергей Бережной
Виталий Харисов
YaC, Москва, 19 сентября 2011 года

2. старенький дедушка
photosight.ru

3. 2005 г.

4. про переселенцев или новичков
liveinternet.ru

5. статистика сервисов в 2005 году

6. оглядываясь назад

7. статистика сервисов сегодня

8. Египет

9. дом
1-й этаж

10. дом
2-й этаж
1-й этаж

11. дом
3-й этаж
2-й этаж
1-й этаж

12. 1-й этаж

13. 1-й этаж
1/4

14. дизайн меняется

20. css-селекторы

21. css-селекторы
#my-block ul

22. css-селекторы
#my-block ul
#my-block li *

23. css-селекторы
#my-block ul
#my-block li *
.my-elem

24. css-селекторы
#head .my-block li *

25. css-селекторы
#head .my-block li *
#foot .my-block ul

27. css-селекторы про id

29. css-селекторы с именами тегов и *

32. vitaly.harisov.name/article/independent-blocks.html

33. .class-to-rule-them-all

34. class="myblock myblock-mytype"

35. b- l- h- g-

37. /* Block 1 */ /* (begin) */
…
/* Block 1 */ /* (end) */

38. 1-й этаж
2/4

40. копипаст между html-макетами

41. тяжёлый ручной труд wisconsinhistory.org

42. XML

43. XInclude
XPointer

46. собрали машину, поехали,
рады и счастливы

47. собрали машину, поехали,
рады и счастливы

48. через 3 секунды всё взорвалось

49. 1-й этаж
3/4

50. рассада...
liveinternet.ru

51. ...и высаживание в сад thesurvivalgirl.com

52. html -> xsl/tt2

54. тяжёлый ручной труд

55. поддержание актуальности

56. поддержание актуальности
динамики относительно статики

57. поддержание актуальности
динамики относительно статики
статики относительно динамики

59. единая команда
kamaz.ru

60. единая команда

61. единая команда
единый репозиторий

62. единая команда
единый репозиторий
все влияют на продакшен

63. html -> xsl/tt2

64. тяжёлый ручной труд
ничего не изменилось :-(

65. 1-й этаж
4/4

66. JavaScript

67. нечто мааленькое

68. myproject.js

69. getElementById

70. инструмент не соответствует задаче

72. y5

73. Framework

74. JS ~ CSS

75. <div
class="myblock y5-c-MyComponent"
onclick="return { p1: 1, p2: 'two' }">

76. 2-й этаж

77. 2-й этаж
1/3

78. img.yandex.net

79. icons.png
icons1.png
iconz.png

80. new/icons.png
v2/icons1.png

81. CVS

82. изображение
ад

83. свалка/
помойка
levelofindirection.com

85. yandex.st

86. yandex.st/PRJ/2.3.5/

87. yandex.st/PRJ/_/X31pO5JJJKEifJ7sfvuf3mGeD_8.png

88. Debian: yandex-PRJ-www-static-2-3-5

89. api.yandex.ru/jslibs

90. 2-й этаж
2/3

91. что роботу хорошо, то человеку
смерть

93. сложности с чем-то слишком
большим

95. зависимости

96. 32 @import

97. 3 глубина @import

100. compiling!

102. fastcgi
&
inotify

103. 2-й этаж
3/3

104. несколько сервисов
с одинаковыми элементами

105. баги

106. тяжёлый ручной труд

107. отдельное хранилище
общих файлов

108. common/
css/
js/
xsl/

109. one

110. to rule them all

111. 3-й этаж

112. 3-й этаж
1/2...

113. one COMMON to rule them all

115. Вавилон smallbay.ru

116. добавление блока на страницу —
нужно добавить
во все файлы технологий

117. labels
marks
tags

118. quirks / standard

119. global reset / no-reset

120. аноним

121. нет версионирования

123. X.Y.N

124. КУдП

125. changelog

126. jetpack

127. css/myblock.css
js/myblock.js
img/myblock.png
blocks/myblock/myblock.{css,js,png}

128. сборка всех страничных технологий
по одному описанию

129. документация etftrends.typepad.com

130. каталог блоков

131. 3-й этаж
2/2...

132. xsl — выразительно
tt2 — быстрее

133. ручная поддержка соглашений

136. внутреннеяндексовое <—> общеполезное

137. OpenSource

139. one

140. to rule them all

141. 3-й этаж
...

142. очень молодой
человек
смотрящий в будущее
photosight.ru

143. очень старый человек
умиляющийся
прошлому
lifeisphoto.ru

144. мастерклассы ТАМ ==>

145. Сергей Бережной
veged@yandex-team.ru
Виталий Харисов
vitaly@yandex-team.ru

146. BONUS!

147. хорошо, когда сначала api,
а потом его использование

148. части большого проекта
можно считать проектами
и релизить раздельно