2. Dariusz Kalbarczyk
Experienced programmer, currently working in IT.
Develops Angular based projects for large enterprises in Poland .
Editor in chief of PIMM (www.issuu.com/independent-music-magazine)
Arkadiusz Kalbarczyk
Young student with a fresh view on IT,
studying computer engineering at the
Polish Japanese Institute of Information Technology.
Engaged in projects regarding AngularJS technology.
3. What is AngularJS?
Where to start?
The first application
$scope = bridge;
Directives
Communication with server
Most Popular Mobile Web APP Frameworks
IONIC
Mobile Angular UI
Why would you bother learning AngularJS afterall
4. Open source JavaScript based library
Brief history
Greatest advantages
Society
15. <div data-ng-controller="mainCtrl">
<!-- main -->
<div data-ng-controller="childOneCtrl"><!-- one --></div>
<div data-ng-controller="childTwoCtrl">
<!-- two -->
<div data-ng-controller="nextCtrl"><!-- next --></div>
</div>
</div>
The ngController directive attaches a controller class to the view. This is a key
aspect of how angular supports principles behind the Model-View-Controller
design pattern.
16. <input type="text" ng-model="yourName" >
<h1>Hello {{yourName}}!</h1>
The ngModel directive binds an input,select, textarea (or custom form
control) to a property on the scope.
17. <input type="text" data-ng-model="search" style="width: 80px" />
<ul>
<li data-ng-repeat="mountain in mountainsList | filter : search">
{{mountain}}
</li>
</ul>
The ngRepeat directive creates an instance of a template once per item from a
collection. Each template instance gets its own scope.
25. Mobile Angular UI is a mobile UI framework
just like Sencha Touch or jQuery Mobile. If
you know Angular JS and Twitter Bootstrap
you already know it! [ http://mobileangularui.com/ ]
Angular JS Everywhere
No jQuery dependencies, no fat bootstrap
js. Just a few angular.js directives super
easy to learn to put things together.