Downloaded 37 times
Uploaded byAspenware
Building web applications using kendo ui and the mvvm pattern
The document is a presentation by Ben Hoelting about building web applications using Kendo UI and the MVVM pattern, covering topics such as ASP.NET MVC and Single Page Applications (SPAs). It emphasizes the effectiveness of MVVM in client-side development and how Kendo UI facilitates data binding, navigation, and routing. Several resources and links related to ASP.NET and Kendo UI are provided for further reference.
Building web applications using kendo ui and the mvvm pattern
- 1. 450 Lincoln Street Suite101 Denver, CO 80203 719.359.9692 www.aspenware.com Building Web Applications Using Kendo UI and the MVVM Pattern Ben Hoelting @benhnet
- 2. Ben Hoelting In truth, he’sjust 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. Agenda: Kendo UI/TelerikOverview 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.
- 5. Leading vendor ofUI and developer productivity solutions 2002 founded 780 employees 130,000+ customers 1.1 million developers
- 6. Plan Build TestDeliver 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. The Telerik Portfolio Rebranded& Reorganized New branding introduced in January 2014
- 10. UX Pattern BasicConcepts
- 11. Basic Pattern Terms PAGE11 Model (Data TypesStructures) Data types and their properties Maybe some business logic View (UI) UI (HTML5, XAML)
- 12.
- 13.
- 14.
- 15.
- 16. Single Page Application (SPA)Overview
- 17. Server Client Web API UI (HTMLand CSS) JavaScript Files (Navigation and View Models) SPA Overview Business Logic Data Layer AJAX/JSON
- 18. Building a KendoUI MVVM SPA App
- 19. 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.
- 20. 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/
- 21. 450 Lincoln Street Suite101 Denver, CO 80203 719.359.9692 www.aspenware.com Building Web Applications Using Kendo UI and the MVVM Pattern Ben Hoelting @benhnet