• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

What "stack" (that includes JavaScript) do most people use with HTML5?

 
Ranch Hand
Posts: 162
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
I'm a server side guy just starting to join the 21st century and learn about HTML5, Angular, Node.JS, etc., etc.

I saw from a previous post that Bootstrap is a "stack" of JavaScript and CSS.

What "stack" do most people use these days along with HTML5?

I'm thinking along the lines of LAMP (Linux, Apache, MySQL, PHP) from the server side a few years back.

Thanks!
 
Sheriff
Posts: 67746
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
There are far too many choices for there to be just one that "most" people use.

There's still the whole JavaEE stack that's still in popular use.

There are myriad PHP-based stacks.

There are myriad combinations of various client-side stacks. One popular of which (but far from "most") could be: REST API -> HTML5 -> AngularJS -> Bootstrap.

But there's no predominate combination that could be said that "most" people use.





 
Lanny Gilbert
Ranch Hand
Posts: 162
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
My message wasn't clear in that I meant client-side stacks..

I'll start by looking at the HTML5 -> AngularJS -> Bootstrap stack you mentioned.

Thanks!
 
Bear Bibeault
Sheriff
Posts: 67746
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
That's the stack I'm working with for the most part, but again, there are many others. Stacks using ReactJS, for example, seem to be gaining momentum. And there are many more combinations than I could possibly list here.

AngularJS does seem to show up the most in job listings for front-end developers, if that's a metric in which you are interested.
 
Author
Posts: 21
6
Android Java Linux
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
If you want to render across all platforms, devices and paradigms, use HTML5, CSS3 and EcmaScript 262. Android, Kindle, iTVs, SmartWatches, and the like don't support custom "stacks" across the board. They use WebKit. WJ
 
Bear Bibeault
Sheriff
Posts: 67746
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
As with the similar post, I'm not sure what you mean by "custom stack". To what extent do platforms such as Android, Kindle, iTVs, and SmartWatches not support JavaScript and CSS such that the various client-side stacks based upon standard JS and CSS would have problems?
 
Ranch Hand
Posts: 32
1
jQuery Eclipse IDE Java
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
It's been my experience that jquery, for instance, works in all mobile devices, on all the mobile device browsers.  By the way, jquery is just standard javascript, but they do all the branching for DOM manipulation for different browsers for you under the hood.  So, I am also wondering what doesn't work.  

 
Matt Keller
Ranch Hand
Posts: 32
1
jQuery Eclipse IDE Java
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
I can categorize some approaches for you, but you can't completely separate what is on the server from what is on the browser because the server delivers the information to the browser.  However, I will start with what is commonly referred to as the "view".  I have not worked with Ruby or .Net so I will leave those out, but they of course are alternatives.

Server MVC Full Page Refresh (almost all state is on server):  Server side rendering of Markup (Spring, Struts, JSF, PHP) -> HTML5, Javascript [jquery, bootstrap], CSS [boostrap]

Server MVC Partial Page Refresh (still state on server but less, and more state on the browser):  Server side rendering of Markup (Spring, Struts, JSF, PHP) -> HTML5, Javascript [jquery, bootstrap], CSS [boostrap] <-- Note the stack is pretty much the same but you can gain a lot by building a Single Page App. You actually see a lot of this is architecture in the form of one off injected pages on major websites, like Netflix, TurboTax, lots and lots of places.  However, very few places have fully committed themselves to making their whole website a SPA because its just too easy to retrofit an injection here and there on top of their full page refresh.  However, I believe everyone will be going SPA eventually.  It seems that simpler apps with little need for state on the server are probably the best candidates for the REST service model outlined below.  While larger very complex sites with complex user states and strict security requirements will become HTML injection SPA's.

Server REST service: Server side is stateless json services (no ss frameworks ideally*) -> HTML5, Javascript [jquery**, bootstrap], CSS [boostrap], JsMVC***
 
Matt Keller
Ranch Hand
Posts: 32
1
jQuery Eclipse IDE Java
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Oops. Forgot my footnotes.

* its hard to get away from having at least some state on the server, so frameworks are often still used there, like Spring for example
** advanced jquery libraries like jqueryUI register their own events on objects and since JsMVC frameworks do active DOM manipulation the libraries can step on each other toes.  This is the reason the Angular community for example has developed Angular equivalents of popular jqueryUI libraries because to avoid blowing up the library has be aware of the angular event model.
*** common JsMVC libraries are Angular, Ember, and JsMVC (the original)
reply
    Bookmark Topic Watch Topic
  • New Topic