It seems that before Web 2.0 and jQuery type frameworks it was easier to
separate server code from web presentation. Now, especially with AJAX,
things seem to be blurring again.
In my present job we don't have a designer, so us coders are the designer.
I don't mind but I'd still like to keep the two separated as much as
possible.
For instance, in one of my projects we show students the courses they have
taken. If the student hovers over a course I have a jTip like feature that
loads the details such as their grade, course number, when they took it,
etc. I have all the main layout in the presentation layer and well
organized css & js folders. I use Jayrock and JSON to populate the data,
however, for simple tasks like the jTip I'm building the presentation part
(the divs, spans, etc) directly in the JavaScript code. This seems very
mingled in my point of view.
What are others doing to make sure that even small snippets of HTML aren't
creeping into their js files? Do you have this in separate html files that
you import and then fill with data? Are you using some sort of template
framework that works with jQuery?
I just think code like:
$('#courseHist').append('<div><span class="heading">Course Title</span><span
class="content">' + crs.title + '</span></div>');
is very ugly and muddled.
Thanks!
Matt Penner
