Memulai Angular4 dan Firebase Install @angular/cli@latest angular/cli npm install -g @angular/cli@latest Buat Project menggunakan angular/cli $ ng new ng4-quickstart D:\Tools\Tutorial-Angular\ng4-quickstart>ng -v _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ @angular/cli: 1.
Membuat Project ng new tokoonline npm install firebase angularfire2 --save npm install angular2-flash-messages --save Membuat Component home, Masuk directory components jalankan ng g component home akan terbentuk home dan file lainnya. D:\Tools\Tutorial-Angular\tokoonline>cd src\app\components D:\Tools\Tutorial-Angular\tokoonline\src\app\components>ng g component home installing component create src\app\components\home\home.component.css create src\app\components\home\home.component.html create src\app\components\home\home.component.spec.ts create src\app\components\home\home.component.ts update src\app\app.module.ts Membuat Component listings D:\Tools\Tutorial-Angular\tokoonline\src\app\components>ng g component listings installing component create src\app\components\listings\listings.component.css create src\app\components\listings\listings.
Menggunakan Material pada Angular material-angular List Array Pada Firebase Buat project Angular $ ng new fireMaterial $ cd fireMaterial Install Material dalam folder project npm install --save @angular/material Install Module Angular Animation npm install --save @angular/animations Pada app.module.ts, import code di bawah: import {BrowserAnimationsModule} from '@angular/platform-browser/animations'; import { MaterialModule, MdButtonModule, MdCheckboxModule} from '@angular/material'; dan imports: [ MaterialModule, BrowserAnimationsModule, MdButtonModule, MdCheckboxModule ], Memsasang Theme material, Buka index.
Buat Project dengan angular2-cli $ ng new angularprimetutorial installing ng2 create .editorconfig create README.md create src\app\app.component.css create src\app\app.component.html create src\app\app.component.spec.ts create src\app\app.component.ts create src\app\app.module.ts create src\assets\.gitkeep create src\environments\environment.prod.ts create src\environments\environment.ts create src\favicon.ico create src\index.html create src\main.ts create src\polyfills.ts create src\styles.css create src\test.ts create src\tsconfig.json create angular-cli.json create e2e\app.e2e-spec.ts create e2e\app.po.ts create e2e\tsconfig.json create .gitignore create karma.conf.js create package.json create protractor.conf.js create tslint.json Successfully initialized git. Installing packages for tooling via npm.
Belajar dasar angular Sebelumnya download dan install nodeJs sesuai Os dan platform yang di gunakan, berikut cara Update npm secara global npm install npm -g install npm secara global npm install npm -g install angular-cli secara global npm install -g angular-cli install typescript secara global npm Install -g typescript Memulai angular quickstart download angular quickstar https://github.com/angular/quickstart extract, rename dan masuk folder untuk project angular sebagai contoh : cd angular-start jalankan $ npm install untuk install dependency yang di butuhkan, terletak di file package.
