Today we make quick overview how to build single page application with Knockoutjs, Yeoman, Bower, Gulp, Karmajs and Jasmine. Agenda: What is Single Page Application Steve Sanderson Yeoman overview Bower overview Build System(Grunt and Gulp) HTTP servers Karma Jasmine

1. Architecting Single Page Application with Knockout.js
@d_danailov

2. ASP.NET MVC
Dimitar Danailov
Senior Developer at 158ltd.com
dimityr.danailov[at]gmail.com
Slideshare.net
Github
YouTube
Founder at VarnaIT
Github Code

7. Topics Today
● What is Single Page Application
● Steve Sanderson
● Yeoman overview
● Bower overview
● Build System(Grunt and Gulp)
● HTTP servers
● Karma
● Jasmine

8. Single Page Application
A single-page application (SPA), also known as single-
page interface (SPI), is a web application or web site that
fits on a single web page with the goal of providing a more
fluid user experience akin to a desktop application.
http://en.wikipedia.org/wiki/Single-page_application

12. Right now I’m working as a developer for Microsoft in the
team that brings you the ASP.NET technology stack, IIS, and
other web things.
Previously I developed .NET software as a
contractor/consultant for clients in Bristol and beyond, plus
wrote some books for Apress, such as Pro ASP.NET MVC
Framework.
From time to time, I get to speak at user groups and
conferences, and recently have been running a bunch of
training courses on topics such as C#, SQL Server, and of
course ASP.NET MVC.
Steve Sanderson
http://blog.stevensanderson.com/about

13. 2010

17. generator-ko

20. npm install -g yo

21. npm install -g generator-ko

24. npm install -g bower

25. 2012

29. npm install -g grunt-cli

30. npm install grunt --save-dev

31. Grunt Plugins

32. npm install grunt-contrib-jshint --save-dev
Validate files with JSHint.

36. npm install -g gulp

37. npm install gulp --save-dev

38. Gulp Plugins

39. npm install --save-dev gulp-uglify
Minify files with UglifyJS.

42. npm install http-server -g

43. http-server [path] [options]

48. Questions
Dimitar Danailov
Senior Developer at 158ltd.com
dimityr.danailov[at]gmail.com
Slideshare.net
Github
YouTube
Founder at VarnaIT
Github Code