Skip to main content

My journey with Angular.js - Day1

Hi All,
I am planning to learn Angular.js from today and I using the for my first training. Beginning my training, will keep posting here how it goes...

Beginning with the Introduction. They are taking about creating a gems store and I was immediately thinking whether I entered a Ruby tutorial... Got to focus up...

Even before starting the tutorial, we are asked to make sure we know Html/CSS and Javascript. Okay, I can handle that... Next up, about testing patterns, Behavioral Driven Development and Test Driven Development. I am sure I fall under BDD and my clients under TDD.

Good to know Angular.js is ONLY a front end framework and not a backend framework and it is more suitable for dynamic websites.

Listening about proper responsive sites. Also good to know Angular can load a specific section of the page without loading the whole assets list...

Directives are used to bind the method to events. ng-controller seems to the keyword for this. Not sure whether I get it correct so far. Need to get angular.js and twitter bootstrap. Downloaded Angular.js from and twitter bootstrap from By the way, I am trying out atom editor from editor. Might try this with that.

Good to know Angular.js is a module driven architecture. In the examples shown, the script tag is included in the body tag, not sure whether that has any impact on the Application load time.

ng-app is the directive to run a module when the application loads. Seems to be not so intuitive. Time for the challenges...

Completed level 1 and learnt the following directives
ng-app - for binding modules
ng-controller - for binding events
ng-repeat - for iterations (cool by the way)
ng-show and ng-hide - expression based data display.

Now will probably go to next chapter after testing a local demo. Seems to be quite interesting..:)


Post a Comment

Popular posts from this blog

My 10 years in Application Development

It's been around 10 years since I started programming. May be a bit more, if I have to include my first attempts at C programming in school. But it would be a grave insult to call remembering ten lines of code and just replicating it to put a star on the screen. I also did a course on Visual basic, but it was more gimmicks that Application development. But it was truly in the year 2007 when I started my Master in Computer Applications that I found a new flare for developing applications. 
I was very late to computers in general and even when I joined my Masters, computers were not really accessible to me. But when I joined my Masters where one is actually expected to hone the skills which they already have, but in case it was were I was learning the skills, initially it was very difficult. I was not sure what computers had for me nor I had a natural flair for programming. But the thing about computers that attracted me was the visual medium it gave. Initially it was just a door t…

Changing Timezone in Postgresql, Ubuntu

Timezone and locale are integral concepts that one should be aware of when implementing a System. For example. if you create a database in PostgreSql, it will use the default System settings for the database. Lets say you have a server in UK and your client is US. If the client tries to retrieve the current date or time, it is going to show the UK time and not the US one.
Today I encountered a different issue in our client place where the Ubuntu timezone and PostgreSql timezone were showing a incorrect values. Instead of Indian Standard Time (IST) it was showing Pacific Daylight Time(PDT). These are the steps that I followed to change the timezone to IST in PostgreSql and Ubuntu.
Changing timezone in Ubuntu:
sudo dpkg-reconfigure tzdataYou will be prompted to choose the continent and then the area. Provided screen shots where we configure the location.
Use TAB key to navigate to the OK button and then press Enter.

The changes will get reflected immediately. To check it you can open a n…

Dissecting Openbravo 3.0 UI Architecture

Having been worked on Openbravo 3.0 UI for more than a year now (right from RC1) , Openbravo has leaped ahead of most contemporary ERP's in terms of UX design and usability. And a part of the credit has to go to the community too as they were actively involved in finalizing the UX and also involved enthusiastically in tested out the RC versions and providing their feedback.

In this post, I have tried to draw limelight on the basic UI components that are being used in Openbravo and their corresponding smartclient components. This is just to provide a very high level idea on how the entire architecture is coupled together. I have tried to use a single screen shot of Openbravo interface and tried to map the base components here.

The hierarchy can be visualized in simple terms as follows:

Exhaustive information on these components are provided in the Openbravo Wiki here.

Most of these components are defined and managed from individual files (or code) thereby making it really easy to …