Meta Refresh 2014

On the construction of user interface on the web

RFW - easy to use framework that provides Directory structure, Grunt build and workflow with HTML5 boilerplate

Submitted by Sajan John (@sajanjohn) on Friday, 10 January 2014

Section: Crisp talk Technical level: Beginner

Vote on this proposal

Login to vote

Total votes:  +2


The session will give an introduction about Rapid Front-End Workflow(RFW) framework with cris talk and demo. Using the framework one can setup a UI directory structure with grunt build in less than 10 minutes.

During this session you will learn/explore:
1. Create your own Gruntfile with package.json
2. creating a best practice folder structure for your presentation layer
3. How to create your own grunt task
4. How to do simple tasks like - JS/CSS uglify and concatenation
5. How to integrate Less compilation using Grunt


RFW is intended to provide the best practice directory structure and easy to use grunt build and workflow for your front-layer of the website or single page application (SPA) project. Rapid supports JS task running, build process with version management, auto minification, file concatenation , Less css pre-processor compilation and HTML5 boilerplate framework.

To kickstart a new UI project, all you have to do is clone Rapid and make configuration changes at package.json and Gruntfile.js if required and start coding. In less than 10 minutes you have a working grunt build and workflow ready for your new project.

This framework is a work in progress and you can see the code in my github url.


Intermediate level JS knowledge

Speaker bio

Sajan John is working as a Manager, Interactive Development with SapientNitro. His key interests include JavaScript and perfomance optimisation for large websites.



Login with Twitter or Google to leave a comment