1

2 Обо мне .Net C#/F# developer MSP

3 It’s just Angular https://angular-update-guide.firebaseapp.com/

4

5 Rob Eisenberg

6 Выразительная разметка 2 типа связей Модульность Встроенные средства работы с бекендом Продуктивность Современность

7 Компоненты Модули Rx.js TypeScript Shadow DOM

8 JS

9 Open source “Надстройка” над Js Транспилируется в Js Строгая типизацияОсобенности Open source “Надстройка” над Js Транспилируется в Js Строгая типизация ООП https://www.typescriptlang.org/play/

10 JavaScript динамические типыХорошие стороны Плохие строны Переменные могут содержать любые объекты Определение типов данных “на лету” Неявное приведение типов Трудно обеспечить передачу правильных типов данных без тестов Не все разработчики используют === Множество строк кода в комерческих приложениях для провеки на типы данных

11 tsconfig.json { "compilerOptions": { "target": "es5",        "removeComments": true,         "outFile": "../../built/local/tsc.js"     },     "files":[         "app.ts",         "interfaces.ts",         "classes.ts",     ],     "exclude":[         "wwwroot",         "node_modules" "compileOnSave": true }     "

12

13 Импорт функционала Метаданные и Шаблон Код

14 Компоненты Модуль Компоненты main.ts app.module Компоненты Модуль

15

16 main.ts

17 app.module.ts

18 Domain Routed Shared Service/Core

19 Types of load Eager Lazy Preload

20 Dependency injection 1) 2) 3)

21 Файлы в проекте package.json – пакеты и зависимости tsconfig.json – tstypings.json – заголовочные файлы в проекте

22 Что нужно сделать чтобы запустить Angular 2Создать tsconfig.json Cоздать package.json Создать typings.json Установить библиотеки Создать index.html Создать app.module.ts Создать main.ts

23

24 CLI ng eject https://cli.angular.io/reference.pdfhttps://github.com/devCrossNet/universal-cli

25 Структурные директивыПривязки