AngularJS – Javascript Framework

AngularJS is an open-source JavaScript framework. Its goal is to augment browser-based applications with Model–View–Controller (MVC) capability and reduce the amount of JavaScript needed to make web applications functional.

I’m still a bit new to the framework but it provides a lot of cool stuff like calling data from an external javascript file.  For example, I can query and look for a list of names, places, music, or categories as I type for it, similar to a regular search query on Google or pulling data from a database. Of course Google has the fastest query, but using the client side might be a little different.   You can grab that data in real time.  These type of apps are also known as Single-Page Applications.  AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop. If you get a chance, check out their  Youtube channel.

<article ng-app>

<div class="container" ng-init="names=[
{ name: 'Ken Fujimoto', city: 'Seattle'},
{ name: 'Larry Page', city: 'Palo Alto'},
{ name: 'James Gosling', city: 'San Francisco'}, 
{ name: 'Andy Rubin', city: 'New York'},
{ name: 'Ninja', city: 'Capitol Hill'},
{ name: 'Sushi Man', city: 'Tokyo'}
]"></div>

Name : <input type="text" ng-model="name"/>{{name}}

<br />

<div ng-repeat="nerd in names | filter:name"> 

{{nerd.name}} - {{nerd.city}}

</div>

</article>