Javascript technology has improved so great. We already has jQuery and now we has Angular JS. First time I hear about it I have no idea what it will be like. After spending some time to search it on the internet I can describe it as a Javascript framework that able to separate the data manipulation for the DOM manipulation. Whatever it is, it will be easier if we take a look at this sample application.

When we are creating the dynamic table which we can add or remove its row using Javascript usually we have to inject the new HTML tag for the new table row. Or we have to remove the row by removing the HTML.

If we are using Angular, we can define the data for the table in Javascript array then Angular is able to create the table based on that array. If we want to add a new row to the table we just need to add a new data to the array. Also if we want to remove the row from the table we just need to remove the specific data from the array. Please note that we only working at the array not the HTML because Angular will do it for us.

That's cool isn't it? I hope this short tutorial can explain to you how Angular is working and what is the difference from when we are using jQuery or pure Javascript code. Are you interested in learning more about Angular JS? The tutorials in http://www.w3schools.com/angular/ is a very good way to start.

Before I finish, there might be one question "Will Angular replace jQuery?". I don't think so, because jQuery has been adopted widely by so many websites and also still powerful until now.