ANGULARJS 2

Adresser aux développeurs Marocains

Mohamed IDBRAHIM

AngularJS 2

Mohamed IDBRAHIM

INTRODUCTION

AngularJS est un framework Javascript créé par Google, permettant de développer des applications Web, Mobile et Desktop.

La nouvelle version 2 de Angular est basé sur le langage TypeScript.

TypeScript est un langage de programmation libre et open-source développé par Microsoft qui a pour but de simplifier la création d’applications web.

La force de typeScript :

• Transtypage
• POO
• Interface
• Enumération

AngularJS 2

Mohamed IDBRAHIM

Les principes du framework

AngularJS 2

Component

Directive

Router

Service

Component

Ce principe est basé sur le web component, une fonctionnalité HTML 5 permettant de créer soi-même ses éléments HTML et de leur attribuer un comportement.

AngularJS 2

Mohamed IDBRAHIM

Le component est la fonctionnalité la plus importante dans Angular 2 : toute application démarrera avec et contiendra des components.

import {Component} from 'angular2/core';

@Component({
	selector: 'list-personnes',

	template: `
	   <h4>{{ titre }}</h4>
       <ul>
         <li *ngFor="#personne of personnes">
             {{ personne }}
         </li>
       </ul>
	`
})


export class PersonneComponent {

 titre: string = "Liste des personnes";
 produits: string[] = [
                        "Mohamed IDBRAHIM", 
                        "Basma IDBRAHIM"
                      ];
}

AngularJS 2

Mohamed IDBRAHIM

Installation

AngularJS 2

1: Clone repo

git clone https://github.com/IDBRAHIMDEV/angular-2.git

2: Install packages

npm install

3: Start server

npm start

Installation de NodeJS sur la machine  est obligatoire, Après vous pouvez télécharger le Starter kit d'angular 2 depuis github, soit de le cloner en utilisant git

A suivre ...

AngularJS 2

Mohamed IDBRAHIM