450 Lincoln Street
Suite 101
Denver, CO 80203
719.359.9692
www.aspenware.com
Building Web Applications
Using Kendo UI and ...
Ben
Hoelting
In truth, he’s just a big kid. He loves designing systems
that solve real world problems. There is nothing mo...
Agenda:
 Kendo UI/Telerik Overview
 ASP.NET MVC Overview
 MVVM Overview
 SPA Application Overview
 Building a Kendo U...
Kendo UI/Telerik Overview
Leading vendor of UI and developer productivity solutions
2002
founded
780
employees
130,000+
customers
1.1 million
develo...
Plan Build Test Deliver
AGILE PROJECT MANAGEMENT DEVELOPER TOOLS QUALITY ASSURANCE TOOLS CMS PLATFORM
Four divisions cover...
The Telerik Portfolio
Rebranded & Reorganized
New branding introduced in January 2014
UX Pattern Basic Concepts
Basic Pattern Terms
PAGE 11
 Model (Data TypesStructures)
 Data types and their properties
 Maybe some business logic
...
ASP.NET MVC Overview
ASP.NET MVC Overview
MVVM Overview
Model
View
View Model
MVVM Overview
15
Single Page Application
(SPA) Overview
Server
Client
Web API
UI (HTML and CSS)
JavaScript Files (Navigation and View Models)
SPA Overview
Business Logic
Data Lay...
Building a Kendo UI MVVM
SPA App
Key Takeaways
SPA & MVVM are an
Alternative to MVC
SPA Applications
take MVVM Client
Side
Kendo is a SPA &
MVVM Enabler
MV...
Resources:
 http://www.asp.net/mvc
 http://www.telerik.com/kendo-ui
 http://docs.telerik.com/kendo-ui/api/introduction
...
450 Lincoln Street
Suite 101
Denver, CO 80203
719.359.9692
www.aspenware.com
Building Web Applications
Using Kendo UI and ...
Building web applications using kendo ui and the mvvm pattern
Building web applications using kendo ui and the mvvm pattern
Upcoming SlideShare
Loading in...5
×

Building web applications using kendo ui and the mvvm pattern

1,836

Published on

XAML developers love the Model-View View-Model (MVVM) pattern. Kendo UI is a JavaScript framework that enables this pattern for web based applications. It takes the client side coding model developers are familiar with and provides it to the web world. This talk will define the MVVM pattern and the benefits of using it. It will also show how you can use Kendo UI and ASP.NET to build responsive, robust applications that feel like desktop applications.

Lessons Learned:

-MVVM Pattern
-Kendo UI and why to use it
-How to wire up Kendo UI and ASP.NET

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,836
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
22
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Building web applications using kendo ui and the mvvm pattern

  1. 1. 450 Lincoln Street Suite 101 Denver, CO 80203 719.359.9692 www.aspenware.com Building Web Applications Using Kendo UI and the MVVM Pattern Ben Hoelting @benhnet
  2. 2. Ben Hoelting In truth, he’s just a big kid. He loves designing systems that solve real world problems. There is nothing more satisfying than seeing something you helped develop being used by the end users. Ben is also involved in the technology community and runs the South Colorado .NET user group. He also enjoys speaking at tech groups and events around the country. Ben Hoelting @benhnet b.hoelting@aspenware.com
  3. 3. Agenda:  Kendo UI/Telerik Overview  ASP.NET MVC Overview  MVVM Overview  SPA Application Overview  Building a Kendo UI MVVM SPA App Demo code is located at https://github.com/BenHNet/ScrumChores Public
  4. 4. Kendo UI/Telerik Overview
  5. 5. Leading vendor of UI and developer productivity solutions 2002 founded 780 employees 130,000+ customers 1.1 million developers
  6. 6. Plan Build Test Deliver AGILE PROJECT MANAGEMENT DEVELOPER TOOLS QUALITY ASSURANCE TOOLS CMS PLATFORM Four divisions covering key parts of the development lifecycle The Telerik Portfolio (2013) AJAX SL WPF WIN W8 WP JC JM JT JD REP ORM TeamPulse Test Studio Sitefinity DevCraft UI CONTROLS & COMPONENTS PRODUCTIVITY TOOLS DATA TOOLS ASP.NET AJAX Silverlight WPF WinForms Windows 8 Windows Phone JustCode JustMock JustTrace JustDecompile Reporting OpenAccess ORM
  7. 7. The Telerik Portfolio Rebranded & Reorganized New branding introduced in January 2014
  8. 8. UX Pattern Basic Concepts
  9. 9. Basic Pattern Terms PAGE 11  Model (Data TypesStructures)  Data types and their properties  Maybe some business logic  View (UI)  UI (HTML5, XAML)
  10. 10. ASP.NET MVC Overview
  11. 11. ASP.NET MVC Overview
  12. 12. MVVM Overview
  13. 13. Model View View Model MVVM Overview 15
  14. 14. Single Page Application (SPA) Overview
  15. 15. Server Client Web API UI (HTML and CSS) JavaScript Files (Navigation and View Models) SPA Overview Business Logic Data Layer AJAX/JSON
  16. 16. Building a Kendo UI MVVM SPA App
  17. 17. Key Takeaways SPA & MVVM are an Alternative to MVC SPA Applications take MVVM Client Side Kendo is a SPA & MVVM Enabler MVVM shines when used with data binding frameworks. In the past this did not work well with web based applications. Singe Page Applications use View Models to databind on the client. Only JSON travels between the client and server. Better, Stronger, Faster. Coupled with new HTML attributes Kendo UI enables these patterns by providing navigation, routing, data binding, templating and observable objects to web based technologies.
  18. 18. Resources:  http://www.asp.net/mvc  http://www.telerik.com/kendo-ui  http://docs.telerik.com/kendo-ui/api/introduction  http://demos.telerik.com/kendo-ui/web/mvvm/index.html  http://demos.telerik.com/kendo-ui/web/spa/index.html  http://jqueryuivskendoui.com/
  19. 19. 450 Lincoln Street Suite 101 Denver, CO 80203 719.359.9692 www.aspenware.com Building Web Applications Using Kendo UI and the MVVM Pattern Ben Hoelting @benhnet
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×