This document provides an introduction to building applications with Angular. It discusses installing Node.js and NPM, creating an Angular project, modules and components. The document walks through generating a new project, adding modules and components, and serving the application locally. It also briefly discusses Single Page Applications and the different types of modules in Angular.

1. Partner of your success www.merousoft.com
Introduction to
ScreenCast
1
© merousoft

2. Why
A New
Framework ?
2
© merousoft

3. SPA
=
Single Page
Application
3
© merousoft

4. Installation
NodeJS & NPM
https://nodejs.org/en/download/
4
© merousoft

5. Check
NodeJS & NPM
node -v
npm -v
5
© merousoft

6. Installation
Angular
npm install -g @angular/cli
6
© merousoft

7. First Project
Angular
ng new MonProjet
7
© merousoft

8. Run the Project
cd MonProjet
ng serve -o
8
© merousoft

9. 9
© merousoft

10. Modules …?
10
© merousoft

11. @NgModule({
})
Create a module
import { NgModule } from '@angular/core';
11
© merousoft

12. Create a module
12
© merousoft

13. a module
import { NgModule } from '@angular/core';
@NgModule({
imports: [ ... ],
declarations: [ ... ],
bootstrap: [ ... ]
})
export class AppModule { }
13
© merousoft

14. Create a module
14
© merousoft

15. Type of a modules
• Root Module
• Feature Module
15
© merousoft

16. Bootstrapping a module
16
© merousoft

17. Components …?
17
© merousoft

18. Creating a Components
18
© merousoft

19. Create a Components
import { Component } from '@angular/core';
@Component({
selector: ‘app-root‘,
template: ‘<p>……</p>’,
})
export class AppComponent {
}
19
© merousoft

20. 20
© merousoft

21. Creating a Components
21
© merousoft

22. 22
© merousoft

23. Architecture
23
© merousoft

24. Partner of your success www.merousoft.com
thanks
ScreenCast
Media Created by Kues - freepik.com
24
© merousoft