Meta Refresh 2014

On the construction of user interface on the web

Writing Maintainable Front-end

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

Section: Full talk Technical level: Intermediate Status: Rejected

Abstract

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

Outline

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.

Requirements

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.

Links

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('You need to be a participant to comment.') }}

{{ formTitle }}
{{ gettext('Post a comment...') }}
{{ gettext('New comment') }}

{{ errorMsg }}