- This project contains all the material that will be used during the course.
- Theory and exercises grouped by subject.
- TEMA11 is a Web project grouped by features.
- Run
npm install
in order to install the app. - Run
node server.js
in order to start the server. - Run
npm test
in order to run the unit tests. - Run
npm run protractor
in order to run the e2e tests.
- We will see el the concept of directive, how to create controllers and communicate them correctly.
- We will review built-in services as well as create our own ones and our custom directives which is the killer feature of this framework.
- We will learn how to modify the DOM as well as SVG images.
- We will see promises and routing with both ngRoute and the UIRouter.
- And we will build a cool web site with nested views, on-scroll animations and built only with directives.
- All this without forgetting the importance of unit and E2E testing our code.
- Templates, views, directives, expressions
- Scope, model, modules, data binding
- Creating simple Angular apps
- Understanding Controllers and the scope
- Understanding services
- Fundamentals (restrict, template, etc)
- Compile, controller and link
- The link function: element and attributes
- Isolated Scope: “@”, “=” and “&”
- Modifying the DOM with JQLite
- Creating custom services
- Events: $on and $broadcast
- Calling external APIs: custom service + $http
- Large web apps (Looking at Google recommendations)
- ngRoute
- Unit test controllers
- Unit test directives
- Unit test services
- $q
- The deferred API
- The promise API
- Binding SVG properties and the scope
- ng-include
- Router vs states
- $urlRouterProvider
- $stateProvider (templates, controllers, events, etc)
- Routed with the state provider
- Designed with directives and only directives
- Triggers animations on scroll
- Mocks an external API
- Unit and E2E tested