Etat de l'Art 

des 

Technologies Web

#présentations

Wassim CHEGHAM

aka. @manekinekko

FullStack JavaScript Expert

Formateur

Auteur

Geek

Photographe

#FUNgenieur

#Isis

architectures • 

front-end • back-end • outils • test • IC •

développer • builder

deployer • scalabilité

#architectures

Mobile First 

API

Driven Design

Single

Page

Application

Microservices

Convention

Over

Configuration

#front-end...

ECMAScript 6, 7...

Le future du JavaScript est déjà là

 

  • Une révolution du langage JavaScript
  • Un nouveau sucre syntaxique
  • Pléthore de nouvelles fonctionnalités

 

TypeScript

Un "transpiler" très prometteur

 

  • Améliore JavaScript
  • Typage fléxible
  • Idéale pour les gros projets

AngularJS 2

La nouvelle branche est née

 

  • Nouvelle architecture
  • Respect des standards Web
  • Support d'ES6
  • Non-compatible avec la branche 1.x

Aurelia

La petite soeur d'AngularJS 2

 

  • Architecture moderne
  • Pousse vers les futures standards
  • Nouvelles générations d'apps JavaScript

Ionic

Dites "hello" aux mobiles

 

  • SDK pour les apps hybrides
  • Basé sur AngularJS
  • Ecosystème complet

React

La fusion du DOM

 

  • Uniquement pour l'UI
  • Moteur de rendu très performant
  • Agnostique des frameworks
  • Nouveau paradigme de programmation "Flux"

Polymer

Fait moi un composant

 

  • Création de composants réutilisables
  • Une API très simple

Famo.us

Moteur d'animations

 

  • Des UI complexes et fluides
  • Meilleurs gestion des animations
  • Agnostiques des frameworks

#outillage...

#développer

gulp

Builder en toute sérénité

 

  • Simple à utiliser
  • Basé sur les Streams de Node.js
  • Utilise toute la puissance de Node.js

yeoman

" aye aye sir! "

 

  • Scaffoldeur d'apps modernes
  • Une API très simple
  • Communauté très active
  • Pléthore de générateurs open source

NPM

Le maitre des packages "back-end"

 

  • Gestion des packages de Node.js
  • Communauté très active

bower

Le maitre des packages "front-end"

 

  • Simple à utiliser
  • Recherche, trouve et télécharge
  • Gestion intelligente des dépendances
Les éditeurs

 

Il y en a pour tout le monde...

Visual Studio Code

Sublime Text 

Git & Github

Le plus célèbre des Gconfs

 

  • Décentralisé
  • Performant
  • Commit "en local"
  • Simple à utiliser
  • Pour les débutants et les experts

#tester

Intern.io

 

  • TDD & BDD
  • Test intégration
  • Test fonctionnel
  • Exécution en local ou dans le "cloud"
  • IC

#builder

Intégration Continue

Jenkins

Travis

#déployer

#scallabilité

devOps à la rescousse

#back-end...

#JavaScript

node.js

JavaScript sur le serveur

 

  • E/S Asynchrone
  • Programmation évènementielle
  • V8

Frameworks REST 

HAPI

StrongLoop

Le meilleur compagnon de Node.js

 

  • Composer des API REST rapidement
  • Builder
  • Déployer
  • Monitorer
  • Analyser

#ASP.net

ASP.Net 5

Enfin du .NET multi-plateforme

 

  • Open-source
  • Multi-plateforme
  • Modulaire
  • "Cloud-Ready"

#PHP

frameworks PHP

symfony

Laravel

#Java

Spring framework

La "stack" Java moderne

 

  • Injection des dépendances
  • AOP
  • MVC et REST
  • JDBC, JPA, JMS

#Ruby

Sinatra

chanter "ruby"

 

  • Idéal pour la RAD
  • Simple à mettre en place
  • Pour les petites projets

SPA

JavaScript

API RESTfull

Microservices

 

#echange...

Merci

@manekinekko

Etat de l'Art des Technologies Web

By Wassim Chegham

Etat de l'Art des Technologies Web

Etat de l'Art des Technologies Web en 2015. La version anglaise est ici (http://slides.com/wassimchegham/the-state-of-art-of-web-technologies#/)

  • 3,379