32
Куда катится этот Веб? Михаил Ларченко EPAM MCC

Куда катится этот веб?

Embed Size (px)

DESCRIPTION

Смотрим, что было с вебом и что с ним станет!

Citation preview

Page 1: Куда катится этот веб?

Куда катится этот Веб?

Михаил Ларченко EPAM MCC

Page 2: Куда катится этот веб?
Page 3: Куда катится этот веб?
Page 4: Куда катится этот веб?
Page 5: Куда катится этот веб?

Что произошло с вебом за последние 10-15 лет?

Что произойдет с вебом за следующие несколько лет?

Что произойдет с нами?

Page 6: Куда катится этот веб?

Что произошло с вебом за последние 10-15 лет?

Page 7: Куда катится этот веб?

1986-1991 HTML

Page 8: Куда катится этот веб?

1995 Javascript

Page 9: Куда катится этот веб?

1996 CSS

Page 10: Куда катится этот веб?

1994 W3C

Page 11: Куда катится этот веб?
Page 12: Куда катится этот веб?

1995 – … Война браузеров

Page 13: Куда катится этот веб?

1986 2006

FlashSilverlight

Page 14: Куда катится этот веб?

Internet Explorer Google Chrome Mozilla Firefox Apple Safari Opera другие

HTML CSS

Javascript Flash

Silverlight другие

Page 15: Куда катится этот веб?

Что произойдет с вебом за следующие несколько лет?

Page 16: Куда катится этот веб?
Page 17: Куда катится этот веб?

Веб-компоненты

Page 18: Куда катится этот веб?

polymer-project.org

Page 19: Куда катится этот веб?

<!-- Import element --> <link rel="import" href="google-map.html">

<!-- Use element --> <google-map lat="37.790" long="-122.390"></google-map>

Page 20: Куда катится этот веб?

Ecmascript 6

Page 21: Куда катится этот веб?

let isSelected = true;

function setLevel(newLevel = 0) { ... }

{ foo: foo, bar: bar } = { foo: bar, bar: foo};

Page 22: Куда катится этот веб?

class Person { constructor(name) { this.name = name; }

describe() { return "Person called " + this.name; } }

Page 23: Куда катится этот веб?

module Math { export function sum(x, y) { return x + y; }

export var pi = 3.141593;

function internal() { ... } }

import Math.{sum, pi}; import Math.*;

Page 24: Куда катится этот веб?

for (var x of arr) { console.log(x); }

let squares = [ 1, 2, 3 ].map(x => x * x);

Page 25: Куда катится этот веб?

Новые возможности

Page 26: Куда катится этот веб?

• Media Capture (HTML & gUM) • Contact • Messaging • Battery Status • Network Information • Sensor • Vibration • Calendar • Permissions • File system

Page 27: Куда катится этот веб?

Новые инструменты

Page 28: Куда катится этот веб?

• Grunt • Bower • Yeoman • Gulp • Less • Sass • Styles • Bem • Gemini • SlimerJS

Page 29: Куда катится этот веб?
Page 30: Куда катится этот веб?

Что произойдет снами?

Page 31: Куда катится этот веб?

• Full-stack Javascript developers

• SPAs (Single-page apps)

• Mobile and mobile…

• New technologies experts

Page 32: Куда катится этот веб?

ashorror