a brief introduction to angularjs
DESCRIPTION
given a short talk to introduce AngularJS in hackthon@g0vTRANSCRIPT
![Page 1: A brief Introduction to AngularJS](https://reader033.vdocument.in/reader033/viewer/2022060116/5583944ed8b42a282c8b5671/html5/thumbnails/1.jpg)
ANGULARJS IN 10 MINSkcliu@g0v
![Page 2: A brief Introduction to AngularJS](https://reader033.vdocument.in/reader033/viewer/2022060116/5583944ed8b42a282c8b5671/html5/thumbnails/2.jpg)
ME
• kcliu@github
• Software Engineer @ EZTABLE
• We are hiring
![Page 3: A brief Introduction to AngularJS](https://reader033.vdocument.in/reader033/viewer/2022060116/5583944ed8b42a282c8b5671/html5/thumbnails/3.jpg)
WHY ANGUALRJS
• MVC framework
• from Google
• powerful templates : {{ }}
• data-binding
• ease of testing
![Page 4: A brief Introduction to AngularJS](https://reader033.vdocument.in/reader033/viewer/2022060116/5583944ed8b42a282c8b5671/html5/thumbnails/4.jpg)
EXPRESSIONS
![Page 5: A brief Introduction to AngularJS](https://reader033.vdocument.in/reader033/viewer/2022060116/5583944ed8b42a282c8b5671/html5/thumbnails/5.jpg)
DIRECTIVES • ng-repeat
![Page 6: A brief Introduction to AngularJS](https://reader033.vdocument.in/reader033/viewer/2022060116/5583944ed8b42a282c8b5671/html5/thumbnails/6.jpg)
DIRECTIVES • ng-show
![Page 7: A brief Introduction to AngularJS](https://reader033.vdocument.in/reader033/viewer/2022060116/5583944ed8b42a282c8b5671/html5/thumbnails/7.jpg)
DIRECTIVES • ng-click
![Page 8: A brief Introduction to AngularJS](https://reader033.vdocument.in/reader033/viewer/2022060116/5583944ed8b42a282c8b5671/html5/thumbnails/8.jpg)
DATA BINDING
![Page 9: A brief Introduction to AngularJS](https://reader033.vdocument.in/reader033/viewer/2022060116/5583944ed8b42a282c8b5671/html5/thumbnails/9.jpg)
DATA BINDING
![Page 10: A brief Introduction to AngularJS](https://reader033.vdocument.in/reader033/viewer/2022060116/5583944ed8b42a282c8b5671/html5/thumbnails/10.jpg)
DEPENDENCY INJECTION• service.js
• controller.js easily testable
![Page 11: A brief Introduction to AngularJS](https://reader033.vdocument.in/reader033/viewer/2022060116/5583944ed8b42a282c8b5671/html5/thumbnails/11.jpg)
BUT…
![Page 12: A brief Introduction to AngularJS](https://reader033.vdocument.in/reader033/viewer/2022060116/5583944ed8b42a282c8b5671/html5/thumbnails/12.jpg)
- Pierre-Auguste Renoir
La douleur passe, la beauté reste.