Architecting Single Page Application with Knockout.js

@d_danailov

ASP.NET MVCDimitar Danailov

Senior Developer at 158ltd.comdimityr.danailov[at]gmail.com

Slideshare.netGithub

YouTubeFounder at VarnaIT

Github Code

http://beehive.bg/

Topics Today

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

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

https://developers.google.com/speed/pagespeed/

https://developers.google.com/speed/pagespeed/

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

2010

https://www.youtube.com/watch?v=I1USsIW8aWE&index=3&list=PLH2J_JZ4HZUv6t8RkqfL8628jVkK3ckSn

generator-ko

http://yeoman.io/

npm install -g yo

npm install -g generator-ko

http://bower.io/

npm install -g bower

2012

http://gruntjs.com/

npm install -g grunt-cli

npm install grunt --save-dev

Grunt Plugins

npm install grunt-contrib-jshint --save-dev

Validate files with JSHint.

http://gulpjs.com/

npm install -g gulp

npm install gulp --save-dev

Gulp Plugins

npm install --save-dev gulp-uglify

Minify files with UglifyJS.

npm install http-server -g

http-server [path] [options]

http://karma-runner.github.io/0.12/index.html

https://www.facebook.com/groups/asp.netmvcframework/

QuestionsDimitar Danailov

Senior Developer at 158ltd.comdimityr.danailov[at]gmail.com

Slideshare.netGithub

YouTubeFounder at VarnaIT

Github Code