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

 

 

 

 

 

 

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

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)

The Stat of Art of Web Technologies

By Wassim Chegham

The Stat of Art of Web Technologies

The stat of art of web technologies in 2015. Here is the french version (http://slides.com/wassimchegham/etat-de-l-art-des-technologies-web#/)

  • 3,036