The State of Art of Web 

Technologies

#disclaimer

 

front-end • server tools • CI 

develop • build

architecture

deploy • scale

#front-end...

ECMAScript 6, 7...

the future of JavaScript is already here

 

  • A huge update of JavaScript
  • new syntactic sugaring
  • awesome new features

 

 

 

 

 

 

https://blog.groupe-sii.com/les-promesses-de-javascript-harmony-es6/

TypeScript

the best JavaScript transpiler...

 

  • enhanced JavaScript 
  • flexible typed system
  • designed for large apps

AngularJS 2

meet the new branch

 

  • full ES6 support
  • web component compliant
  • not backward compatibility with 1.x

Aurelia

AngularJS 2 little sister

 

  • modern architecture
  • forward-thinking
  • next generation JavaScript apps

Ionic

mobile friendly...

 

  • hybrid mobile apps SDK
  • angularjs based
  • all in one ecosystem

React

DOM fusion...

 

  • just the UI
  • super fast DOM rendering
  • framework agnostic

Polymer

make me a component!

 

  • custom components
  • super simple API

https://blog.groupe-sii.com/creer-une-application-web-avec-polymer/

Famo.us

I wanna be famous!

 

  • complex and smooth UI
  • better animations
  • framework agnostic

#tools...

#develop

gulp

gulp once, gulp twice...

 

  • easy to use
  • stream based
  • uses all the power of node

yeoman

aye aye sir!

 

  • modern web apps scaffolder
  • simple API
  • generators based

NPM

node package module

 

  • node package manager
  • huge community

bower

web package manager

 

  • easy to use
  • hunt, find and download
  • optimized for front dev

editors

 

There is an editor for everyone

Visual Studio Code

Sublime Text 

version control

GIT FTW!!

 

  • descentralized
  • local commits
  • easy to use
  • quick to start

#build

Continuous Integration

Jenkins

Travis

#deploy

#scale

devOps for the rescue

#back-end...

#JavaScript

node.js

conquer the server side

 

  • Asynchronous IO
  • Evented programming
  • V8

REST frameworks

HAPI

StrongLoop

conquer the server side...easily

 

  • compose API
  • build
  • deploy
  • monitor

PM2

Node process manager

 

  • Watch & Restart
  • Deployment workflow
  • Advanced log management
  • GracefullReload

#ASP.net

ASP.Net 5

 

  • open source
  • cross platform
  • modularity
  • cloud-ready

#PHP

mature frameworks

symfony

Laravel

#Java

Spring framework

the modern Java stack

 

  • DI
  • AOP
  • MVC and RESTful
  • JDBC, JPA, JMS

#Ruby

Sinatra

sing ruby

 

  • ideal for RAD
  • easy to setup
  • small projects

#architectures

Mobile First 

Single

Page

Application

API

Driven Design

Microservices

Convention

Over

Configuration

thank you

@manekinekko

Wassim Chegham

Web Technologies Expert

Groupe SII (Paris)