🗊Презентация AngularJS

Категория: Устройства и комплектующие
Нажмите для полного просмотра!
AngularJS, слайд №1AngularJS, слайд №2AngularJS, слайд №3AngularJS, слайд №4AngularJS, слайд №5AngularJS, слайд №6AngularJS, слайд №7AngularJS, слайд №8AngularJS, слайд №9AngularJS, слайд №10AngularJS, слайд №11AngularJS, слайд №12AngularJS, слайд №13AngularJS, слайд №14
Скачать
Вы можете ознакомиться и скачать презентацию на тему AngularJS. Доклад-сообщение содержит 14 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1


AngularJS
Описание слайда:
AngularJS

Слайд 2


Архитектура приложения Angular
Описание слайда:
Архитектура приложения Angular

Слайд 3


Module *.module.ts import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; @NgModule({ imports: [ BrowserModule ], providers: [ Logger ], declarations: [ AppComponent ], bootstrap: [ AppComponent ] }) export class AppModule { }
Описание слайда:
Module *.module.ts import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; @NgModule({ imports: [ BrowserModule ], providers: [ Logger ], declarations: [ AppComponent ], bootstrap: [ AppComponent ] }) export class AppModule { }

Слайд 4


Component & Metadata *.component.ts
Описание слайда:
Component & Metadata *.component.ts

Слайд 5


Template *.component.html <h2>Hero List</h2> <p><i>Pick a hero from the list</i></p> <ul> <li *ngFor="let hero of heroes" (click)="selectHero(hero)"> {{hero.name}} </li> </ul> <hero-detail *ngIf="selectedHero" [hero]="selectedHero"></hero-detail>
Описание слайда:
Template *.component.html <h2>Hero List</h2> <p><i>Pick a hero from the list</i></p> <ul> <li *ngFor="let hero of heroes" (click)="selectHero(hero)"> {{hero.name}} </li> </ul> <hero-detail *ngIf="selectedHero" [hero]="selectedHero"></hero-detail>

Слайд 6


Data binding <li>{{hero.name}}</li> <hero-detail [hero]="selectedHero"></hero-detail> <li (click)="selectHero(hero)"></li> Two-way data binding <input [(ngModel)]="hero.name">
Описание слайда:
Data binding <li>{{hero.name}}</li> <hero-detail [hero]="selectedHero"></hero-detail> <li (click)="selectHero(hero)"></li> Two-way data binding <input [(ngModel)]="hero.name">

Слайд 7


Directive
Описание слайда:
Directive

Слайд 8


Service @Injectable export class CourseService { constructor(private backend: BackendService) { } getCourses() { return this.backend.getAll(Hero); } }
Описание слайда:
Service @Injectable export class CourseService { constructor(private backend: BackendService) { } getCourses() { return this.backend.getAll(Hero); } }

Слайд 9


Архитектура приложения
Описание слайда:
Архитектура приложения

Слайд 10


Templates Flow
Описание слайда:
Templates Flow

Слайд 11


Data Flow
Описание слайда:
Data Flow

Слайд 12


Events Flow
Описание слайда:
Events Flow

Слайд 13


Задание По задаче из backlog’а сделать: Список необходимых компонент Описать назначение компонент Нарисовать эскиз шаблона для компонентов
Описание слайда:
Задание По задаче из backlog’а сделать: Список необходимых компонент Описать назначение компонент Нарисовать эскиз шаблона для компонентов

Слайд 14


Пример Задача: Список пользователей Компоненты: Список пользователей Отображает список ФИО пользователей, реагирует на нажатие на пользователя изменением информации в компоненте детализации Детализация пользователя Отображает детальную информацию о выбранном из списка пользователе: ФИО, дату регистрации, почту ...
Описание слайда:
Пример Задача: Список пользователей Компоненты: Список пользователей Отображает список ФИО пользователей, реагирует на нажатие на пользователя изменением информации в компоненте детализации Детализация пользователя Отображает детальную информацию о выбранном из списка пользователе: ФИО, дату регистрации, почту ...

Скачать

Теги AngularJS
Похожие презентации
Mypresentation.ru
Загрузить презентацию