How to Setup Angular Project using Yeoman


Problem Statement

As per my experience with people, it always has been a challenge to decide the right folder structure for your front-end applications which can be globally accepted. Especially, if I talk about AngularJS project, people are confused between two structures:

Continue reading “How to Setup Angular Project using Yeoman”

Advertisements

Getting Started with Grunt Task Runner


About Task Runner

There are certain tasks which front-end developers are often asked to do. Tasks like:

  • CSS file compression
  • JS minification or obfuscation
  • HTML/JSON file minification
  • Image optimisation
  • Compile SASS or LESS files to generate CSS files
  • Unit testing
  • SVN commit
  • Build deployment etc

To do the above tasks we need so many different reliable tools and it is a tedious task to find such types of reliable tools online. And I don’t think any such tool is available which can do all the above tasks in one click.

What if these tasks can be automated and can be done in one key press? To do this, we would need to write few tasks in JS file and run Grunt.

Continue reading “Getting Started with Grunt Task Runner”

Getting started with Web Components And PolymerJS


Introduction

You must have tried a lot of ways to develop reusable components or widgets. But what about the components like “video”, “audio” or “select” components (tags) of HTML(5)? Did you ever investigate how these components work without exposing its style, script or local DOM structure? Web applications are being developed in various ways depending on the requirements but hardly fulfil the reusability aspect across projects or modules.

This article would help up to a certain extent to create and reuse such type of web components which can be instantiated and reused in a similar way how we are instantiating and using other HTML elements.

Continue reading “Getting started with Web Components And PolymerJS”