JAVASCRIPT AT YOUR ENTERPRISE Presentation by — Consultant at @g00glen00b @OptisNV

JAVASCRIPT... IT'S EVERYWHERE!

JAVASCRIPT... IT'S EVERYWHERE!

JAVASCRIPT... IT'S EVERYWHERE!

JAVASCRIPT... IT'S EVERYWHERE! Dzone, Reddit, StackOverflow, ... JavaScript is populair Dagelijks nieuwe frameworks en libraries

IS IT THAT GOOD? Grote vooruitgang laatste decennium HTML5 Explosieve groei van frameworks and libraries Application lifecycle tools (mede dankzij Node.js)

HTML5 Nieuwe elementen Local database Geolocation Video API Audio API Canvas WebGL File API WebSockets CSS3

NIEUWE FRAMEWORKS

APPLICATION LIFECYCLE Yo Grunt Bower Component PhantomJS Karma QUnit Jasmine The intern ...

THE "DEVELOPER" IMPROVED Meer developers zijn op de hoogte van de DO en de DON'T's Vergelijken met "===" en "!==" Global namespace vermijden Gebruik van closures ...

WAT MET DE REST VAN DE WERELD

MICROSOFT Silverlight? Node.js voor Windows Server Internet Explorer & HTML5 support

ADOBE Flash voor Linux + Android? Acquires Phonegap, platform voor mobile apps met HTML5 + CSS + JS

JAVA JavaServer Faces (JSF)? JSF vs AngularJS

GOOGLE Google Web Toolkit? Enorm veel succes met AngularJS Dart

IBM Lanceert cloud platform BlueMix met support voor Node.js + MongoDB Ontwikkelt Node-red, een Node.js variant voor Apache Camel Acquires Worklight, platform voor mobile apps met HTML5 + CSS + JS

MOZILLA Research projecten zoals asm.js, Parallel JavaScript, ... Samenwerking met Epic: Unreal engine in browser Webmaker: Tutorials voor het maken van toepassingen op het web

JFROG Gekend van Artifactory Nu ook voor Node.js packages

ANDERE EBAY - QL.IO PAYPAL - KRAKENJS

HOW DO WE DO IT? 3 STAPPEN 1. RESTIFY YOUR DATA 2. FRONT-END HERWERKEN 3. APPLICATION LIFECYCLE UITBREIDEN

RESTIFY YOUR DATA Business data via web services JSON of XML? Multi-channel approach (mobile?) Eenvoudige integratie met frameworks

FRONT-END HERWERKEN Monoliet JS bestanden Hoe koppeling logica + HTML vermijden Structuur Testability Zijn daar design patterns voor? Model, View, Controller HTML = view Logica = controller

UITBREIDEN VAN APPLICATION LIFECYCLE Dependency management Minification + compressing Unit testing Steeds meer tooling dankzij Node.js Yeoman Yo: Project scaffolding Grunt: Task runner Bower: dependency management Kunnen afzonderlijk geïnstalleerd worden

UITBREIDEN VAN APPLICATION LIFECYCLE TEST, 1, 2, 3... Test je JavaScript code JavaScript testing frameworks: QUnit Jasmine KarmaJS test runner Grunt plugin Reporters Browser PhantomJS: Headless testen

UITBREIDEN VAN APPLICATION LIFECYCLE VOORBEELD LIFECYCLE 1. Start project: Project scaffolding met Yo 2. Development project: Dependency management met Bower Versionering van dependencies Code quality + test coverage met Grunt 3. Deployment project: Deployment in cloud met Grunt 4. Continuous integration: Met Jenkins (of Travis CI) 5. Versioning: Git Project kan herbruikt worden in andere projecten Tagging releases: Bower dependency versies

TOEKOMST Met deze drie stappen ben je klaar voor de toekomst Node.js? Back-end aanpassen Mobile? Nieuwe app op basis van business services

TOEKOMST GET MEAN Full JavaScript stack MongoDB: NoSQL database (JSON/BSON documenten) Express: Web framework voor Node.js AngularJS: Client-side MVC framework Node.js: JavaScript platform Ook andere stacks bestaan: Meteor Nodember ...

DEMO APPLICATION LIFECYCLE: MAVEN & GRUNT

JAVASCRIPT IN INDUSTRY

THE END QUESTIONS? Mail: Twitter: Github: me@g00glen00b.be @g00glen00b g00glen00b NU ALLEMAAL SNEL DE UITSLAG VAN CHECKEN #COLCIV #WK2014