Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Architecting Single Page Application with Knockout.js
@d_danailov
ASP.NET MVC
Dimitar Danailov
Senior Developer at 158ltd.com
dimityr.danailov[at]gmail.com
Slideshare.net
Github
YouTube
Fo...
Topics Today
● What is Single Page Application
● Steve Sanderson
● Yeoman overview
● Bower overview
● Build System(Grunt a...
Single Page Application
A single-page application (SPA), also known as single-
page interface (SPI), is a web application ...
Right now I’m working as a developer for Microsoft in the
team that brings you the ASP.NET technology stack, IIS, and
othe...
2010
generator-ko
npm install -g yo
npm install -g generator-ko
npm install -g bower
2012
npm install -g grunt-cli
npm install grunt --save-dev
Grunt Plugins
npm install grunt-contrib-jshint --save-dev
Validate files with JSHint.
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]
Questions
Dimitar Danailov
Senior Developer at 158ltd.com
dimityr.danailov[at]gmail.com
Slideshare.net
Github
YouTube
Foun...
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
ASP.NET - Architecting single page applications with knockout.js
Upcoming SlideShare
Loading in …5
×

ASP.NET - Architecting single page applications with knockout.js

1,044 views

Published on

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

Published in: Software
  • Be the first to comment

ASP.NET - Architecting single page applications with knockout.js

  1. 1. Architecting Single Page Application with Knockout.js @d_danailov
  2. 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
  3. 3. Topics Today ● What is Single Page Application ● Steve Sanderson ● Yeoman overview ● Bower overview ● Build System(Grunt and Gulp) ● HTTP servers ● Karma ● Jasmine
  4. 4. 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
  5. 5. 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
  6. 6. 2010
  7. 7. generator-ko
  8. 8. npm install -g yo
  9. 9. npm install -g generator-ko
  10. 10. npm install -g bower
  11. 11. 2012
  12. 12. npm install -g grunt-cli
  13. 13. npm install grunt --save-dev
  14. 14. Grunt Plugins
  15. 15. npm install grunt-contrib-jshint --save-dev Validate files with JSHint.
  16. 16. npm install -g gulp
  17. 17. npm install gulp --save-dev
  18. 18. Gulp Plugins
  19. 19. npm install --save-dev gulp-uglify Minify files with UglifyJS.
  20. 20. npm install http-server -g
  21. 21. http-server [path] [options]
  22. 22. Questions Dimitar Danailov Senior Developer at 158ltd.com dimityr.danailov[at]gmail.com Slideshare.net Github YouTube Founder at VarnaIT Github Code

×