Your SlideShare is downloading. ×
0
Workshop angular
Workshop angular
Workshop angular
Workshop angular
Workshop angular
Workshop angular
Workshop angular
Workshop angular
Workshop angular
Workshop angular
Workshop angular
Workshop angular
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Workshop angular

166

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
166
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. AngularJS A superheroic MVW framework @emidio_croci
  • 2. Un framework? Ma non c’è Jquery? Lato client?
  • 3. - scarsa manutenibilità codice - no Separation of Concern - testabilità ridotta Ci sarebbe ma….
  • 4. MVW? Un altro pattern :-( No dai….
  • 5. Model View WHATEVER
  • 6. Services Directives Controllers Views Filters AngularJS Factories
  • 7. View Controller Factories $scope Filters Directives Services
  • 8. $scope “Scope is the glue between application controller and the view” ovvero Il contesto di esecuzione delle nostre espressioni
  • 9. espressioni codice javascript-like utilizzato per binding tra view e modello
  • 10. Recap 1. Dichiariamo i moduli utilizzando la sintassi angular.module(‘module’, [‘p’, function()]) 2. $scope eredita da $rootScope 3. $apply permette di eseguire operazioni esterne all’interno del contesto di angular 4. Non esageriamo con i $watch! 5. ng-repeat non ama i duplicati
  • 11. Direttive Semplicemente, tag attributi o classi A cosa servono? Indicano ad angular che l’elemento relativo a delle funzionalità particolari definite dall’utente e permettono la manipolazione del DOM
  • 12. Recap Non usare i controller per la manipolazione del DOM! usare il controller per la comunicazione tra direttive usare funzione link per aggiungere funzionalità alla direttiva

×