Meta Refresh 2014

On the construction of user interface on the web

Writing Maintainable Front-end

Submitted by Aniket Pant (@aniketpant) on Friday, 15 November 2013

Section: Full talk Technical level: Intermediate


The talk will cover the different aspects of writing front-end like templating, code organization and writing CSS. People attending the talk will gain an understanding of the following concepts:

  1. Templating
  2. Maintaining stylesheets
  3. Code organization


Setting guidelines for writing, testing and deploying code is very important but quite frequently people forget that front-end needs to be maintained too, otherwise it can become a monster which bites back.

Code organization is a very important practice which needs to be followed for all aspects of the front-end, starting from HTML to CSS and event JavaScript.

The session will start with how HTML can be organized better by using templating engines. Then organization of CSS which will be informative for web designers where we will discuss how pre-processors (especially SASS) are not just tools for easily writing CSS but they also play a great role in maintaining code.

The session will largely focus on templating and SASS.


The primary requirement would be the understanding of how front-end code is written, that means a good understanding of writing HTML and CSS.

Knowledge of a few templating engines like Jade, and pre-processors like SASS, LESS will be a plus.

Speaker bio

I have been engaged in web development for over three years and in this time I have worked with a number of frameworks like CodeIgniter, Laravel, Rails, Django and Express. Each framework had a different approach to writing front-end and that is where I formulated a some practices for myself on writing front-end code.



  • Kiran Jonnalagadda (@jace) Reviewer 5 years ago

    Aniket, this sounds a lot like Sunil Pai’s talk at JSFoo Pune two years ago:


    We’ve moved on since, and when people talk about maintainable code, they are looking at radically new ideas like BEM or Web Components. Sass, Compass and Less are old hat.

    I don’t think this proposal will make it, so I’ll recommend picking a more advanced topic.

    • Aniket Pant (@aniketpant) Proposer 5 years ago

      Thanks for the response Kiran. Actually I have been waiting for a long time for any response to the proposal but nobody gave me any insight on the same since the time it’s been up.

      I don’t have any other topic in my mind at the moment but incase I do, I will definitely put it up.

Login with Twitter or Google to leave a comment