Content - Francis Tuttle Technology Center

Content:
 
Information
:
 
About
 
Angular’s  inception  was  licensed  by  the  Massachusetts  Institute  of  Technology  initially  releasing  
in  2009.    Google  develops  this  cross  platform  open
-­‐
source  JavaScript  framework  with  the  design  goals  of  
 


Improving  testability
 


Make  application  testing  the  same  level  of  importance  as  application  writing
 


Guide  developers  through  building  a  UI  from  start  to  scratch
 
 
Code
 
AngularJS  directives  allow  the  developer  to  specify  custom  and  reusable  HTML  tags  that    
 
                                             
moderate  the  behavior  of  certain  elements.
 


ng
-­‐
app
 
Declares  an  element  as  a  root  element  of  the  application  allowing  behavior  to  be  
modified  through  custom  HTML  tags.
 


ng
-­‐
bind
 
Automatically  changes  the  text  of  a  HTML  element  to  the  value  of  a  given  expressio
n.
 


ng
-­‐
model
 
Similar  to  ng
-­‐
bind,  but  allows  two
-­‐
way  data  binding  between  the  view  and  the  scope.
 


ng
-­‐
class
 
Allows  class  attributes  to  be  dynamically  loaded.
 


ng
-­‐
controller
 
Specifies  a  JavaScript  controller  class  that  evaluates  HTML  expressions.
 


ng
-­‐
repeat
 
Inst
antiate  an  element  once  per  item  from  a  collection.
 


ng
-­‐
show  &  ng
-­‐
hide
 
Conditionally  show  or  hide  an  element,  depending  on  the  value  of  a  boolean  expression.
 


ng
-­‐
switch
 
Conditionally  instantiate  one  template  from  a  set  of  choices,  depending  on  the  value  of  
a
 
selection  expression.
 


ng
-­‐
view
 
The  base  directive  responsible  for  handling  routes  that  resolve  JSON  before  rendering  
templates  driven  by  specified  controllers.
 
Plugin
 
In  July  2012  the  Angular  team  developed  a  chrome  plugin  called  “Batarang”  which  helps  
imp
rove  debugging  for  apps  that  are  built  with  Angular
 
Current  version
 
Release  date:  4SEP13  version  1.2.0rc2,  codenamed  barhand
-­‐
atomsplitting
 
More  Info
 
http://builtwith.angularjs.org/
 
 
Colors
:
 
#718a94
-­‐
 
Iceberg
 
#E9CEBC
-­‐
Peach
 
#FF621E
-­‐
 
Burnt  Orange
 
#88BEB1
-­‐
 
Teal
 
#1E2422
-­‐
 
Black
 
 
Fonts
 
 
<link  href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Peralta'  rel='stylesheet'  
type='text/css'>
 
 
Headings
 
 
font
-­‐
family:  'Peralta',  cursive;
 
Body  and  links
 
font
-­‐
family:  'Peralta',  cursive;