Slide DevCoach

DevCoach 133 : Front-End | Kelola Paketmu dengan npm

Transcript

1. Dicoding Slides Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore. Front-End Web
3. Position Kelola Paketmu dengan npm Front-End Web Nur Rizki Adi Curriculum Developer
4. Learning Objectives • Menjelaskan maksud dari package manager. • Menunjukkan pentingnya package manager. • Menunjukkan cara membuat package.json dengan npm. • Menjelaskan perbedaan antara production dan development dependencies. • Menjelaskan format versioning dengan semantic version. • Membuat alias command dengan package scripts. Front-End Web
5. Agenda • Apa itu package manager • Alasan package manager ada • Memasang npm sebagai package manager • Membuat package.json secara cepat • Antara production dan development dependencies • Semantic versioning format • Package scripts. Front-End Web
6. Native atau Framework? Front-End Web
7. A lot ot Frameworks out there…
8. Frameworks for framework…
9. Sooo many libraries…
10. Menyepakati Istilah Library = Package = Dependency
11. Alat Pengelola Paket
12. Menginisiasi Proyek
13. Memasang Dependencies
14. namespace semver
15. Semantic Versioning Format Versi Package
16. Major The leftmost number. It means that the change breaks an API or a behavior. Minor The middle number. It means that the package has been extended in some way, for instance a new method, but it's fully backwards compatible. Upgrading to a minor should not break the package. Patch The rightmost number. It means that there has been a bug fix. semver.org 4.17.21 Major Minor Patch
17. Memasang Dev Dependencies
18. What’s the difference between dependencies and dev dependencies Dependencies Menampung package yang kita gunakan dalam membuat aplikasi. Dev Dependencies Mendaftarkan package yang digunakan hanya selama tahap pengembangan saja.
19. Melihat Daftar Dependencies Yang Terpasang
20. Melihat Kedalaman Dependencies
21. Pentingnya Package Scripts
22. https://docs.npmjs.com/
23. semver.npmjs.com
24. Thank You nurrizkiadip Nur Rizki Adi Prasetyo @NAdiPrasetyo nrizki@dicoding.com Nur Rizki Adi Prasetyo Nur Rizki Adi Prasetyo Front-End Web
25. Feedback! Hadiah: • 2 Token Langganan Academy (30 Hari) *untuk pengisi feedback terpilih! dicoding.id/devcoachfeedback
26. Front-end Web