Angular basic knowledges, installing, adding bootstrap, and two ways data binding

1. Untuk memulai menggunakan framework Angular, kamu harus menginstall node terlebih dahulu. Pergi ke Node browser, lalu ikuti instruksi untuk mendownload node.js
2. Setelah itu pergi ke terminal, lalu ketik npm install -g @angular/cli untuk menginstall angular command line interface. kunjungi websitenya untuk mendapatkan informasi lebih lanjut Angular CLI
3. untuk memulai suatu project ketik ng new <yourappname>
4. lalu masuk ke folder applikasi kamu dengan mengetik cd <yourappname>
5. lalu jalankan applikasi kamu dengan mengetik ng serve cek applikasi kamu dengan membuka browser dan ketik localhost:4200
6. Untuk menambahkan bootstrap, caranya install bootstrap melalui npm npm install bootstrap --save lalu buka folder .angular-cli.json dan tambahkan di bagian "styles" "../node_modules/bootstrap/dist/css/bootstrap.min.css"
7. Data binding satu arah dari HTML ke Business logic biasanya dilakukan menggunakan event handling <button (click) = "YourMethod()"> atau <input type="text" (input) = "YourMethod($event)">
8. Sebaliknya, data binding satu arah dari Business logic ke HTML biasanya dilakukan menggunakan property binding <button [disabled]="sex === 'male'">
9. Untuk melakukan komunikasi dua arah antara typescript(Business Logic) dan Template(HTML) kita bisa mengunakan data binding dua arah <input type="text" [(ngModel)] = "data">

NPM modules for a simple web application

1. Express
Nodejs backend framework untuk applikasi web. Memudahkan kamu untuk menghandle routes, get and post requests. untuk menginstall ketik npm install express --save
2. Handlebar
Adalah javascript templating engine dengan syntax yang sangat simple. Dengan menggunakan syntax {{yourObjectProperty}}. Untuk mengkombinasikan express.js dan handlebars.js kamu harus menginstall hbs packaged module dari npm. npm install hbs --save
3. Nodemon
4. Request
5. Yargs
6. Mongoose
7. Body-parser
8. Lodash
9. validator
10. jsonwebtoken
11. bcrypt