CODEWITHSUNDEEP
javascripthtmlcssuser-interfaceextjs
oortcloud_domicile
oortcloud_domicile

Reputation: 850

Approach to create UI Framework

I am new to front end design and would like to know what are the things i need to work on to create a Framework for User Interface. Like if I want to make all the data fields look like same in all the 300 pages i am working on, i would create a class for that field.

Things I know are

Need to Identify what are the fields in those 300 pages, Validations and messages and their display. Read up on Javascript frameworks Worry about Cross browser functionality/display.

What are the other general stuff and also technologies I should be adding to my list.

Thanks, SixthString

EDIT: I am looking for an answer more like "follow these patterns/concepts/checklists when working with 300 pages" so that i would cover most of the stuff and dont have to go through individual pages to change anything. Please help me here as I may be confusing, i would update my question better from your input.

Upvotes: 3

Views: 605

Answers (1)

Alb
Alb

Reputation: 3681

It sounds like you need to use a framework rather than create one. A framework such as Java Server Faces (JSF) will provide you with tags you can use for all standard UI widgets. Generally it's better to use tried and tested components instead of writing your own so that all the hard work of cross-browser compatibility is taken care of. It also helps you separate the funcionality from the presentation style. JSF also provides easy ways to implement validation.

There can a steep learning curve using any web framework for the first time so you're best to start off with a simple app and gradually add complexity.

Edit: you've said you've already got a spring back-end. Well JSF can be used along with spring (and in my experience they work well) but you may also want to just use the spring form tags. Either way you'll want to learn about jsp pages and tags.

If you have sets of common form/page elements you want to re-use across pages you can extract them to their own files and include these in multiple pages. You can also write your own custom tags if you need something not covered by the included ones.

Upvotes: 5

Related Questions