3. 2015
Alexandre
Marreiros
About
CTO @ Innovagency
Technical Trainer, Speaker & Consultant as Self Employee
Lecturer @ EDIT
Software Developer & Architect as Consultant
Tech Writer and Reviewer as Self Employee
Digital Technical UX Consultant
Microsoft DevCamp Trainer
Microsoft Most Valuable Professional for Windows Platform
MCPD
Alexandre Marreiros
Contacts:
amarreiros@innovagency.com / amarreiros@gmail.com
@alexmarreiros
http://www.linkedin.com/pub/alexandre-marreiros/8/4b8/a21
www.digitalmindignition.com
WorkShoprGettingStartWith
ANGULAR
28. 2015
Alexandre
Marreiros
Plunker is made with AngularJS
WorkShoprGettingStartWith
ANGULAR
Our example live editor to build our demos are also build with Angular
56. Demo / Exercises
Training Angular
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Experiment Directives on your own
Showing common bugs
Showing api documentation problems
Show the different discussed Javascript patterns aplied in Angular development
58. Feel free to put your Questions now
Or if you prefer use one off my contacts
@alexmarreiros
amarreiros@gmail.com
amarreiros@innovagency.com 2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Questions
Notas do Editor
Ng-app is named the application directive and represents a area that is controlled by the Angular Technology, you only had one application definition with angular on a page. Angular only control this area.
When you had the included script and it is detected this deirective Angular bootstrap himself to that area.
Real time editor http://plnkr.co/
Real time editor http://plnkr.co/
Real time editor http://plnkr.co/
Real time editor http://plnkr.co/
Real time editor http://plnkr.co/
Real time editor http://plnkr.co/
Real time editor http://plnkr.co/
Real time editor http://plnkr.co/
The library includes routing doom handle, ajax technics, binding in two ways service consumption API
Real time editor http://plnkr.co/
A arvore de DOM surge com base de qualquer aplicação web e no casoi das SPA não é excessão, é aqui que se encontram registados as diferentes tags que constutuem as fundações HTML da aplicação.
O Model representa o dominio dos dados apresentados e permitem uma abordagem content/ data centric.
A View representa essencialmente a iterfce com o utilizador e reflete os conteudos/dados presentes no Modelo da aplicação.
Para uma descrição mais detalhada e aprofundar os temas relaccionados com SPA sugerimos a consulta do seguinte post: https://blog.svpino.com/2014/10/15/is-a-single-page-application-what-you-really-need