Puzzle Software - Knowledge Sharing

1. Introduction to
AngularJS
1day course for the web guys

2. What is AngularJS
● Structural framework for dynamic web apps
● It lets you use HTML as your template
language
● Perfect for Single Page Applications (SPAs)
● “Superheroic JavaScript MVW Framework”

3. What you should know
● Basic foreknowledge of HTML
● Basic foreknowledge of JavaScript
● Software design patterns

4. MVC and Model View Whatever
● MVC vs MVVM vs MVP
● kick-ass apps that are well-designed and
follow separation of concerns - so MV*

5. Modules and $scope
● Module is a container for the different parts
of your app – controllers, services, filters,
directives, etc.
● Scope is the glue between application
controller and the view.

6. Working with models
● Basic models
● Complex models
● JSON objects
● View
● Bindings.

7. [Example] Getting your hands dirty
● Create a new project
● Install AngularJS
● Check if it works and why not :)
● Make it work
● and display basic model.

8. Templating the views
● Display the data
● Separating the screens/views into the the
partials.
● Including the external partials

9. [Example] Form validation
● Create complete HTML5 form
● Implement full validation with custom error
messages
● Get the data
● and send it to a backend.

10. Services: $http
● What is a service?
● Define a service
● Use $http service to read a JSON file

11. Live binding
● Binding to input fields
● Using a filters
● Connect filters to binded models

12. Directives and Filters
● What is a directive?
● Filtering content using directives
● Writing custom filters

13. [Example] ng-table
● Pagination
● Sorting
● Filtering

14. Deep linking
● What is Deep linking?
● Working with the $routeProvider service
● Wiring up a second partial
● Navigation and $rootScope.

15. Puzzle Software
Knowledge Sharing
Branko Đurković