step 1 data binding and directives