Modern Web Applications using AngularJS
•
19 gefällt mir•4,137 views
An introductory session about #AngularJS, Kinda mentions history but focuses more on Angular's features, and what it introduces to Web Development.The session was introduced in Google Dev Fest 2014 in Cairo, Egypt . And then revised and presented in #CATScope14.
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (13)
Andere mochten auch
Ähnlich wie Modern Web Applications using AngularJS
Ähnlich wie Modern Web Applications using AngularJS (20)
Mehr von Ibrahim Abdel Fattah Mohamed
Mehr von Ibrahim Abdel Fattah Mohamed (13)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Modern Web Applications using AngularJS
- 2. Ibrahim Abdel Fattah Mohamed Web Development & Software Engineer @bingorabbit http://bingorabbit.com
- 4. Agenda
- 6. .js
- 9. راﺟﻞ؟ ﯾﺎ
- 12. .js
- 13. Library
- 14. Framework
- 16. .js
- 18. You already know about it..
- 19. “Angular is what HTML would have been..” -- Angular Documentation
- 20. Why?
- 21. Simplicity is the ultimate sophistication... -- Leonardo Da Vinci
- 22. Before 1| <!DOCTYPE html> 2| <html lang="en"> 3| <head> 4| <title>Index</title> 5| </head> 6| <body> 7| Name: <input type="text" id="myInputBox"> 8| Hello, <span id="nameSpan"></span> 9| <script> 10| var inputElement = document.getElementById("myInputBox"); 11| inputElement.addEventListener('keyup', function(){ 12| var text = inputElement.value; 13| nameElement.innerHTML = text; 14| }); 15| </script> 17| </body> 18| </html>
- 23. 1| <!DOCTYPE html> 2| <html lang="en"> 3| <head> 4| <title>Index</title> 5| <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.2.min. js"></script> 6| </head> 7| <body> 8| Name: <input type="text" id="myInputBox"> 9| Hello, <span id="nameSpan"></span> 10| <script> 11| $("#myInputBox").keyup(function(){ 12| $("#nameSpan").text($("#myInputBox").val()); 13| }); 14| </script> 15| </body> 16| </html> Beforeeven a better version..
- 24. 1| <!DOCTYPE html> 2| <html lang="en" ng-app> 3| <head> 4| <title>Index</title> 5| <script src="angular.min.js"></script> 6| </head> 7| <body> 8| Name: <input type="text" ng-model=”nameModel” /> 9| Hello, {{ nameModel }} 10| </body> 11| </html> After
- 25. W
- 27. Modularity
- 28. Reusability
- 29. Community
- 31. Data Binding
- 33. Angular Filters
- 34. Routing
- 36. STOP the ****** nonsense and show me some CODE!github repo used in session: -http://github.com/bingorabbit/shebbak -http://github.com/bingorabbit/bondera
- 37. Keywords - Declarative vs. Imperative Programming - Web Components - Promise Objects - History of AngularJS - angularjs.org - ng-book - W3Schools Angular: http: //goo.gl/vQjSKp - http://todomvc.com
- 38. Applications using AngularJS Built with AngularJS: http://goo.gl/r2c2at
- 43. Q?s
- 44. Thanks!:) Ibrahim Abdel Fattah Mohamed Tweet to me: @bingorabbit