Okay... But what I thought was like if you minify your code, then the external users cannot able to understand your code right ? so in that perspective I mentioned the above one.

If you are talking about securing your Front-End code the answer is as follows. Concat and Minify all your Javascript and CSS files into a single file. It not only secure your code it will also make improve the performance of your application to some extent.

I think you will get a clear understanding on Object.observe and how we are going to use this in Angular 2.0. If you go-through the following link. http://updates.html5rocks.com/2012/11/Respond-to-change-with-Object-observe

My first program was coded in Java. It was a simple program which did all the arithmetic operations by getting inputs through command line arguments.

Font Awesome will be good to use, but if you want to create something to be very modern and provides a user a good feel then you can go with Material Design Icons.

.js/.css = Pretty and easy to read. .min.js/min.css = Looks like jibberish! But has a smaller file size. (Use this one) The second one is minified, a process which involves removing unnecessary white-space and shortening variable names. All this is done in such a way that it doesn't affect the way the code behaves when run, in any way. Just to point out as well, you are better using the minified version (.min) for your live environment as Google are now checking on page loading times. Having all your JS file minified means they will load faster and will score you more brownie points.

I always prefer Angular. Since you have no worries about SEO, an SPA will be a good solution. Angular supports dynamic routing. And if you maintain the code in a proper way, for sure the performance will be awesome. If you are interested try scaffolding tools like Yeoman.

@Rick It could be done using flexbox, but I think even it needs its parent to be in display:flex; align-items: center; justify-content: center; and child should be set with some width. That's why I am expecting something simpler as I mentioned in my comment.

As you posted I too want to design Check Boxes and in addition to that I need an easier way to apply "vertical-align: middle" property. For Example current situation is like this .parent{ display:table; } .child{ display:table-cell; vertical-align:middle; } I want something like this .child{ vertical-align:middle; }

There are so many applications. You can view them over here http://showcase.ionicframework.com/