It’s just couple of
years back that I started working on AngularJS, putting aside my JSF and Primefaces reluctantly.
As everyone, I had no other choice, but used Brootstrap as CSS framework and
thought that was how HTML theme worked. That was true with the pages in static
nature. However, the exploration of client-side frameworks and responsive sites
with hand-held devices, I was forced to explore for alternatives. It was an eye-opening
way of theming a JavaScript-powered web page with relatively new and vibrant
framework called SemanticUI. With my peripheral and horizontal technology stack
and experience, I’m not an expert to write this blog. However, it’s an outpouring
of my wow experience with AngularJS and SemanticUI.
It is needless to
say AngularJS has an edge over competitors. When I switched from ExtJS to
AngularJS, I began to marvel at the modularity and flexibility. The simplicity
lies in making static HTML tags dynamic. The ‘Model-View-Whatever’ framework
model allows to separate presentation logic from business logic. I love the
directives and two-way-binding of it. Since the discussion on the pros and cons
of AngularJS is not in the scope of this write-up, any kind of analysis on the
use cases of AngularJS is left totally up to the reader. However, the
simplicity and flexibility of AngularJS (not prescribing a specific application
architecture or set of patterns) leads to the confusion of selecting the
library of user interface components. This is where I can help you.
Are you in a dilemma
of what CSS framework to use with AngularJS? Try SemanticUI, simply because both
of them share the same philosophy. SemanticUI is literally semantic. It treats
words and classes as exchangeable concepts. Classes use syntax from natural
languages like noun/modifier relationships, word order, and plurality to link
concepts intuitively. It makes dynamic styling. When it joins hands with
AngularJS’ two-way-binding, it’s marvelous. Intuitive Javascript is another
aspect that makes it closer to AngularJS. It uses simple phrases called
behaviors that trigger functionality. Any arbitrary decision in a component is
included as a setting that AngularJS binding can modify dynamically. Another feature
that makes it stand out from the competitors is its simplified debugging property.
Performance logging lets us track down bottlenecks without digging through
stack traces.
The write-up neither
compares and analyzes all competitors, nor claims to be a comprehensive answer to the question. Nevertheless, it’s just an attempt to subjectively echo how
AngularJS with SemanticUI eases the web developer life. As I don’t want make it
drier with code snippets and use cases, let me conclude underlining the point
that both AngularJS and SemanticUI share the same philosophy and complement
each other. SemanticUI needs not be the best theme framework, but it’s the
better half of AngularJS. May be coincidental, but true – they are made for
each other!
Whatever we gathered information from the blogs, we should implement that in practically then only we can understand that exact thing clearly, but it’s no need to do it, because you have explained the concepts very well. It was crystal clear, keep sharing..
ReplyDeleteAngularjs Training In Hyderabad
Extremely sorry Raju that I was not able to give code snippets and concept-wise explanation. Hopefully, I will find sometime to explain them.
Delete