3. scot@scothillier.net @ScotHillier

4. Web Parts Workflows Pages Libraries App Parts SharePoint-Hosted Apps Provider-Hosted Apps

25. Module Routes ViewController DirectivesFactory $scope

28. Initializes the app. Can be anonymous or named. Creates a property on the ViewModel References a controller named “myCtrl”, which creates a new ViewModel. References a controller method to call on a click event

29. {{firstName}} Binds ViewModels to HTML elements Uses {{…}} syntax References a property of a ViewModel Supports two-way binding This example will display whatever the user types

30. //module var myapp = angular.module("MyApp", []); Reference dependent modules

31. //controller myapp.controller("welcomeCtrl", ["$scope", function welcomeCtrl($scope) { //model $scope.welcomeMessage = "Hi"; } ); Build up the $scope (a.k.a, View Model)

32. {{welcomeMessage}} Bind the $scope to the HTML elements

39. @media (max-width: 600px) {.facet_sidebar { display: none; } //media query with JavaScript var mq = window.matchMedia("(max-width:600px)"); mq.addListener(function () { //do something; });

40. .col-xs-12.col-md-8.col-xs-6.col-md-4.col-xs-6.col-md-4.col-xs-6

44. Sponsored by