![]() This article is about a web UI redevelopment of my original NetworkView WPF control.Īs mentioned the new code isn't as feature rich or general I will also mention TDD as well to help you understand how it might help you as a developer. Not then don't worry I'll give an overview of what it is I'll expect you already know somethingĪbout MVVM, I have talked about it extensively in previous articles, if A basic knowledge of SVG and AngularJS willĮxpect you are learning some of that right now and I'll do my best to You should already know a bit of HTML5/Javascript or be willing SVG and AngularJS, this article should help. If you are interested in developing graphical web applications using Visually) updates the other, they automatically stay in sync. On the right is the graphical representation of theįlowchart's view-model. Left is an editable JSON representation of the flowchart'sĭata-model. This is an annotated screenshot of the flowchart web app. So let's re-live my exploration of SVG + AngularJS flowcharts. With the usual defects that arise from behavior changes. Importantly I was able to refactor aggressively without having to deal Of the traditional difficulties with Javascript development. Finally, using TDD allowed me to quickly and easily overcome many.Love C#, I sincerely wish they'd overhaul WPF). Much easier and less complex than working with WPF (although I still Working with web UI and Javascript (it pains me to say this) is so.Was it hard coming to grips with WPF general purpose controls and the To spend much time thinking it through! This can't be understated, boy I have loads of experience with the MVVM pattern so I didn't have.I already knew how to build this kind of thing so I was able to start at a running pace.The new code isn't as general purpose or as feature rich as the original NetworkView. I attribute the faster development time to the following (stealing 30 minutes here and there from my busy Writing of the article has been much quicker - only a few months Into achieving those articles! This time around the development and Over two years (in my spare-time of course!) I wrote a series of 5Īrticles that were all building up to NetworkView. My first attempt at NetworkView, in WPF, took a long time. Little over a year ago I started developing using TDD, something IĪlways wanted to do when working with WPF, but never got around to it Will show how I have deployed the MVVM concepts in HTML5 and Javascript. Goodness of the MVVM pattern to web UI development. ![]() Specifically I have learned how to apply the One of the ways that I put my skills to the test in any particular area.ĭuring development of the code I have certainly moved my skills forward in many areas, including Javascript, TDD, Visualization and editing of networks, graphs and flow-charts and it is It seemed only natural that I should take my NetworkView WPF articleĪnd bring it over to web UI. For example building game dev toolsĪnd in-game web UIs, but I'm not talking about that today. Professionally I have been using web UI in some pretty interesting Last couple of years I have been ramping up my web development skills. ![]() It may come as a surprise that I now have an article on web UI. It makes good use of the MVVM pattern so that UI logic can be unit-tested. Project for flowchart visualization and editing that is built upon SVG and AngularJS. This article documents the development of a small exploratory
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |