Get satrted angular js day 2
•Transferir como PPTX, PDF•
1 gostou•479 visualizações
Second part off the slides about angular JS
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (11)
Destaque
Destaque (20)
Semelhante a Get satrted angular js day 2
Semelhante a Get satrted angular js day 2 (20)
Mais de Alexandre Marreiros
Mais de Alexandre Marreiros (20)
Último
Último (20)
Get satrted angular js day 2
- 1. WorkShop Getting Start With ANGULAR 2015, Alexandre Marreiros
- 2. 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
- 3. Feel free to put your Questions now Or if you prefer use one off my contacts @alexmarreiros amarreiros@gmail.com amarreiros@innovagency.com www.digitalmindignition.com 2015 Alexandre Marreiros WorkShoprGettingStartWith ANGULAR Day 1 Questions
- 5. 2015 Alexandre Marreiros http service WorkShoprGettingStartWith ANGULAR Services consumption is made using a promessie approach, in the case off the http, we have a method representing each verb. We have also a response explaining if the http call had been succeeded or not. Next we will analyse the 2 fundamental verbs post and get
- 6. 2015 Alexandre Marreiros http service WorkShoprGettingStartWith ANGULAR Get method $http.get('/someUrl'). success(function(data, status, headers, config) { // this callback will be called asynchronously // when the response is available }). error(function(data, status, headers, config) { // called asynchronously if an error occurs // or server returns response with an error status. });
- 7. 2015 Alexandre Marreiros http service WorkShoprGettingStartWith ANGULAR Post method $http.post('/someUrl‘,{msg:’hi there’}). success(function(data, status, headers, config) { // this callback will be called asynchronously // when the response is available }). error(function(data, status, headers, config) { // called asynchronously if an error occurs // or server returns response with an error status. });
- 8. Demo Create a SPA that conseumes GitHub page 2015 Alexandre Marreiros WorkShoprGettingStartWith ANGULAR
- 9. 2015 Alexandre Marreiros http service WorkShoprGettingStartWith ANGULAR methods $http.get $http.post $http.put $http.delete $http.jsonp $http.patch
- 11. 2015 Alexandre Marreiros Service WorkShoprGettingStartWith ANGULAR As http that is offered as a service on the platform we have a lot off other Services available. What is a service: “In Angular, the term "services" refers to singleton references to objects and functions that carry out specific tasks. Angular provides several built-in services for everything from manipulating the URL in the browser, running code at regular intervals, and interfacing with Web services to managing asynchronous workflows using JavaScript promises. ” Wintellect
- 13. 2015 Alexandre Marreiros Templating WorkShoprGettingStartWith ANGULAR As we already seen with binding we can bind to a specific model and even in two directions. Using the bind system we can also define the way our elements renders himself, once the ng-bind directive is applied to an HTML tag. If I bind a collection I can use the same logic to build templates that are used across the different elements.
- 15. 2015 Alexandre Marreiros Templating WorkShoprGettingStartWith ANGULAR <ul class="phones"> <li ng-repeat="phone in phones | filter:query | orderBy:orderProp"> <span>{{phone.name}}</span> <p>{{phone.snippet}}</p> </li> </ul>
- 20. 2015 Alexandre Marreiros Routes WorkShoprGettingStartWith ANGULAR How to know or control where the user is and what’s the path he had used t navigate, and how to allow the browser to use the history or mark a part off the SPA. For that Angular offers a Routing engine, considering that: - Routing is based on a URL; - Routing engines catch requests; - Routing rules renders a response;
- 21. 2015 Alexandre Marreiros Routes WorkShoprGettingStartWith ANGULAR How to know or control where the user is and what’s the path he had used t navigate, and how to allow the browser to use the history or mark a part off the SPA. For that Angular offers a Routing engine, considering that: - Routing is based on a URL; - Routing engines catch requests; - Routing rules renders a response; Angular is an advanced feature and lives as a autonomous module that you can quest -angular-route.js So to configure Routes you must instantiate this scrit on your machine.
- 22. 2015 Alexandre Marreiros Routes WorkShoprGettingStartWith ANGULAR To configure Route engine you can use the an object named $routeProvider On Route provider we configure what’s the template who leaves to a certenly controller. $routeProvider.when(/main, { templateUrl:”main.html”, controller:”MainController” })
- 25. 2015 Alexandre Marreiros Unit Test WorkShoprGettingStartWith ANGULAR “Unit testing, as the name implies, is about testing individual units of code. Unit tests try to answer questions such as "Did I think about the logic correctly?" or "Does the sort function order the list in the right order?“”
- 28. Demo / Exercises Training Angular 2015 Alexandre Marreiros WorkShoprGettingStartWith ANGULAR
- 30. 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
- 31. My Contacts @alexmarreiros amarreiros@gmail.com amarreiros@innovagency.com www.digitalmindignition.com 2015 Alexandre Marreiros WorkShoprGettingStartWith ANGULAR Keep in Touch Collaborate https://www.facebook.com/groups/angularjsWorkshop1/
Notas do Editor
- Services are components provided to and by Angular to help get dificult things based on communication done