How I can create my own view with my own style of layout ( not sugarcrm record view or any existing sugarcrm view )

This is fairly easy to achieve. This blog post is what you want:

https://www.sugaroutfitters.com/blog/creating-a-layout-and-view-for-a-module-in-sugarcrm-7

Or this example:

http://support.sugarcrm.com/Documentation/Sugar_Developer/Sugar_Developer_Guide_7.6/UI_Model/Layouts/Examples/Creating_L…

1. Can we use the other tpl structure rather than hbs ?

Not to my knowledge

2. Can we include our own css library on that particular view ?

Yes

3. How  we can manage controller for this new view?

4. How we can pass php value to that new layout?

What php value do you want to pass? What do you mean?

5. How can we setup any onchange event on any field on my new view?

This is what backbone/sidecar is for. E.g.

var changedAttributes = model.changedAttributes(model.getSyncedAttributes());

if (!_.isEmpty(changedAttributes)) {

              //some attributes's value has changed

}

Note: model represents the backbone model which corresponds to your sugar record.

If you are trying this in record.js controller, you can replace model with this.model.

Hello Alex Nassi and Lori Arce,

Isn't there very descriptive video tutorial or documentation that describes how we can send data to HBS and Loop into HBS?

Which CSS we should use to not conflict with existing one?

I am really happy that sugarcrm documentation is far better than before but still as we have now move to the new architecture we should have at-least descriptive documentation.

Happy To Contribute.
Thanks
Prashant Patel

Prashant,

You can refer to our Developer Guide for information on how Views are built. 

We also have Sugar Developer Self-Paced videos that may be helpful along with a variety of developer videos posted on Sugar University.

Hope this helps,

Lori