Modern Web Applications using AngularJS

Ibrahim Abdel Fattah Mohamed
Web Development & Software Engineer
@bingorabbit
http://bingorabbit.com

‫راﺟﻞ؟‬ ‫ﯾﺎ‬

“Angular is what HTML would
have been..” -- Angular Documentation

Simplicity
is the ultimate sophistication...
-- Leonardo Da Vinci

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>

1| <!DOCTYPE html>
2| <html lang="en">
3| <head>
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..

1| <!DOCTYPE html>
2| <html lang="en" ng-app>
3| <head>
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

STOP the ******
nonsense and show
me some CODE!github repo used in session:
-http://github.com/bingorabbit/shebbak
-http://github.com/bingorabbit/bondera

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

Applications using
AngularJS
Built with AngularJS: http://goo.gl/r2c2at

Thanks!:)
Ibrahim Abdel Fattah Mohamed
Tweet to me: @bingorabbit

Modern Web Applications using AngularJS

More Related Content

What's hot

Viewers also liked

Similar to Modern Web Applications using AngularJS

More from Ibrahim Abdel Fattah Mohamed

Recently uploaded

Modern Web Applications using AngularJS