Re: A Responsive Single Page App (SPA) with 3 Issues to Consider

No reason for apologies! The rule for me early on was "Pay no attention to the man behind the curtain!" I allowed the Great and Powerful OZ to do it's thing and not get caught up in the details.

Running down weird corner cases drew me into more JS and less library stuff although jQM is pretty much everywhere in my code now, mobile or not. I follow the same conventions, more or less, than you. I just don't pull a page, I grab a JSON stream and stuff parts of the object where they need to go in my "page". So in reality, there isn't true difference. I load the data "page" using AJAX, caching it locally if needed. You pull an actual file and stuff it where it needs to go. You say "Tomayto", I say "Tomahto" it's the same concept.

Localstorage becomes a great place to put page content and data if it is relatively static and just make roundtrips to the server for more volatile stuff.

All of this is great fun and I love the variety of ways the cat can be skinned....(apologies to PETA)...

Pete Helgren
www.petesworkshop.com
GIAC Secure Software Programmer-Java

On 7/14/2015 1:23 PM, Kelly Cookson wrote:

My site doesn't download all the files with an HTML extension in one shot. When a user visits my site, here is what gets downloaded initially and only one time:

* the index.html file
* the screen.css file (which contains all of my site's CSS)
* the socialhope.js file (which contains all of the JavaScript I have written)
* JQuery
* the Open Sans 400 and 600 fonts from Google fonts

After that, the only thing that happens is:

1. A user clicks on a link.
2. New content is loaded into the <article></article> element inside the index.html file (via JQuery).

Someone more familiar than me with JQuery will need to explain what JQuery does under the covers to load the content. I'm guessing it involves an HTTP request...which means I just lied to Pete in my previous post. (Sorry Pete.) What I should have said was that the user never leaves the index.html URL when they click a link.

Thanks,
Kelly