Created
October 30, 2020 00:39
-
-
Save bellaajhabib/b747b514731f459661530a7a8d110afc to your computer and use it in GitHub Desktop.
*** Extraits de code : Premiers pas avec Angular. ***
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { Component } from '@angular/core'; | |
| @Component({ | |
| selector: 'my-app', | |
| template: `<h1>Hello {{name}}</h1>`, | |
| }) | |
| export class AppComponent { name = 'Angular'; } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { NgModule } from '@angular/core'; | |
| import { BrowserModule } from '@angular/platform-browser'; | |
| import { AppComponent } from './app.component'; | |
| @NgModule({ | |
| imports: [ BrowserModule ], | |
| declarations: [ AppComponent ], | |
| bootstrap: [ AppComponent ] | |
| }) | |
| export class AppModule { } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "server": { | |
| "baseDir": "src", | |
| "routes": { | |
| "/node_modules": "node_modules" | |
| } | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Angular QuickStart</title> | |
| <base href="/"> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <!-- Polyfill(s) for older browsers --> | |
| <script src="node_modules/core-js/client/shim.min.js"></script> | |
| <script src="node_modules/zone.js/dist/zone.js"></script> | |
| <script src="node_modules/systemjs/dist/system.src.js"></script> | |
| <script src="systemjs.config.js"></script> | |
| <script> | |
| System.import('main.js').catch(function(err){ console.error(err); }); | |
| </script> | |
| </head> | |
| <body> | |
| <my-app>Loading AppComponent content here ...</my-app> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; | |
| import { AppModule } from './app/app.module'; | |
| platformBrowserDynamic().bootstrapModule(AppModule).catch(err => console.log(err)); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "ng6-pokemon-app", | |
| "version": "1.0.0", | |
| "description": "An awesome application to handle some pokemons.", | |
| "scripts": { | |
| "build": "tsc -p src/", | |
| "build:watch": "tsc -p src/ -w", | |
| "serve": "lite-server -c=bs-config.json", | |
| "prestart": "npm run build", | |
| "start": "concurrently \"npm run build:watch\" \"npm run serve\"", | |
| "lint": "tslint ./src/**/*.ts -t verbose" | |
| }, | |
| "private": true, | |
| "dependencies": { | |
| "@angular/animations": "~6.0.0", | |
| "@angular/common": "~6.0.0", | |
| "@angular/compiler": "~6.0.0", | |
| "@angular/core": "~6.0.0", | |
| "@angular/forms": "~6.0.0", | |
| "@angular/http": "~6.0.0", | |
| "@angular/platform-browser": "~6.0.0", | |
| "@angular/platform-browser-dynamic": "~6.0.0", | |
| "@angular/router": "~6.0.0", | |
| "core-js": "~2.5.4", | |
| "firebase-tools": "~3.18.6", | |
| "rxjs": "~6.2.0", | |
| "rxjs-compat": "~6.2.0", | |
| "systemjs": "~0.19.40", | |
| "zone.js": "~0.8.26" | |
| }, | |
| "devDependencies": { | |
| "angular-in-memory-web-api": "~0.6.0", | |
| "concurrently": "~3.6.0", | |
| "lite-server": "~2.4.0", | |
| "tslint": "~5.9.1", | |
| "typescript": "~2.8.0" | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "ng-pokemons-app", | |
| "version": "1.0.0", | |
| "description": "An awesome application to handle some pokemons.", | |
| "scripts": { | |
| "build": "tsc -p src/", | |
| "build:watch": "tsc -p src/ -w", | |
| "serve": "lite-server -c=bs-config.json", | |
| "prestart": "npm run build", | |
| "start": "concurrently \"npm run build:watch\" \"npm run serve\"" | |
| }, | |
| "private": true, | |
| "dependencies": { | |
| "@angular/animations": "~8.0.0", | |
| "@angular/common": "~8.0.0", | |
| "@angular/compiler": "~8.0.0", | |
| "@angular/core": "~8.0.0", | |
| "@angular/forms": "~8.0.0", | |
| "@angular/platform-browser": "~8.0.0", | |
| "@angular/platform-browser-dynamic": "~8.0.0", | |
| "@angular/router": "~8.0.0", | |
| "core-js": "~2.5.4", | |
| "rxjs": "~6.4.0", | |
| "rxjs-compat": "~6.4.0", | |
| "systemjs": "~0.19.40", | |
| "zone.js": "~0.9.1" | |
| }, | |
| "devDependencies": { | |
| "angular-in-memory-web-api": "~0.8.0", | |
| "concurrently": "~3.6.0", | |
| "firebase-tools": "~7.0.2", | |
| "lite-server": "~2.4.0", | |
| "tslint": "~5.9.1", | |
| "typescript": "~3.4.0" | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * System configuration for Angular samples | |
| * Adjust as necessary for your application needs. | |
| */ | |
| (function (global) { | |
| System.config({ | |
| paths: { | |
| // paths serve as alias | |
| 'npm:': 'node_modules/' | |
| }, | |
| // map tells the System loader where to look for things | |
| map: { | |
| // our app is within the dist/app folder | |
| 'app': 'app', | |
| // angular bundles | |
| '@angular/core': 'npm:@angular/core/bundles/core.umd.js', | |
| '@angular/common': 'npm:@angular/common/bundles/common.umd.js', | |
| '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js', | |
| '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js', | |
| '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', | |
| '@angular/common/http': 'npm:@angular/common/bundles/common-http.umd.js', | |
| '@angular/http': 'npm:@angular/common/bundles/common-http.umd.js', | |
| '@angular/router': 'npm:@angular/router/bundles/router.umd.js', | |
| '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js', | |
| // other libraries | |
| 'tslib': 'npm:tslib/tslib.js', | |
| 'rxjs': 'npm:rxjs', | |
| 'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js' | |
| }, | |
| // packages tells the System loader how to load when no filename and/or no extension | |
| packages: { | |
| app: { | |
| defaultExtension: 'js', | |
| }, | |
| rxjs: { | |
| main: 'index.js', | |
| defaultExtension: 'js' | |
| }, | |
| 'rxjs/operators': { | |
| main: 'index.js', | |
| defaultExtension: 'js' | |
| } | |
| } | |
| }); | |
| })(this); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Show hidden characters
| { | |
| "compilerOptions": { | |
| "target": "es5", | |
| "module": "commonjs", | |
| "moduleResolution": "node", | |
| "sourceMap": true, | |
| "emitDecoratorMetadata": true, | |
| "experimentalDecorators": true, | |
| "lib": [ "es2015", "dom" ], | |
| "noImplicitAny": true, | |
| "suppressImplicitAnyIndexErrors": true, | |
| "typeRoots" : ["node_modules/@types"] | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment