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

18. Semantic
versioning

19. Range
specifiers

20. Non Determinism

21. yarn.lock file
deterministic
versioning

22. Private Registries
- Sharing internal and external
NPM packages
- Security and access control
- Reduce network traffic
- Optimize build system

23. http://modulecounts.com/
2014

26. Offline access to packages and metadata
Reliable access to NPMJS.ORG

27. framework-utilities
Goat-Love App
abc->Abc

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

29. framework-utilities
goat-love-app
Retrieve new
framework-utilities
Fix bug

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