https://github.com/camara94/essentiel_angular

Angular is a TypeScript-based free and open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations. Angular is a complete rewrite from the same team that built AngularJS.
https://github.com/camara94/essentiel_angular

angular angularjs typescript

Last synced: about 1 month ago
JSON representation

Angular is a TypeScript-based free and open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations. Angular is a complete rewrite from the same team that built AngularJS.

• Host: GitHub
• URL: https://github.com/camara94/essentiel_angular
• Owner: camara94
• Created: 2021-03-28T02:55:44.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2021-05-07T06:44:00.000Z (about 5 years ago)
• Last Synced: 2025-02-15T08:44:00.544Z (over 1 year ago)
• Topics: angular, angularjs, typescript
• Language: TypeScript
• Homepage:
• Size: 7.97 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Essentiel du Angular

Découvrez comment augmenter l'efficacité de vos développements JavaScript, créer un projet Angular et utiliser le framework pour intégrer un projet complexe. Avec Elise Patrikainen, vous développerez une application Angular dans laquelle vous intégrerez les briques applicatives fondamentales d'un projet. Vous mettrez en place les composants, les directives, les routes, les formulaires, les services ainsi que l'interaction avec un serveur. En manipulant les outils d'Angular 7, vous deviendrez rapidement autonome et vous serez en mesure de créer une application fonctionnelle.

## Définition du framework

![framework](images/definitioçnframework.png)

## Framework vs Librairie

![frameworkvslibrairie](images/frameworkvslibrairie.png)

## Historique de JavaScript

![es6](images/historique.png)

## ES6 et Angular

![es61](images/es61.png)

![es62](images/es62.png)

![es63](images/es63.png)

## Type en TypeScript

![type en tsc](images/typeintypecript1.png)

## Créer un projet Angulr

![angular](images/creerunprojetangular.png)

![angularcli](images/anglarcli.png)

## Component en Angular

![component](images/component.png)

## Les Modules en Angular

![module](images/modules.png)

## Les Directives en Angular

![directives](images/directives.png)

### Les Directive Structurelles

![dir st](images/directivestrictirelles.png)

### Les Directives d'Attributs

![attributs](images/directiveattributs.png)

## Les Pipes en Angular

![pipes](images/pipe.png)

## Routage en Angular

![les routes](images/routage.png)

## Formulaires Angular

![form](images/formte.png)

### Declarer un formulaire

![form](images/forms2.png)

## Architecture Front et Back End

![frontback](images/archfrontbackend.png)

![arch2](images/archfrontbackend2.png)

![arch2](images/archfrontbackend3.png)

![arch2](images/archfrontbackend4.png)

## Type de de développement

![ar](images/archfrontbackend5.png)

## Webpack

![webpack](images/webpack.png)

### Type de compilation

![typec](images/compilationwebpack1.png)

![typeoa](images/jot.png)

## TypeScript

![ts](images/ts.png)

### Avantage de TypeScript

![avts](images/avantagets1.png)

### Utilisation de TypeScript

![usecasts](images/usecasts.png)

###Transpilation

![trans](images/transpilationts.png)

### Version JavaScript

![jsv](images/versionjs.png)

### Declaration de variable en TypeScript

![tsc](images/declaration.png)