Документ описывает актуальные технологии и тренды в веб-разработке, сосредотачиваясь на важности JavaScript, Node.js и React в современных проектах. Обсуждаются изменения и эволюция фронтенд и бэкенд технологий за последние годы, а также влияние новых инструментов и экосистем на разработку. Рекомендуются стратегии для разработчиков, такие как участие в сообществах и повышение уровня английского языка.

1. Актуальные технологии
и тренды
в веб-разработке
Денис Измайлов
18 ноября 2015

2. Денис Измайлов
• 15 лет опыта разработки ПО и web-
проектов.
• Последние 5 лет посвятил Front-end,
Node.js и архитектуре.
• Сделал более 10 проектов, в том числе
много SPA, HighLoad и React.
• Коммиты в Redux, webpack и koa.
• Выступал на HighLoad++ 2015,
регулярный спикер на MoscowJS.
• Автор статей на Habrahabr и
англоязычных ресурсах.
, CEO

4. Most Popular
«Результаты ежегодного исследования StackOverflow —
про технологии, зарплаты, счастье и кофе», http://habrahabr.ru/post/255717/
4

5. Most Popular
http://www.ryan-williams.net/hacker-news-hiring-trends/2015/november.html?
compare1=java&compare2=node.js&compare3=JavaScript&compare4=Front+End
5

6. Most Requested
“Without question (and without surprise), the
most common technology requested by
employers is JavaScript. 42.4% of job postings
contained this keyword.”
http://www.talentbuddy.co/blog/top-tech-skills-
required-for-entry-level-programming-jobs/
6

7. Most Requested
• JavaScript: 5,211 jobs found
• Node.js: 591 jobs found
• Java: 1,639 jobs found
• Ruby: 762 jobs found
7

8. Почему необходимо
использовать актуальные
технологии?

9. Что произошло
за последний год в мире
JavaScript?

10. Какие тренды мы
видим сегодня?

11. Front-end сегодня
• Это не только JavaScript в браузере
• Сегодня Front-end - клиент и сервер:
11
Front-end
клиент
Front-end
сервер
Back-end
сервер
Database
Java
Legacy
etc
- HTML
- [critical CSS]
- JS Bundle

12. JavaScript на сервере
• Представлен Node.js
• Экосистема Node.js - npm
• Что такое npm?
206 561 пакетов, 2+ млрд. загрузок/мес.
12
https://unpm.nodesource.com/

13. Мир JavaScript - это самый
увлекательный сериал

14. Мир JavaScript - это самый
увлекательный сериал
• Год назад все морщились от React и
HTML-кода в JavaScript-коде
• А уже сегодня мы видим массовый
переход на React
• Год назад все ломали головы про Flux
• Сегодня классический Flux уже устарел
• Всё закончилось сокрушительной
победой Redux 14

15. 2014

16. 2014: Server-Side
1. Node.js стало много в Production, но его развитие
стало замедляться
2. Node.js активно вошёл в наши проекты - для
сборки
3. Require.js (AMD) ушёл под давлением Browserify
(CommonJS) + BrowserSync/Watchify
4. 27 ноября 2014, доклад «webpack: 7 бед - один
ответ» на MoscowJS 17:
h ps://www.youtube.com/watch?v=kuXIgUsvpLo
5. Статья на Хабрахабр про webpack:
h p://habrahabr.ru/post/245991/
16

17. 2014: Client-Side
1. В проектах сражаются за доминирование:
Angular, jQuery, Knockout, Backbone
2. Благодаря сборщикам, от чистого CSS уходят:
LESS, SASS, Stylus
3. Большинство скептически посматривает на
React:
• HTML-подобный синтаксис?
• Стили и обработчики событий inline?
• На каждую мелочь - компонент? Зачем?
17

18. 2014: Client-Side
1. В проектах сражаются за доминирование:
Angular, jQuery, Knockout, Backbone
2. Благодаря сборщикам, от чистого CSS уходят:
LESS, SASS, Stylus
3. Большинство скептически посматривает на
React:
• HTML-подобный синтаксис?
• Стили и обработчики событий inline?
• На каждую мелочь - компонент? Зачем?
18

19. 2014: Client-Side
• 30 апреля 2014
• Сан-Франциско
• 30-градусная жара
• 1700 разработчиков
• F8 Facebook Developer Conference

20. 2014: Client-Side
4. Facebook представляет Flux, как альтернативу MVC
и архитектуру для React-приложений
5. Это помогло немного иначе посмотреть на React
6. Гонка Flux-фреймворков: Fluxxor, Reflux.js, Flux от
Facebook, Flummox, Marty.js, Fluxible от Yahoo,
AirBnb представляет alt
7. Было трудно, но понятно, что React и Flux - это
верное направление
8. ES6-транспилеры 6o5, esnext, traceur начали
вытеснять CoffeeScript и пр.
20

21. 2015: Server-Side
1. 14 января выходит io.js - форк Node.js с более
новым V8 с частичным ES6 - промисы,
генераторы
2. 8 сентября вышел Node.js v4.0.0
3. В середине года стал наблюдаться тренд
удален gulp из процесса сборки, заменой его
на отдельные Node.js скрипты в npm scripts
21

22. 2015: Client-Side
1. Пришёл ES6, 15 февраля - Babel (6to5 + esnext)
2. React Native
3. Изоморфные приложения
4. Взлёт популярности PostCSS
5. webpack стал стандартом де-факто в проектах
6. React почти полностью вытеснил Angular 1.x
7. Гонка Flux-реализаций окончена
сокрушительной победой Redux (MoscowJS 25,
Redux: the best for isomorphic apps)
22

23. 2016
Тренды

24. 2016
1. Качественный рост экосистем React и Redux
2. Борьба библиотек работы с данными
(Facebook Relay, om.next, etc) и поддержкой
оффлайн-режима
3. Давление на React-сообщество со стороны
Angular 2
4. Функциональное программирование и
Immutable.js
5. Изоморфные приложения
24

25. 2016
6. Native Applications: React Native, Electron
7. WebAssembly
8. WebGL & SVG
9. ES7: SIMD, Observable, etc
10. Проекты обучения и профессиональной
сертификации (egghead.io, etc)
11. React и Node.js активно войдет в Enterprise
12. Микросервисная архитектура и контейнеры
(Docker) станут стандартом де-фактом
25

26. Рекомендации
• Присоединяйтесь
к сообществу MoscowJS
http://moscowjs.ru/
• Улучшайте английский, не читайте
советских газет
• Читайте оригиналы и технические блоги
• Активно внедряйте в свою жизнь Twitter
и GitHub

27. Почему необходимо
использовать актуальные
технологии?

29. Спасибо за
внимание
Денис Измайлов
@DenisIzmaylov
https://github.com/DenisIzmaylov
https://fb.com/denis.izmaylov
http://startup-makers.ru
denis_izmaylov