I have been working on a JS-heavy web application. Due to the nature of the network the application will be running on, I would like to minimize the amount of traffic between server and client, and would like to run as much as possible on the client side. This application is much larger than anything else I have written before, and I am really struggling with streamlining my development and, more importantly, testing.
First and foremost, I am not a developer, so I am not trained nor am I familiar with different development techniques, but I learn as I go.
Lots of trial and error, Stack Overflow reading, and more trial and error. This causes lots of page reloading, which means I am back at the first page of the application and have to click through a bunch of screens just to get to the part I am working on. Over and over and over again. All. Day. Long.
How can I speed this up, and maybe automate that? I know there is Selenium WebDriver, but that seems a bit too complicated for what I need, plus there is some drag and drop involved in the beginning of the app, and from what I understand Selenium can’t do that.
Please help me come up with a better approach to this. In this day an age, there has to be something that would help me. Some kind of a way to feed data to an application, so I can immediately get to the point i need, without starting from the first page. I just have no idea what I am searching for or how to phrase my searches so I don’t get the same useless results from Google.
P.S. Developing on OS X, so Windows tools won’t really work for me. Plus majority of the users will be on Macs.“
Even if you are not interested in windows tools for development, I would recomend John Papa’s series on SPA ( single page application ) development. It covers litteraly all topics on TDD of SPA and would no doubt give you a lot of ideas with your project.
Just skip parts on web.api usage and consider yourself creating REST service using any other tools you are familiar with.
http://www.johnpapa.net/building-single-page-apps-with-knockout-jquery-and-web-api-ndash-the-story-begins/
Chapters included in the series:
Part 1 – The Story Begins (What is the Code Camper SPA?)
Part 2 – Client Technologies
Part 3 – Server Technologies (the Data Layer)
Part 4 – Serving JSON with ASP.NET Web API
Part 5 – HTML 5 and ASP.NET Web Optimization
Part 6 – JavaScript Modules
Part 7 – MVVM and KnockoutJS
Part 8 – Data Services on the Client
Part 9 – Navigation, Transitions, Storage and Messaging
Part 10 – Saving, Change Tracking, and Commanding
Part 11- Responsive Design and Mobility