2. Javascript
as universal language
Ronald Harmsen
@ronaldharmsen

3. Ronald Harmsen
@ronaldharmsen
ronaldharmsen.net

4. Why use Javascript?
•Huge reach
•Same language everywhere
It’s script!!

5. Why Javascript?
And where?

6. Why Javascript?

8. Tooling

9. Javascript tooling with VS2013
• Visual Studio 2013
• WebEssentials
• TypeScript
• Integrating Javascript unittests: Chutzpah
• WinJS
• Azure SDK for NodeJS
• NTVS (Node tools for Visual Studio, beta!)
• SideWaffle

10. Web Essentials
http://vswebessentials.com
Add extension with nightly builds
•http://vswebessentials.com/nightly/2013
Javascript Tooling

11. Web Essentials
• CSS
• LESS
• SASS
• JavaScript
• CoffeeScript
• TypeScript
• Custom editors
• Robots.txt
• .appcache
• Markdown
• Browser link
Toolkit for most used web development
tasks

12. More tooling...

13. Demo
WebEssentials & Tooling in VS2013

14. Server side

15. Server side
Nodejs.org

16. Node.js
•Runs Javascript on Google’s V8 engine
•It’s fast:
• Non-blocking, event-driven I/O
• Single threaded
•Npm
• Express
• Connect
Serverside JavaScript

17. Running Javascript on the server
•IISNODE
•Azure websites
•Azure webrole (AzureNodeWebRole)
•Azure worker role (AzureNodeWorkerRole)
•Azure Mobile Services

18. Demo
Node.JS with VS2013

19. Azure Mobile
Services
NodeJS applied

20. Azure Mobile Services
•Runs NodeJS
•ORM to Azure SQL DB
•Custom API’s
•Scheduled tasks
•Source control via GIT
• Advanced scenarios

21. Azure Mobile Services
• Default modules:
• azure
• Azure SDK for Node.js
• sendgrid
• SendGrid api for sending mail (Azure Add-on)
• And default Node.JS packages:
• crypto
• path
• querystring
• request
• url
• util
• zlib

22. Demo
Azure Mobile Services with VS2013

23. Windows
8, Phone &
others

24. Windows 8.1 & Phone 8
•Win 8.1 / Phone 8 / Universal App with JavaScript
•WinJS
• http://try.buildwinjs.com/
•Web App Template
• http://wat.codeplex.com
•PhoneGap
• Use inside Phone 8 mobile JS project
Apps with JavaScript

25. Building larger apps with Javascript
•Automated testing
• Javascript Frameworks like QUnit, Jasmine or Mocha
• Chutzpah http://chutzpah.codeplex.com
•ECMAScript 6 (Harmony)
• Types, Classes, Interface, Modules, Lambda expressions
• Start using Typescript

26. Other options
•Web App Template http://wat.codeplex.com
•Project Siena : http://aka.ms/ProjectSiena
•AppStudio: http://appstudio.windowsphone.com

27. Laat ons weten wat u vindt van deze sessie! Vul de evaluatie
in via www.techdaysapp.nl en maak kans op een van de 20
prijzen*. Prijswinnaars worden bekend gemaakt via Twitter
(#TechDaysNL). Gebruik hiervoor de code op uw badge.
Let us know how you feel about this session! Give your
feedback via www.techdaysapp.nl and possibly win one of
the 20 prizes*. Winners will be announced via Twitter
(#TechDaysNL). Use your personal code on your badge.
* Over de uitslag kan niet worden gecorrespondeerd, prijzen zijn voorbeelden – All results are final, prices are
examples