SlideShare una empresa de Scribd logo
1 de 29
Descargar para leer sin conexión
Актуальные технологии
и тренды

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

про технологии, зарплаты, счастье и кофе», http://habrahabr.ru/post/255717/
4
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
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
Most Requested
• JavaScript: 5,211 jobs found
• Node.js: 591 jobs found
• Java: 1,639 jobs found
• Ruby: 762 jobs found
7
Почему необходимо
использовать актуальные
технологии?
Что произошло

за последний год в мире
JavaScript?
Какие тренды мы
видим сегодня?
Front-end сегодня
• Это не только JavaScript в браузере
• Сегодня Front-end - клиент и сервер:
11
Front-end
клиент
Front-end
сервер
Back-end
сервер



Database
Java
Legacy

etc
- HTML
- [critical CSS]
- JS Bundle
JavaScript на сервере
• Представлен Node.js
• Экосистема Node.js - npm
• Что такое npm?

206 561 пакетов, 2+ млрд. загрузок/мес.
12
https://unpm.nodesource.com/
Мир JavaScript - это самый
увлекательный сериал
Мир JavaScript - это самый
увлекательный сериал
• Год назад все морщились от React и
HTML-кода в JavaScript-коде
• А уже сегодня мы видим массовый
переход на React
• Год назад все ломали головы про Flux
• Сегодня классический Flux уже устарел
• Всё закончилось сокрушительной
победой Redux 14
2014
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
2014: Client-Side
1. В проектах сражаются за доминирование:

Angular, jQuery, Knockout, Backbone
2. Благодаря сборщикам, от чистого CSS уходят:

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

Angular, jQuery, Knockout, Backbone
2. Благодаря сборщикам, от чистого CSS уходят:

LESS, SASS, Stylus
3. Большинство скептически посматривает на
React:
• HTML-подобный синтаксис?
• Стили и обработчики событий inline?
• На каждую мелочь - компонент? Зачем?
18
2014: Client-Side
• 30 апреля 2014
• Сан-Франциско
• 30-градусная жара
• 1700 разработчиков
• F8 Facebook Developer Conference
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
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
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
2016
Тренды
2016
1. Качественный рост экосистем React и Redux
2. Борьба библиотек работы с данными
(Facebook Relay, om.next, etc) и поддержкой
оффлайн-режима
3. Давление на React-сообщество со стороны
Angular 2
4. Функциональное программирование и
Immutable.js
5. Изоморфные приложения
24
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
Рекомендации
• Присоединяйтесь

к сообществу MoscowJS

http://moscowjs.ru/
• Улучшайте английский, не читайте
советских газет
• Читайте оригиналы и технические блоги
• Активно внедряйте в свою жизнь Twitter
и GitHub
Почему необходимо
использовать актуальные
технологии?
Актуальные технологии и тренды в веб-разработке
Спасибо за
внимание
Денис Измайлов
@DenisIzmaylov
https://github.com/DenisIzmaylov
https://fb.com/denis.izmaylov
http://startup-makers.ru
denis_izmaylov

Más contenido relacionado

La actualidad más candente

"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25
"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25
"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25MoscowJS
 
Изоморфные React-приложения производительность и масштабирование / Денис Изма...
Изоморфные React-приложения производительность и масштабирование / Денис Изма...Изоморфные React-приложения производительность и масштабирование / Денис Изма...
Изоморфные React-приложения производительность и масштабирование / Денис Изма...Ontico
 
2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...
2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...
2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...Омские ИТ-субботники
 
Современный фронтенд -- как не утонуть в море хайпа?
Современный фронтенд -- как не утонуть в море хайпа?Современный фронтенд -- как не утонуть в море хайпа?
Современный фронтенд -- как не утонуть в море хайпа?Vladimir Malyk
 
Delivering Native User Experience In Client Side Java Applications
Delivering Native User Experience In Client Side Java ApplicationsDelivering Native User Experience In Client Side Java Applications
Delivering Native User Experience In Client Side Java ApplicationsNikita Lipsky
 
"Посмотрим на Акку-Джаву" Дмитрий Мантула
"Посмотрим на Акку-Джаву" Дмитрий Мантула"Посмотрим на Акку-Джаву" Дмитрий Мантула
"Посмотрим на Акку-Джаву" Дмитрий МантулаFwdays
 
"Prom.ua shopping cart workflow as a microfrontend", Danylo Kazymyrov
"Prom.ua shopping cart workflow as a microfrontend", Danylo Kazymyrov"Prom.ua shopping cart workflow as a microfrontend", Danylo Kazymyrov
"Prom.ua shopping cart workflow as a microfrontend", Danylo KazymyrovFwdays
 
Александр Кириллов. Веб разработка: Что такое Ruby On Rails. РИФ-Воронеж 2016
Александр Кириллов. Веб разработка: Что такое Ruby On Rails. РИФ-Воронеж 2016Александр Кириллов. Веб разработка: Что такое Ruby On Rails. РИФ-Воронеж 2016
Александр Кириллов. Веб разработка: Что такое Ruby On Rails. РИФ-Воронеж 2016РИФ-Воронеж
 
Эволюция клиентской разработки: от веба ко "всеобщей мобилизации” или mobile-...
Эволюция клиентской разработки: от веба ко "всеобщей мобилизации” или mobile-...Эволюция клиентской разработки: от веба ко "всеобщей мобилизации” или mobile-...
Эволюция клиентской разработки: от веба ко "всеобщей мобилизации” или mobile-...Pavel Dovbush
 
Максим Пугачев
Максим ПугачевМаксим Пугачев
Максим ПугачевCodeFest
 
"Web Vitals monitoring & optimizations", Erik Himiranov
"Web Vitals monitoring & optimizations", Erik Himiranov"Web Vitals monitoring & optimizations", Erik Himiranov
"Web Vitals monitoring & optimizations", Erik HimiranovFwdays
 
Фронтенд разработка без боли
Фронтенд разработка без болиФронтенд разработка без боли
Фронтенд разработка без болиAnton Piskunov
 
Александр Афенов
Александр АфеновАлександр Афенов
Александр АфеновCodeFest
 
SECON'2016. Панин Сергей, Лебедев Андрей, Храмушин Дмитрий, IT-инфраструктура...
SECON'2016. Панин Сергей, Лебедев Андрей, Храмушин Дмитрий, IT-инфраструктура...SECON'2016. Панин Сергей, Лебедев Андрей, Храмушин Дмитрий, IT-инфраструктура...
SECON'2016. Панин Сергей, Лебедев Андрей, Храмушин Дмитрий, IT-инфраструктура...SECON
 
Svyatoslav Login "How to test authentication and authorization for security"
Svyatoslav Login "How to test authentication and authorization for security"Svyatoslav Login "How to test authentication and authorization for security"
Svyatoslav Login "How to test authentication and authorization for security"Fwdays
 
QA Fes 2016. Александр Неделяев. Система мониторинга производительности своим...
QA Fes 2016. Александр Неделяев. Система мониторинга производительности своим...QA Fes 2016. Александр Неделяев. Система мониторинга производительности своим...
QA Fes 2016. Александр Неделяев. Система мониторинга производительности своим...QAFest
 
Елизавета Голенок Переходим на mono или как это было
Елизавета Голенок  Переходим на mono или как это былоЕлизавета Голенок  Переходим на mono или как это было
Елизавета Голенок Переходим на mono или как это былоMskDotNet Community
 

La actualidad más candente (19)

"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25
"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25
"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25
 
Изоморфные React-приложения производительность и масштабирование / Денис Изма...
Изоморфные React-приложения производительность и масштабирование / Денис Изма...Изоморфные React-приложения производительность и масштабирование / Денис Изма...
Изоморфные React-приложения производительность и масштабирование / Денис Изма...
 
2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...
2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...
2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...
 
Современный фронтенд -- как не утонуть в море хайпа?
Современный фронтенд -- как не утонуть в море хайпа?Современный фронтенд -- как не утонуть в море хайпа?
Современный фронтенд -- как не утонуть в море хайпа?
 
React.js – intro
React.js – introReact.js – intro
React.js – intro
 
Delivering Native User Experience In Client Side Java Applications
Delivering Native User Experience In Client Side Java ApplicationsDelivering Native User Experience In Client Side Java Applications
Delivering Native User Experience In Client Side Java Applications
 
"Посмотрим на Акку-Джаву" Дмитрий Мантула
"Посмотрим на Акку-Джаву" Дмитрий Мантула"Посмотрим на Акку-Джаву" Дмитрий Мантула
"Посмотрим на Акку-Джаву" Дмитрий Мантула
 
"Prom.ua shopping cart workflow as a microfrontend", Danylo Kazymyrov
"Prom.ua shopping cart workflow as a microfrontend", Danylo Kazymyrov"Prom.ua shopping cart workflow as a microfrontend", Danylo Kazymyrov
"Prom.ua shopping cart workflow as a microfrontend", Danylo Kazymyrov
 
WebAssembly
WebAssemblyWebAssembly
WebAssembly
 
Александр Кириллов. Веб разработка: Что такое Ruby On Rails. РИФ-Воронеж 2016
Александр Кириллов. Веб разработка: Что такое Ruby On Rails. РИФ-Воронеж 2016Александр Кириллов. Веб разработка: Что такое Ruby On Rails. РИФ-Воронеж 2016
Александр Кириллов. Веб разработка: Что такое Ruby On Rails. РИФ-Воронеж 2016
 
Эволюция клиентской разработки: от веба ко "всеобщей мобилизации” или mobile-...
Эволюция клиентской разработки: от веба ко "всеобщей мобилизации” или mobile-...Эволюция клиентской разработки: от веба ко "всеобщей мобилизации” или mobile-...
Эволюция клиентской разработки: от веба ко "всеобщей мобилизации” или mobile-...
 
Максим Пугачев
Максим ПугачевМаксим Пугачев
Максим Пугачев
 
"Web Vitals monitoring & optimizations", Erik Himiranov
"Web Vitals monitoring & optimizations", Erik Himiranov"Web Vitals monitoring & optimizations", Erik Himiranov
"Web Vitals monitoring & optimizations", Erik Himiranov
 
Фронтенд разработка без боли
Фронтенд разработка без болиФронтенд разработка без боли
Фронтенд разработка без боли
 
Александр Афенов
Александр АфеновАлександр Афенов
Александр Афенов
 
SECON'2016. Панин Сергей, Лебедев Андрей, Храмушин Дмитрий, IT-инфраструктура...
SECON'2016. Панин Сергей, Лебедев Андрей, Храмушин Дмитрий, IT-инфраструктура...SECON'2016. Панин Сергей, Лебедев Андрей, Храмушин Дмитрий, IT-инфраструктура...
SECON'2016. Панин Сергей, Лебедев Андрей, Храмушин Дмитрий, IT-инфраструктура...
 
Svyatoslav Login "How to test authentication and authorization for security"
Svyatoslav Login "How to test authentication and authorization for security"Svyatoslav Login "How to test authentication and authorization for security"
Svyatoslav Login "How to test authentication and authorization for security"
 
QA Fes 2016. Александр Неделяев. Система мониторинга производительности своим...
QA Fes 2016. Александр Неделяев. Система мониторинга производительности своим...QA Fes 2016. Александр Неделяев. Система мониторинга производительности своим...
QA Fes 2016. Александр Неделяев. Система мониторинга производительности своим...
 
Елизавета Голенок Переходим на mono или как это было
Елизавета Голенок  Переходим на mono или как это былоЕлизавета Голенок  Переходим на mono или как это было
Елизавета Голенок Переходим на mono или как это было
 

Destacado

redux: the best for isomorphic apps
redux: the best for isomorphic appsredux: the best for isomorphic apps
redux: the best for isomorphic appsDenis Izmaylov
 
JavaScript сегодня: React, Redux и новая реальность
JavaScript сегодня: React, Redux и новая реальностьJavaScript сегодня: React, Redux и новая реальность
JavaScript сегодня: React, Redux и новая реальностьDenis Izmaylov
 
Performance and Scalability Art of Isomorphic React Applications
Performance and Scalability Art of Isomorphic React ApplicationsPerformance and Scalability Art of Isomorphic React Applications
Performance and Scalability Art of Isomorphic React ApplicationsDenis Izmaylov
 
Isomorphic React Applications: Performance And Scalability
Isomorphic React Applications: Performance And ScalabilityIsomorphic React Applications: Performance And Scalability
Isomorphic React Applications: Performance And ScalabilityDenis Izmaylov
 
PreJSS: the final point in the CSS war
PreJSS: the final point in the CSS warPreJSS: the final point in the CSS war
PreJSS: the final point in the CSS warDenis Izmaylov
 
Limited and general partnerships
Limited and general partnerships Limited and general partnerships
Limited and general partnerships Ontario eSchool
 
Tina Turner Die Königin Rock and Roll
Tina Turner Die Königin Rock and RollTina Turner Die Königin Rock and Roll
Tina Turner Die Königin Rock and Rollrockandrollboxmay21
 
Tina Turner La Regina del Rock and Roll
Tina Turner La Regina del Rock and RollTina Turner La Regina del Rock and Roll
Tina Turner La Regina del Rock and Rollrockandrollboxmay21
 
Slideshow
SlideshowSlideshow
Slideshowcjh6788
 
Tina Turner La Reina del Rock and Roll
Tina Turner La Reina del Rock and RollTina Turner La Reina del Rock and Roll
Tina Turner La Reina del Rock and Rollrockandrollboxmay21
 
Themesinmacbeth 121009002959-phpapp01
Themesinmacbeth 121009002959-phpapp01Themesinmacbeth 121009002959-phpapp01
Themesinmacbeth 121009002959-phpapp01Ontario eSchool
 
Portafolio de sociologia 2
Portafolio de sociologia 2Portafolio de sociologia 2
Portafolio de sociologia 2Soniarcos
 
Tina Turner La Reina del Rock and Roll
Tina Turner La Reina del Rock and RollTina Turner La Reina del Rock and Roll
Tina Turner La Reina del Rock and Rollrockandrollboxmay21
 

Destacado (20)

redux: the best for isomorphic apps
redux: the best for isomorphic appsredux: the best for isomorphic apps
redux: the best for isomorphic apps
 
JavaScript сегодня: React, Redux и новая реальность
JavaScript сегодня: React, Redux и новая реальностьJavaScript сегодня: React, Redux и новая реальность
JavaScript сегодня: React, Redux и новая реальность
 
Performance and Scalability Art of Isomorphic React Applications
Performance and Scalability Art of Isomorphic React ApplicationsPerformance and Scalability Art of Isomorphic React Applications
Performance and Scalability Art of Isomorphic React Applications
 
Isomorphic React Applications: Performance And Scalability
Isomorphic React Applications: Performance And ScalabilityIsomorphic React Applications: Performance And Scalability
Isomorphic React Applications: Performance And Scalability
 
PreJSS: the final point in the CSS war
PreJSS: the final point in the CSS warPreJSS: the final point in the CSS war
PreJSS: the final point in the CSS war
 
Limited and general partnerships
Limited and general partnerships Limited and general partnerships
Limited and general partnerships
 
Tina Turner Die Königin Rock and Roll
Tina Turner Die Königin Rock and RollTina Turner Die Königin Rock and Roll
Tina Turner Die Königin Rock and Roll
 
Die Königin Rock and Roll
Die Königin Rock and RollDie Königin Rock and Roll
Die Königin Rock and Roll
 
Tina Turner La Regina del Rock and Roll
Tina Turner La Regina del Rock and RollTina Turner La Regina del Rock and Roll
Tina Turner La Regina del Rock and Roll
 
Slideshow
SlideshowSlideshow
Slideshow
 
The Queen of Rock and Roll
The Queen of Rock and RollThe Queen of Rock and Roll
The Queen of Rock and Roll
 
La Reina del Rock and Roll
 La Reina del Rock and Roll La Reina del Rock and Roll
La Reina del Rock and Roll
 
Atan2
Atan2Atan2
Atan2
 
Tina Turner La Reina del Rock and Roll
Tina Turner La Reina del Rock and RollTina Turner La Reina del Rock and Roll
Tina Turner La Reina del Rock and Roll
 
Themesinmacbeth 121009002959-phpapp01
Themesinmacbeth 121009002959-phpapp01Themesinmacbeth 121009002959-phpapp01
Themesinmacbeth 121009002959-phpapp01
 
Tati
TatiTati
Tati
 
Portafolio de sociologia 2
Portafolio de sociologia 2Portafolio de sociologia 2
Portafolio de sociologia 2
 
A Rainha do Rock and Roll
A Rainha do Rock and RollA Rainha do Rock and Roll
A Rainha do Rock and Roll
 
Die Königin Rock and Roll
Die Königin Rock and RollDie Königin Rock and Roll
Die Königin Rock and Roll
 
Tina Turner La Reina del Rock and Roll
Tina Turner La Reina del Rock and RollTina Turner La Reina del Rock and Roll
Tina Turner La Reina del Rock and Roll
 

Similar a Актуальные технологии и тренды в веб-разработке

Бэкенд, Фронтенд — всё смешалось. Обзорная экскурсия в будущее веб-разработки
Бэкенд, Фронтенд — всё смешалось. Обзорная экскурсия в будущее веб-разработкиБэкенд, Фронтенд — всё смешалось. Обзорная экскурсия в будущее веб-разработки
Бэкенд, Фронтенд — всё смешалось. Обзорная экскурсия в будущее веб-разработкиITCrowd Almaty
 
Бэкенд, фронтенд — всё смешалось (nodkz)
Бэкенд, фронтенд — всё смешалось (nodkz)Бэкенд, фронтенд — всё смешалось (nodkz)
Бэкенд, фронтенд — всё смешалось (nodkz)Pavel Chertorogov
 
ОЛЕКСАНДР ХОТЕМСЬКИЙ «Антипаттерни та велосипеди в JavaScript автоматизації» ...
ОЛЕКСАНДР ХОТЕМСЬКИЙ «Антипаттерни та велосипеди в JavaScript автоматизації» ...ОЛЕКСАНДР ХОТЕМСЬКИЙ «Антипаттерни та велосипеди в JavaScript автоматизації» ...
ОЛЕКСАНДР ХОТЕМСЬКИЙ «Антипаттерни та велосипеди в JavaScript автоматизації» ...GoQA
 
Фронтенд в Яндексе
Фронтенд в ЯндексеФронтенд в Яндексе
Фронтенд в ЯндексеYandex
 
Собрать нельзя клонировать. Как выбрать подход к созданию кроссплатформенных ...
Собрать нельзя клонировать. Как выбрать подход к созданию кроссплатформенных ...Собрать нельзя клонировать. Как выбрать подход к созданию кроссплатформенных ...
Собрать нельзя клонировать. Как выбрать подход к созданию кроссплатформенных ...Ilya Slobodin
 
Фронтенд в Яндексе
Фронтенд в ЯндексеФронтенд в Яндексе
Фронтенд в ЯндексеYandex
 
Фронтенд в Яндексе
Фронтенд в ЯндексеФронтенд в Яндексе
Фронтенд в ЯндексеYandex
 
Денис Чистяков — JavaScript на фронте и в тылу
Денис Чистяков — JavaScript на фронте и в тылуДенис Чистяков — JavaScript на фронте и в тылу
Денис Чистяков — JavaScript на фронте и в тылуYandex
 
aOS Moscow - R1 - Javascript use cases in modern SharePoint
aOS Moscow - R1 - Javascript use cases in modern SharePointaOS Moscow - R1 - Javascript use cases in modern SharePoint
aOS Moscow - R1 - Javascript use cases in modern SharePointaOS Community
 
AVITO. Решаем проблемы по мере их поступления. Стачка 2013
AVITO. Решаем проблемы по мере их поступления. Стачка 2013AVITO. Решаем проблемы по мере их поступления. Стачка 2013
AVITO. Решаем проблемы по мере их поступления. Стачка 2013Roman Pavlushko
 
Виктор Русакович - Выборы, выборы, все фреймворки… приторны
Виктор Русакович - Выборы, выборы, все фреймворки… приторныВиктор Русакович - Выборы, выборы, все фреймворки… приторны
Виктор Русакович - Выборы, выборы, все фреймворки… приторныFDConf
 
Владимир Русинов, Алексей Капранов "Яндекс.Диск: архитектура, синхронизация и...
Владимир Русинов, Алексей Капранов "Яндекс.Диск: архитектура, синхронизация и...Владимир Русинов, Алексей Капранов "Яндекс.Диск: архитектура, синхронизация и...
Владимир Русинов, Алексей Капранов "Яндекс.Диск: архитектура, синхронизация и...Yandex
 
Secr15 разработка кросс платформенных десктоп приложений nw.js
Secr15 разработка кросс платформенных десктоп приложений nw.jsSecr15 разработка кросс платформенных десктоп приложений nw.js
Secr15 разработка кросс платформенных десктоп приложений nw.jsKirill Danilov
 
What do you MEAN? или введение в Fullstack JavaScript
What do you MEAN? или введение в Fullstack JavaScriptWhat do you MEAN? или введение в Fullstack JavaScript
What do you MEAN? или введение в Fullstack JavaScriptVasiliy Teliatnikov
 
JavaScript завтра / Сергей Рубанов (Exante Limited)
JavaScript завтра / Сергей Рубанов  (Exante Limited)JavaScript завтра / Сергей Рубанов  (Exante Limited)
JavaScript завтра / Сергей Рубанов (Exante Limited)Ontico
 
JavaScript завтра
JavaScript завтраJavaScript завтра
JavaScript завтраSergey Rubanov
 
Александр Кашеверов — Обзор React.js
Александр Кашеверов — Обзор React.jsАлександр Кашеверов — Обзор React.js
Александр Кашеверов — Обзор React.jsDataArt
 
Фреймворки: недалёкое прошлое и ближайшее будущее
Фреймворки: недалёкое прошлое и ближайшее будущееФреймворки: недалёкое прошлое и ближайшее будущее
Фреймворки: недалёкое прошлое и ближайшее будущееYandex
 
Фреймворки: Недалёкое Прошлое и Ближайшее Будущее
Фреймворки: Недалёкое Прошлое и Ближайшее БудущееФреймворки: Недалёкое Прошлое и Ближайшее Будущее
Фреймворки: Недалёкое Прошлое и Ближайшее БудущееMoscowJS
 
State of the Standardized Web. YaC 2014
State of theStandardized Web. YaC 2014State of theStandardized Web. YaC 2014
State of the Standardized Web. YaC 2014Yandex
 

Similar a Актуальные технологии и тренды в веб-разработке (20)

Бэкенд, Фронтенд — всё смешалось. Обзорная экскурсия в будущее веб-разработки
Бэкенд, Фронтенд — всё смешалось. Обзорная экскурсия в будущее веб-разработкиБэкенд, Фронтенд — всё смешалось. Обзорная экскурсия в будущее веб-разработки
Бэкенд, Фронтенд — всё смешалось. Обзорная экскурсия в будущее веб-разработки
 
Бэкенд, фронтенд — всё смешалось (nodkz)
Бэкенд, фронтенд — всё смешалось (nodkz)Бэкенд, фронтенд — всё смешалось (nodkz)
Бэкенд, фронтенд — всё смешалось (nodkz)
 
ОЛЕКСАНДР ХОТЕМСЬКИЙ «Антипаттерни та велосипеди в JavaScript автоматизації» ...
ОЛЕКСАНДР ХОТЕМСЬКИЙ «Антипаттерни та велосипеди в JavaScript автоматизації» ...ОЛЕКСАНДР ХОТЕМСЬКИЙ «Антипаттерни та велосипеди в JavaScript автоматизації» ...
ОЛЕКСАНДР ХОТЕМСЬКИЙ «Антипаттерни та велосипеди в JavaScript автоматизації» ...
 
Фронтенд в Яндексе
Фронтенд в ЯндексеФронтенд в Яндексе
Фронтенд в Яндексе
 
Собрать нельзя клонировать. Как выбрать подход к созданию кроссплатформенных ...
Собрать нельзя клонировать. Как выбрать подход к созданию кроссплатформенных ...Собрать нельзя клонировать. Как выбрать подход к созданию кроссплатформенных ...
Собрать нельзя клонировать. Как выбрать подход к созданию кроссплатформенных ...
 
Фронтенд в Яндексе
Фронтенд в ЯндексеФронтенд в Яндексе
Фронтенд в Яндексе
 
Фронтенд в Яндексе
Фронтенд в ЯндексеФронтенд в Яндексе
Фронтенд в Яндексе
 
Денис Чистяков — JavaScript на фронте и в тылу
Денис Чистяков — JavaScript на фронте и в тылуДенис Чистяков — JavaScript на фронте и в тылу
Денис Чистяков — JavaScript на фронте и в тылу
 
aOS Moscow - R1 - Javascript use cases in modern SharePoint
aOS Moscow - R1 - Javascript use cases in modern SharePointaOS Moscow - R1 - Javascript use cases in modern SharePoint
aOS Moscow - R1 - Javascript use cases in modern SharePoint
 
AVITO. Решаем проблемы по мере их поступления. Стачка 2013
AVITO. Решаем проблемы по мере их поступления. Стачка 2013AVITO. Решаем проблемы по мере их поступления. Стачка 2013
AVITO. Решаем проблемы по мере их поступления. Стачка 2013
 
Виктор Русакович - Выборы, выборы, все фреймворки… приторны
Виктор Русакович - Выборы, выборы, все фреймворки… приторныВиктор Русакович - Выборы, выборы, все фреймворки… приторны
Виктор Русакович - Выборы, выборы, все фреймворки… приторны
 
Владимир Русинов, Алексей Капранов "Яндекс.Диск: архитектура, синхронизация и...
Владимир Русинов, Алексей Капранов "Яндекс.Диск: архитектура, синхронизация и...Владимир Русинов, Алексей Капранов "Яндекс.Диск: архитектура, синхронизация и...
Владимир Русинов, Алексей Капранов "Яндекс.Диск: архитектура, синхронизация и...
 
Secr15 разработка кросс платформенных десктоп приложений nw.js
Secr15 разработка кросс платформенных десктоп приложений nw.jsSecr15 разработка кросс платформенных десктоп приложений nw.js
Secr15 разработка кросс платформенных десктоп приложений nw.js
 
What do you MEAN? или введение в Fullstack JavaScript
What do you MEAN? или введение в Fullstack JavaScriptWhat do you MEAN? или введение в Fullstack JavaScript
What do you MEAN? или введение в Fullstack JavaScript
 
JavaScript завтра / Сергей Рубанов (Exante Limited)
JavaScript завтра / Сергей Рубанов  (Exante Limited)JavaScript завтра / Сергей Рубанов  (Exante Limited)
JavaScript завтра / Сергей Рубанов (Exante Limited)
 
JavaScript завтра
JavaScript завтраJavaScript завтра
JavaScript завтра
 
Александр Кашеверов — Обзор React.js
Александр Кашеверов — Обзор React.jsАлександр Кашеверов — Обзор React.js
Александр Кашеверов — Обзор React.js
 
Фреймворки: недалёкое прошлое и ближайшее будущее
Фреймворки: недалёкое прошлое и ближайшее будущееФреймворки: недалёкое прошлое и ближайшее будущее
Фреймворки: недалёкое прошлое и ближайшее будущее
 
Фреймворки: Недалёкое Прошлое и Ближайшее Будущее
Фреймворки: Недалёкое Прошлое и Ближайшее БудущееФреймворки: Недалёкое Прошлое и Ближайшее Будущее
Фреймворки: Недалёкое Прошлое и Ближайшее Будущее
 
State of the Standardized Web. YaC 2014
State of theStandardized Web. YaC 2014State of theStandardized Web. YaC 2014
State of the Standardized Web. YaC 2014
 

Актуальные технологии и тренды в веб-разработке

  • 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
  • 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
  • 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
  • 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