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.
CRUD
(WITH ASP.NET MVC, WEB API, ENTITY
FRAMEWORK, AND KENDO UI)
CRUD (made easy with Kendo UI)
• Introducing the stack to Create, Read, Update, Delete
• Data made easy with Entity Framew...
Introducing the stack
• SQL Server – yes, you can still be cool with an RDMS
• Memory
• Azure
• Entity Framework – quick a...
Introducing the stack
Front End
•This is the new OS
•Runs off JavaScript
•Kendo UI makes for a great platform the run this...
Shut Up and Start Coding
• Does anyone here like food?
• I launched an online fitness
business in 2004 – it wasn’t as
easy...
DEMO TIME!
ENTITY FRAMEWORK CODE FIRST
What We Learned
• Code First is Simple
• … in many cases it “just works”
• For small projects this is great.
• … trust me,...
Also Consider: Telerik Data Access
• http://www.Telerik.com/data-access
• Technical support
• Automatically generate web s...
Web API and REST
• Entity Framework gives you
easy access to your data
• Repository pattern is nice
(we’ll skip it today)
...
DEMO TIME!
HOW FAST CAN YOU REST?
What We Learned
• Web API is straightforward
• Web API is testable (both unit and integration)
• Web API has tons of helpe...
Telerik, Kendo UI, and MVC
• HTML Helpers and fluent
configuration
• Did you know how easy it is to
support Single Page Ap...
DEMO TIME!
THE GRID (WITH UNICORNS)
What We Learned
• You can use MVC or Web API to serve data
• You can shape the data and control the flow on the client sid...
Stop Killing Yourself over Forms!
• Say “no” to recreating your
model in 15 different places
• Ask me about imperative vs....
DEMO TIME!
THE FORM (WITH MORE UNICORNS)
What We Learned
• Kendo can turn your data directly into a view model
• Validation is straightforward
• Annotations can tr...
BONUS ROUND!
INLINE EDITING
What We Learned
• Kendo plays really well with OData, too
• There are just a few tweaks needed to “inform” the data source...
QUESTIONS, ANYONE?
Jeremy Likness
@JeremyLikness
http://bit.ly/coderblog
http://github.com/jeremylikness/telerikNEXT2015/
...
CRUD with ASP.NET MVC Web API and Kendo UI
Upcoming SlideShare
Loading in …5
×

CRUD with ASP.NET MVC Web API and Kendo UI

5,008 views

Published on

Developers working on large-scale data-driven applications won't want to miss this session that demonstrates how Telerik's Kendo UI seamlessly integrates with the backend via ASP. NET MVC and Web API to build professional, robust line of business applications. Learn how to create complex grids that support inline edits, complex templates, advanced filters and sorts with only a few lines of JavaScript and C# code! This session will focus on the power of Kendo's MVVM data-binding to deliver forms that simplify validation and ensure the integrity of your data. Then you will learn how MVC seamlessly integrates with the client UI to power complex grids using the DataSourceRequest object that can literally filter, sort, and page data with just a few lines of server side code (no custom stored procedures required!)

Published in: Technology
  • Be the first to comment

CRUD with ASP.NET MVC Web API and Kendo UI

  1. 1. CRUD (WITH ASP.NET MVC, WEB API, ENTITY FRAMEWORK, AND KENDO UI)
  2. 2. CRUD (made easy with Kendo UI) • Introducing the stack to Create, Read, Update, Delete • Data made easy with Entity Framework (or other ORMs) • MVC and Web API (and OData) • Kendo UI from the Client • DataSourceRequest Unicorn Dust • Bound Forms • Conclusion, Q&A
  3. 3. Introducing the stack • SQL Server – yes, you can still be cool with an RDMS • Memory • Azure • Entity Framework – quick and fast (I’ll prove it) • Code first, or code alongside database (my favorite) • Best of both worlds because you can still use stored procedures • ASP.NET Layer – MVC and Web API • REST easy • Oh, Data? • Authentication? Piece of cake! • Single Page Application • JavaScript • Kendo UI!
  4. 4. Introducing the stack Front End •This is the new OS •Runs off JavaScript •Kendo UI makes for a great platform the run this space Middle Tier •Modern apps are easy to host in the cloud •MVC provides a nice structure for delivering the root pages and templates •Web API makes REST a cakewalk •Telerik gives you some great power here, from fluent configuration to specialized adapters Backend •NoSQL? SQL? Something else? Persist-the-data. •Entity Framework connects to various back ends and removes a lot of ritual and ceremony •With code-first does the SQL even matter?
  5. 5. Shut Up and Start Coding • Does anyone here like food? • I launched an online fitness business in 2004 – it wasn’t as easy as it is today • Now the USDA offers a database for free • Wouldn’t it be cool to browse and edit the foods?
  6. 6. DEMO TIME! ENTITY FRAMEWORK CODE FIRST
  7. 7. What We Learned • Code First is Simple • … in many cases it “just works” • For small projects this is great. • … trust me, on large projects it’s just as awesome!
  8. 8. Also Consider: Telerik Data Access • http://www.Telerik.com/data-access • Technical support • Automatically generate web services • Convert legacy / other ORMs to Data Access • Built-in support for multiple databases (SQL, SQL Azure, Oracle, MySQL, SQLite, PostgreSQL & more) • Very similar syntax to Entity Framework
  9. 9. Web API and REST • Entity Framework gives you easy access to your data • Repository pattern is nice (we’ll skip it today) • Web API is all about taking your data and exposing it via REST • OData is another option on top of Web API
  10. 10. DEMO TIME! HOW FAST CAN YOU REST?
  11. 11. What We Learned • Web API is straightforward • Web API is testable (both unit and integration) • Web API has tons of helpers to make your life easy • OData layers on top of Web API • OData provides a standard contract for querying and modifying data that you would otherwise implement manually
  12. 12. Telerik, Kendo UI, and MVC • HTML Helpers and fluent configuration • Did you know how easy it is to support Single Page Apps? • Consider using the grid “easy button” by building them on the client (SPA-style) • See http://bit.ly/spa-os • Better together!
  13. 13. DEMO TIME! THE GRID (WITH UNICORNS)
  14. 14. What We Learned • You can use MVC or Web API to serve data • You can shape the data and control the flow on the client side with JavaScript • Two steps to add unicorns to your project: • aspnetmvc-ajax at the client • DataSourceRequest (and result) on the server
  15. 15. Stop Killing Yourself over Forms! • Say “no” to recreating your model in 15 different places • Ask me about imperative vs. declarative • Don’t just tell the user what they did wrong. Keep them from doing it in the first place! • Kendo UI has the pixie dust you need …
  16. 16. DEMO TIME! THE FORM (WITH MORE UNICORNS)
  17. 17. What We Learned • Kendo can turn your data directly into a view model • Validation is straightforward • Annotations can transform input fields into fully functional Kendo UI controls
  18. 18. BONUS ROUND! INLINE EDITING
  19. 19. What We Learned • Kendo plays really well with OData, too • There are just a few tweaks needed to “inform” the data source • You can literally create data-driven apps in hours (or even minutes) • Create a simple, out of the box solution • Or add in custom business rules, end points and logic • “It’s all good.”
  20. 20. QUESTIONS, ANYONE? Jeremy Likness @JeremyLikness http://bit.ly/coderblog http://github.com/jeremylikness/telerikNEXT2015/ How’s My Driving? http://bit.ly/next-likness-1

×