Shut up Santa!
Notas del orador
6 meses, 3 dev, 17k lineas de código
3 semanas, 1 dev, 1.5k lineas de código
Notas del orador
<body ng-app>
<input ng-model="compadrejo" type="text" />
<h1>Hola {{compadrejo}}!</h1>
<script src="libs/angular.min.js"></script>
</body>
ng-app inicia la aplicación y crea lo que vendría a ser el ambiente de ejecución global del framework llamado $rootScope
angular busca augumentar el lenguaje html mediante la extensión de su lógica
Notas del orador
var variableDeScopeGlobal = "Hola";
function ejemplo(){
var variableDeScopeLocal = variableDeScopeGlobal + "Mundo";
}
<body ng-app>
<input ng-model="atributoDe$rootScope" type="text" />
<h1>Hola {{atributoDe$rootScope}}!</h1>
<div ng-controller="SaludoController">
<input ng-model="atributoDeSaludoController" type="text" />
<h1>Hola {{atributoDeSaludoController}}!</h1>
<h1>Chau {{atributoDe$rootScope}}!</h1>
</div>
<script src="libs/angular.min.js"></script>
</body>
-> plnk <- a picar teclas se ha dicho
ng-app y el módulo principal de la aplicación
herencia prototipal de scopes
objetos, arrays y funciones trabajan por referencia
el resto de los tipos trabajan por valor
Notas del orador
Notas del orador
&
dependencias modulares
definición de rutas
los servicios son singleton
servicios como forma de compartir datos y logica
Notas del orador
minificación y concatenación
evitar funciones en interpolaciones
objetos indexados en vez de arrays
archivo de definición de modulo
$timeout > $apply
Notas del orador
Proyecto ejemplo con buenas prácticas: https://github.com/HeberLZ/GDG-Client
Comparativa AngularJS - JQuery
Feliz Codeada!
FIN