Hi-Fidelity PrototypingHTML, CSS, JavaScript, Templating

Prototyping is one of the most trending topics in Front End & Design today.

Prototypes can be built with varied fidelities and details to serve different

purposes like Feasibility Evaluation, Experience Evaluation, Usability

Evaluation, Market Research, Expectations Management etc.

Building the right kind of Prototype for the right purpose is very important

for the success of a Prototype. In this session, we will discuss Hi-Fidelity

Prototyping. HiFi Prototyping usually begins when the design is near frozen

and the UI Flows have already been worked out. HiFi Prototypes are not

wireframes.

They are built in code and are the closest to the actual product.

Who should attend?

○ Front End Engineers

○ Web Designers & Developers willing to move into Front End

Development

○ Prototypers

Uday M. Shankar (udayms)

● Heads Front End Architecture & Prototyping at HP, Bangalore

● Regular speaker at design, developer events

● Guest faculty at National Institute of Design, Bangalore

● Conducted Design, Prototyping workshops in corporates like Nokia, Yahoo!, Microsoft, HP

about.me/udayms

linkedin.com/in/udayms

twitter.com/udayms

Pre-Requisites

○ Knowledge of

HTML, CSS,

JQuery, JSON

○ Carry your own

laptop

○ Software

○ Any IDE (Coda, SublimeText2, Notepad++...)

○ Any web server (Wamp, Nodejs...)

○ Chrome Browser

○ JavaScript Libraries

■ JQuery

■ EJS (http://embeddedjs.com/)

Duration: 3 hours

○ Introduction to HiFi Prototyping

General introduction to Hi-Fidelity Prototyping. Why its important and what's the best way to do it.

○ Introduction to Templating Frameworks

What is templating. How it works. Advantages of Client Side Templating.

○ Templating with EJS

Creating & Using Templates with fixtures

That's all, Folks!