Михаил Трошев — Инструменты веб-разработки
1 like824 views
Документ представляет собой обзор инструментов веб-разработки, охватывающий различные технологии, такие как HTML, CSS, JavaScript, редакторы кода, фреймворки и системы управления контентом. Он содержит хронологический список значимых событий и инструментов в этой области, начиная с 1976 года и заканчивая современными инструментами для автоматизации сборки и конвейеров непрерывной интеграции. Автором выступает Михаил Трошев, который делится опытом и выводами о важности профессионализма в веб-разработке.
Михаил Трошев — Инструменты веб-разработки
- 2. Инструменты веб-разработки Михаил Трошев Frontend Party, Нижний Новгород, 22 ноября 2014
- 4. Эпиграф ОАО «Протон — Пермские моторы» 5
- 5. 6
- 6. 7
- 7. │ Хороший инструмент — признак профессионализма
- 9. HTML HTML 3.2 — 14 января 1997 года HTML 4.0 — 18 декабря 1997 года HTML 4.01 — 24 декабря 1999 года 10
- 10. 11
- 11. Первые редакторы Vi — 1976 (!!!) Emacs — 1981 Vim — 1991 12
- 12. Редакторы и IDE Dreamweaver — 1997 IntelliJ IDEA — 2001 Notepad++ — 2003 Eclipse — 2004 UltraEdit-32 — 2005 PHP Expert Editor — 2006 Sublime Text — 2008 13
- 13. Веб-серверы CERN httpd — 1991 Apache — 1995 IIS — 1995 Nginx — 2002 Lighttpd — 2003 14
- 14. 15
- 15. Шаблонизаторы PHP* — 1995 Template Toolkit — 1996 XSLT — 1999 Smarty — 2008 Jinja — 2008 Jade — 2010 16
- 16. CMS Drupal — 2001 Bitrix — 2001 WordPress — 2003 MODX — 2004 Joomla — 2005 17
- 18. CSS CSS1 — 1996 CSS2 — 1998 CSS3 — 2009 19
- 20. JavaScript JS 1.0 — 1996 21
- 21. Netscape Navigator 2.0 22
- 22. JavaScript JS 1.0 — 1996 JS 1.1 — 1996 (Array!!!) JS 1.5 — 2000 (IE 5.5 & 6) JS 1.6 — 2005 (forEach) 23
- 23. JavaScript-фреймворки Prototype — 2005 jQuery — 2006 24
- 24. DevTools IE Developer Toolbar — 2005 Firebug — 2006 Web Inspector — 2007 Dragonfly — 2008 25
- 26. 2009: Node.js + GitHub 27
- 27. CSS-препроцессоры SASS — 2007 LESS — 2009 Stylus — 2011 Roole — 2013 28
- 28. CSS-постпроцессоры Myth (Rework) — 2012 Autoprefixer (PostCSS) — 2013 Pixrem — 2013 29
- 29. CSS-линтеры CSScomb — 2011 CSSLint — 2011 CSScomb.js — 2013 30
- 30. 31
- 31. 32
- 33. Сборка — установка пакетов и библиотек — компиляция + конкатенация — минификация + сжатие — деплой 34
- 34. Сборка CSS: npm > bower > borschik > stylus > autoprefixer > pixrem > clean-css > zopfli 35
- 35. 36
- 36. Автоматизация сборки Grunt — 2011 Gulp — 2013 37
- 37. 38
- 38. Конвеер — CI TeamCity — 2006 Hudson/Jenkins — 2008 Travis — 2011 39
- 39. 40
- 41. │ Веб-разработка — взрослая профессия Вывод №1
- 42. │ Трава становится зеленее Вывод №2
- 43. │ Участвовать в разработке инструментов Вывод №3
- 46. Михаил Трошев Руководитель службы поисковых интерфейсов +7 (926) 226 74 29 @ya_mishanga mishanga@yandex-team.ru mishanga