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

[Pete Helgren <pete@xxxxxxxxxx>]

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