Web: Storm

Ça change tout le temps, mais c’est pas mal.

Christophe Porteneuve à Best Of Web 2015

TÉKITOA


var christophe = {
  age:        37.58316221765914
  city:       'Paris',
  company:    'Delicious Insights',
  trainings:  ['JS Total', 'Node.js', 'Git Total'],
  jsSince:    1995,
  nodeSince:  2009,
  claimsToFame: [
    'Prototype.js',
    'Ruby On Rails',
    'Bien Développer pour le Web 2.0',
    'Prototype and Script.aculo.us',
    'Paris Web',
    'NodeSchool Paris'
  ]
};
          

Hier

1989 : World Wide Web

La vision de TBL : ouvert R/W à tous, ultra collaboratif.

Il aura fallu attendre le « Web 2.0 », les blogs, Wikipedia, YouTube, etc. pour que ça prenne réellement corps. Soit quand même près de 20 ans où on a globalement transposé nos réflexes print au lieu d’explorer réellement le medium.

L’ébullition initiale

NCSA Mosaïc, Netscape Navigator, débuts d'IE…

HTML 1 ⇒ 3.2

FAI sur abonnement fixe + communications
Souvenez-vous des CDs AOL, Wanadoo et consorts !

Avant ça, Internet existait, mais c'était chaud patate
BBS, CompuServe, le minitel…

L’ébullition initiale

1995 : Java, JavaScript, Ruby !

1995–1997 : Browser Wars. IE4 gagne (et MS en 2001)

1998 : Google (adios AltaVista)

1999 : apparition des FAIG (pas d’abonnement), genre Freesbee. IE 5.5 innove à mort… et on entre dans l’ère glaciaire du web.

2000 : la Bulle Internet éclate
Environ 5 000 000 000 000 US$ envolés en 18 mois

Il ne se passe plus rien d’intéressant de 2001 à 2004…

La renaissance

2004 Firefox sort. Ça va trancher, chérie.
2005 Ajax, Prototype.js, Git, Symfony, Rails
2006 jQuery et SASS, en gros
2007 iPhone. Ka-boom.
2008 Chrome, GitHub, Magento, App Store et Android Market
2009 Modernizr, JSConf, Node.js, ES5, CoffeeScript, PhoneGap, BitCoin

La renaissance

2010 LESS, RWD, Backbone, Angular, Jasmine, Sinon… Décollage du web mobile.
2011 Evergreens. IE9, AMD, Brunch, Bootstrap, Browserstack, Mocha, Ember, npm, Web Sockets.
2012 Grunt, Johnny-Five, Chai, SauceLabs, Promesses, Dart. La perception du dev front commence à changer (licorne !).
2013 IE11 et Modern.IE = blam. Firefox OS, ASM.js, React, BabylonJS, TypeScript, Gulp, Web Audio…
2014 Web mobile > Web desktop. 1MM de sites. Node explose tout. 1ers gros jeux 100% JS / WebGL. npm > 100K modules.

Aujourd’hui

L’ère des outils

Préprocesseurs (SASS, LESS, Stylus…)

Transpileurs (CoffeeScript, TypeScript, Dart…, ES6+)

Modules (CommonJS/Node ou ES6) et référentiels (npm, Bower, JSPM…)

Industrialisation massive : tests, docs, audits (linters, style checkers, sécurité, dépendances…).

Du coup outils de pilotage : Brunch, Grunt, Gulp, Broccoli, Glou…

MVC client / SPA

99% = Backbone + X / Ember / Angular
(90% = Backbone + X, 8,9% = Ember, 0,1% = Angular) #NotEvenATroll

React devient bien chaud (plus Flux, etc.)
sachant qu’en fait il n’est pas si rapide, c’est le reste qui tue

SPA de plus en plus massives
notamment dans les applis hybrides sur mobiles, avec ou sans PhoneGap, Ionic, Famo.us, etc. Très présentes dans les Top-50 des Stores.

Le Web mobile bouffe tout et révolutionne les usages

Node a tout explosé

PayPal, LinkedIn, Walmart, Uber, Medium, Groupon, eBay, Microsoft (Azure Mobile Services, etc.), Yahoo!, Storify, Trello, Voxer, Zendesk… Mais aussi AppFog, Bocoup, Ghost, Koding, LearnBoost, JSBin, Rdio, Shutterstock, SitePen…

Donne un gros coup de boost à l'IoT et au Physical Web. Voir Johnny-Five et consorts.

État de l’éducation

Majorité du marché traditionnel (BTS, université, écoles d’ingénieurs…) à la ramasse complète

Les autres formations (genre groupe IONIS) restent (très) imparfaites, malgré leurs promesses

La tendance est toujours à l’auto-formation, de + en + encadrée/professionnalisée via des MOOC ou assimilés.
(Udacity, Coursera, PeepCode, CodeSchool, Treehouse, Khan Academy, Codecademy, Code.org, Code Avengers, MSVA, MDN, MongoDB University…)

2 points pour finir…

Les meilleures boîtes déchirent en gestion / accompagnement de travailleurs distants.

Microsoft radicalement transformé
IE11, Edge, Azure, VSC/VSE/VSO et VS Code, RemoteIE,
F/LOSS à fond (Roslyn/Mono/.NET, BabylonJS, VorlonJS et des centaines d’autres)

Demain

JS Everywhere

Notamment takeover « Entreprise »

ES6+ everywhere d'ici la fin de l'année
si on a ES5, grâce à Babel/Traceur, on a ~80% d’ES6+
d'autant qu'IE < 9 est globalement mort en prise en charge

Les Web Components comme solution assez large

Le browser devient l’OS, vraiment
Service Workers, Fetch, Web Notifications, Background Sync, Shared Workers, Web App Manifests, et j'en passe…

Essor considérable du FRP et de l’immutabilité
(RxJS, RactiveJS, Ramda, Highland…) • (ClojureScript, Mori…)

Shift majeur des éditeurs de jeux vers les technos web

Côté serveur…

Node.js continue son ascension météorique

NoSQL de + en + le choix par défaut.
MongoDB ou CouchDB, pour l’essentiel

Offline-first

Monolithes ⇒ Micro-services

Serveurs maison ⇒ PaaS ou carrément NoBackend
(Parse, Backendless, AppFog, Firebase, OpenStack…) • (Hood.ie, PouchDB, Surge.sh…)

Big Data & Machine Learning

Réalité augmentée et renaissance de la VR

Vie privée

Besoin de protection de + en + grand ; droit fondamental
Alors que les gouvernements (notamment le nôtre) veulent toujours plus la réduire.

Simplifications radicales

SSL/TLS : LetsEncrypt, CertSimple

2FA : Clef/Waltz

VPN : tout un tas de fournisseurs triviaux et bon marché

Stockage : CozyCloud

E-mails : PGP / Enigmail, mais gros besoin d’éducation

Pour quoi faire ?

Pas comme tout le monde

Pas le énième réseau social

Pas le énième chat d’entreprise

Pas forcément un SaaS B2B

Pas forcément dans la Valley

Pas juste à la poursuite d’une Golden Exit

Améliorer la vie des gens

Aide aux populations défavorisées
Micro-crédit, services bancaires sur dumb phones, facilitation de dons / financement d'œuvres caritatives ou de promotion de la diversité (ex. Fund Club), accès à l’éducation…

Participation citoyenne
Code 4 America, OpenCongress, WeThePeople, renforcement de la responsabilité des élus…

Soins, sécurité
Réduction des temps, du coût et de l’incertitude des diagnostics et traitements médicaux (cancer, SIDA, tuberculose, Alzeimer, Parkinson, maladies orphelines, chirurgie ophtalmique, prothèses…) • Alertes médicales basées senseurs • Déminage NG • Contrôle de nos données privées et de nos échanges.

Empathie & compassion
Quel impact ont des apps comme Meerkat ou Periscope quand le diffuseur est au cœur d’une répression armée alors que ses spectateurs sont confortablement ailleurs ?

Merci !

Et que le Web soit avec vous


Christophe Porteneuve

@porteneuve

Retrouvez des slides plus complets sur bit.ly/web-storm …et nos autres talks sur delicious-insights.com/talks