Introducing The HAT Stack
Welcome to the rangle.io blog!
We call the collection of technologies we use the HAT stack- HTML5, AngularJS, and thin-servers. Everything related to the user-driven application logic runs in the browser, and the server handles everything related to data such as sharing and storage.
Thankfully, technology marches on, and in 2013 three amazing things happened.
- The mobile revolution made any new web application require four application versions/channels- web, mobile web, iOS, and Android.
Taking a browser-centric HTML5 approach to web applications was not only possible, it was revolutionary:
- Suddenly, you could write browser-applications that almost all of your users could run on any platform or device.
- Even better, it would require 1/2 the code of your traditional server + client enhanced application since you no longer had to duplicate logic on the server and the client.
- With an elegant HTML5 client-based solution, responsive design and application logic could now work seamlessly together to use one codebase to target web, mobile web, and even applications packaged and deployed for the various app stores.
And that's only some of the benefits. Additional benefits include:
- Since the all of the application flow and user experience is in the browser, much more powerful user experiences can be built at a fraction of the coding effort.
- A clean client-side applicaton architecture allows you to build much larger applications since you avoid the mess of jQuery and CSS hacks previously needed to coordinate with server-side code.
- You application takes much less server resources, making it easier to scale.
- You can build applications against new "backend-as-a-service" providers such as MongoLab and Firebase, removing the need for your own server almost completely.
That's a lot of info.
If you want to learn more about AngularJS and building HTML 5 applications, checkout some of our talks:
- AngularJS Fundamentals for Rapid HTML5 Application Development
- Building a Complete Startup Stack with AngularJS
And of course, please subscribe to catch our next blog post!