Downloaded 12 times
Uploaded byCaleb Jenkins
Modern ASP.NET Webskills
The document discusses modern web development practices, emphasizing the importance of testable, maintainable, and scalable code. It outlines unit testing components, different design patterns like MVC, MVP, and MVVM, and the role of dependency injection and mocking frameworks in enhancing code quality. Additionally, it touches on transitioning from WebForms to MVC and Angular, providing examples and resources for further exploration.
More Related Content
Similar to Modern ASP.NET Webskills
Modern ASP.NET Webskills
- 1. Modern Web Development WebForms-> MVC -> Angular
- 2. Modern Web Development WebForms-> MVC -> Angular
- 4.
- 5.
- 6.
- 7. Development Object Orientation SOLID Patterns Secure Coding Engineering AutomatedTests Source Control Automated Builds Process Agile, Lean, XP Team Dynamics Continuous Learning
- 9.
- 12. 12 what are the4 big parts of unit tests?
- 13. Test Framework TestRunner Code Tests 13
- 14. Test Framework TestRunner Code Tests 14 your application what you want to test
- 15. Test Framework TestRunner Code Tests 15 your test code the code that tests the code that you wrote or are going to write
- 16. Test Framework TestRunner Code Tests 16 attributes and asserts the framework provides the attributes and asserts so we know what the tests are doing. Examples: nUnit jUnit cppUnit
- 17. Test Framework TestRunner Code Tests 17 runs the tests often associated with the test framework; is distinctly separate. sometime integrated in IDE, CI Server or stand alone exe
- 18.
- 19.
- 20. Test Runners 20 nUnit TestRunner Visual Studio (VS Test)
- 21. Test Runners 21 nUnit TestRunner Visual Studio (VS Test) CodeRush / ReSharper
- 22. Test Runners 22 nUnit TestRunner Visual Studio (VS Test) CodeRush / ReSharper Continuous Integration (Team City)
- 23. the problem withedges
- 24.
- 25. Testing edges can belike testing to see if you’re good at cliff jumping
- 26.
- 27. ..or you’re stuff ona rock. You’re either an expert and it works…
- 28.
- 29. UI Data Data Logic UI Logic Business Edges are still Hardto Test by separating UI/Data edges from UI/Data logic we’re increasing the testable area
- 30. UI Data Data Logic UI Logic Business Edges are still Hardto Test by separating UI/Data edges from UI/Data logic we’re increasing the testable area we’ve also made it easier to implement various UI and Data platforms without affecting the application logic
- 31. UI Data Data Logic UI Logic Business Edges are still Hardto Test by separating UI/Data edges from UI/Data logic we’re increasing the testable area we’ve also made it easier to implement various UI and Data platforms without affecting the application logic
- 32. 32 Model View Controller(MVC) •All input is routed to a controller •Example Web Scenarios •ASP.NET MVC Framework Model View Presenter (MVP) • View initiates Presenter • UI Logic is contained in Presenter • Example WinApp & ASP.NET Webform apps Model View ViewModel (MVVM) • ViewModel is a view specific model • VM is can mash up application models • UI logic contained in ViewModel • Example Rich Data binding Scenarios (WPF / Silverlight)
- 33.
- 35.
- 37. With MVP the Presenter“knows” about every field. MobileNumber BirthDay
- 38. In a MVVM thePresenter “knows” about the ViewModel the View “binds” to the ViewModel
- 39. ViewModel can… composite applicationmodels contain behaviors simplify application UI with wpf/Silverlight/JavaScript binding
- 40.
- 41.
- 43.
- 44.
- 45. Resources & Frameworks BDD http://neelnarayan.blogspot.com/2010/07/bdd-is-more-than-tdd-done-right.html morethan TDD done right http://dannorth.net/introducing-bdd/ introducing BDD http://lucisferre.net/2011/02/05/behavior-driven-test-driven-domain-driven-design/ behavior driven, test driven, domain driven nBehave, nSpec, SpecFlow, StoryQ, mSpec, StorEvil
- 47.
- 48. Dependencies “The single greatestthing that you can do to make your code more testable and healthy is to start taking a Dependency Injection approach to writing software” - Real World .NET, C# and Silverlight Wrox Press 2012 Caleb Jenkins
- 49. Data Access Data Logic IntegrationService Proxy App Domain Domain Validation UI Logic UI How do you test this with these dependencies
- 50. Data Access Data Logic IntegrationService Proxy App Domain Domain Validation UI Logic UI
- 51. Test Runner Test Code IntegrationService Proxy App Domain Domain Validation UI Logic Dependency Injection + Interfaces Faked dependencies to increase unit isolation Leverage mocking frameworks makes life better
- 52. Note: Dependency Injection will turnyou in to a complete coding Ninja, however the full scope of DI with any of the many DI frameworks is beyond the scope of this talk
- 53.
- 54. - Real World.NET, C# and Silverlight Wrox Press 2012 Caleb Jenkins Mocking Framework “A mocking framework allows you to create fake classes on the fly in- line with your test code. That is a bit of a simplification, mocking frameworks use a combination of emits, reflection and generics to create run-time instance implementations of .NET Interfaces – whew, that’s a mouthful - it’s a whole lot easier to say that they create fake classes on the fly!”
- 55.
- 56.
- 57. IData mockData =MockRepository.GenerateMock<IData>(); mockData.Expect(x => x.getAll<account>()) .Return(sampleAccounts).Repeat.Once(); IAccountServices accountService = new AcmeAccountService(mockData); var act = accountService.GetAccount(known_account_id); mockData.VerifyAllExpectations();
- 58. IData mockData =MockRepository.GenerateMock<IData>(); mockData.Expect(x => x.getAll<account>()) .Return(sampleAccounts).Repeat.Once(); IAccountServices accountService = new AcmeAccountService(mockData); var act = accountService.GetAccount(known_account_id); mockData.VerifyAllExpectations();
- 59. IData mockData =MockRepository.GenerateMock<IData>(); mockData.Expect(x => x.getAll<account>()) .Return(sampleAccounts).Repeat.Once(); IAccountServices accountService = new AcmeAccountService(mockData); var act = accountService.GetAccount(known_account_id); mockData.VerifyAllExpectations();
- 60. IData mockData =MockRepository.GenerateMock<IData>(); mockData.Expect(x => x.getAll<account>()) .Return(sampleAccounts).Repeat.Once(); IAccountServices accountService = new AcmeAccountService(mockData); var act = accountService.GetAccount(known_account_id); mockData.VerifyAllExpectations();
- 61. IData mockData =MockRepository.GenerateMock<IData>(); mockData.Expect(x => x.getAll<account>()) .Return(sampleAccounts).Repeat.Once(); IAccountServices accountService = new AcmeAccountService(mockData); var act = accountService.GetAccount(known_account_id); mockData.VerifyAllExpectations();
- 62. IData mockData =MockRepository.GenerateMock<IData>(); mockData.Expect(x => x.getAll<account>()) .Return(sampleAccounts).Repeat.Once(); IAccountServices accountService = new AcmeAccountService(mockData); var act = accountService.GetAccount(known_account_id); mockData.VerifyAllExpectations();
- 63. IData mockData =MockRepository.GenerateMock<IData>(); mockData.Expect(x => x.getAll<account>()) .Return(sampleAccounts).Repeat.Once(); IAccountServices accountService = new AcmeAccountService(mockData); var act = accountService.GetAccount(known_account_id); mockData.VerifyAllExpectations();
- 64.
- 65. WebForms -> MVC(Razor) /Wall/Default.aspx /Wall/Default.aspx.cs /Wall/index.cshtml Controllers/WallController.cs
- 66.
- 67.
- 68. /Masterpage.master <asp:ContentPlaceHolder ID="MainCol" runat="server"> </asp:ContentPlaceHolder> <asp:ContentPlaceHolderID=“LeftCol" runat="server"> </asp:ContentPlaceHolder> /Wall/Default.aspx <asp:Content ID="Content2" ContentPlaceHolderID=“MainCol" runat="server">… <asp:Content ID="Content3" ContentPlaceHolderID="LeftCol" runat="server">…. /views/shared/_Layout.cshtml @RenderBody() @RenderSection("LeftCol", false) /views/Wall/index.cshtml @section LeftCol { } WebForms -> MVC (Razor)
- 69.
- 70.
- 73.
- 74. http://www.flickr.com/photos/utslibrary/6776175796/ http://www.flickr.com/photos/48725518@N03/4478990651/ Copyright © Merriswheel– Used without permission http://www.flickr.com/photos/mworrell/266913194/ https://www.flickr.com/photos/ddebold/5900039667
- 75.
Editor's Notes
- #58 Build out slide.. Before you click through: take a minute to have student “read” test and talk out what it’s doing.
- #59 Build out slide.. Before you click through: take a minute to have student “read” test and talk out what it’s doing.
- #60 Build out slide.. Before you click through: take a minute to have student “read” test and talk out what it’s doing.
- #61 Build out slide.. Before you click through: take a minute to have student “read” test and talk out what it’s doing.
- #62 Build out slide.. Before you click through: take a minute to have student “read” test and talk out what it’s doing.
- #63 Build out slide.. Before you click through: take a minute to have student “read” test and talk out what it’s doing.
- #64 Build out slide.. Before you click through: take a minute to have student “read” test and talk out what it’s doing.