Jenkins 17 IL - JavaScript CI/CD
Download as PPT, PDF0 likes128 views
This document discusses trends in JavaScript development. It notes that development has shifted to the client-side and JavaScript ecosystems have become more complex. Modern JavaScript development involves using modules, package managers, module loaders, and semantic versioning to manage dependencies and distribute code. Continuous integration/continuous delivery (CI/CD) is also important to reliably deliver changes. Challenges include non-determinism in dependency trees and ensuring offline access to packages and metadata. The talk provides an overview of current JavaScript practices and tools to help developers build and deliver JavaScript applications.
Jenkins 17 IL - JavaScript CI/CD
- 1. JavaScript Journey – A New Era JULY 13 / TLV, Israel
- 2. Full-Stack Dev/Team lead @ IDI
- 3. I know someone who know something about JavaScript
- 4. How do we really see JavaScript
- 5. -Rush to client-side in web development -Critical mass of development shifted to client side -FullStack developer has been evolve JavaScript trends More complex JS Eco-system
- 6. How I Build My JavaScript this days CI/CD
- 7. -> -> ----> CI CD Module Package Site JavaScript challenges Repository
- 8. -> -> ----> CI CD Module Package Site JavaScript challenges Repository
- 9. Modules WHAT (files) to load for the browser ES2015 Entry Output WHERE and HOW to distribute bundles (compilations) Bundle Type ECMAScript 6 Universal Module Definition (UMD)
- 10. -> -> ----> CI CD Module Package Site JavaScript challenges Repository
- 11. -> -> ----> CI CD Module Package Site JavaScript challenges Repository
- 12. Packaging system Every file-type this days have specific ways to process it
- 13. Module Loaders
- 14. -> -> ----> CI CD Module Package Site JavaScript challenges Repository
- 15. -> -> ----> CI CD Module Package Site JavaScript challenges Repository
- 16. How the hell we going to deliver it ?
- 17. Require your JS Dependencies Use semantic versioning Lock your dependency tree Private registries
- 19. Range specifiers
- 20. Non Determinism
- 22. Private Registries - Sharing internal and external NPM packages - Security and access control - Reduce network traffic - Optimize build system
- 26. Offline access to packages and metadata Reliable access to NPMJS.ORG
- 28. goat-love-app crashed by using framework-utilities module Uncaught ReferenceError: UpperCaseFirstFilter1 is not defined at Object.<anonymous> (framework-utils.bundle.js:134) at __webpack_require__ (framework-utils.bundle.js:20) at __webpack_exports__.a.sensitive (framework-utils.bundle.js:66) at Object.module.exports.list (framework-utils.bundle.js:69) at __webpack_require__ …... Deliver framework-utilities
- 30. Under the hood Docker Container PRODDEV Docker Container
- 32. Thank you! Elad Hirsch JULY 13 / TLV, Israel https://il.linkedin.com/in/eladhirsch Fullstack Dev @ IDI