Christophe Porteneuve à Best Of Web 2015
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'
]
};
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.
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…
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…
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 |
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. |
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…
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
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.
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…)
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)
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
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
Besoin de protection de + en + grand ; droit fondamental
Alors que les gouvernements (notamment le nôtre) veulent toujours plus la réduire.
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
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
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 ?
Christophe Porteneuve
Retrouvez des slides plus complets sur bit.ly/web-storm …et nos autres talks sur delicious-insights.com/talks