Package-Management Für JavaScript

Language: German

Einführung in Package-Management anhand von Bower.

EnterJS 2014

Transcript

1. Package-Management
   für JavaScript
   Rodney Rehm - @rodneyrehm
   EnterJS 2014
   

   View Slide

2. Hey,
   I’m Rod
   Photo by @stn1978
   

   View Slide

3. View Slide

4. https://www.qivicon.com
   Home Automation
   

   View Slide

5. In Einem Land Vor
   Unserer Zeit…
   

   View Slide

6. View Slide

7. •Bezug zur Quelle?
   •Ladereihenfolge?
   •Wartbarkeit von Einzelteilen?
   •Testbarkeit von Einzelteilen?
   •global scope?
   

   View Slide

8. Module Definieren
   

   View Slide

9. View Slide

10. View Slide

11. View Slide

12. View Slide

13. (vermutlich veraltete Syntax…)
    

    View Slide

14. Heute…
    

    View Slide

15. Module Laden
    

    View Slide

16. View Slide

17. View Slide

18. Heute…
    

    View Slide

19. Module Verwalten
    (Wie es bisher gemacht wurde)
    

    View Slide

20. View Slide

21. View Slide

22. View Slide

23. View Slide

24. View Slide

25. View Slide

26. View Slide

27. View Slide

28. View Slide

29. Module Verwalten
    

    View Slide

30. View Slide

31. View Slide

32. Heute…
    Front End Build Chain
    Ablage der fertig gebauten Artefakte
    

    View Slide

33. Bower Konsumieren
    

    View Slide

34. View Slide

35. View Slide

36. View Slide

37. View Slide

38. View Slide

39. View Slide

40. View Slide

41. (automatisieren mit grunt-bower-verify)
    

    View Slide

42. View Slide

43. View Slide

44. View Slide

45. View Slide

46. View Slide

47. Bower Als Registry
    

    View Slide

48. View Slide

49. View Slide

50. View Slide

51. View Slide

52. View Slide

53. View Slide

54. View Slide

55. View Slide

56. View Slide

57. View Slide

58. View Slide

59. View Slide

60. View Slide

61. Private Bower Registry
    

    View Slide

62. View Slide

63. View Slide

64. View Slide

65. View Slide

66. Mit Modulen
    Entwickeln?
    

    View Slide

67. View Slide

68. View Slide

69. View Slide

70. View Slide

71. View Slide

72. Spielwiesen™
    

    View Slide

73. •Ladereihenfolge
    •Kein Global scope Pollution
    •Wartbare Einzelteile
    

    View Slide

74. View Slide

75. View Slide

76. Continuous
    Integration
    

    View Slide

77. Jenkins NodeJS Plugin
    https://wiki.jenkins-ci.org/display/JENKINS/NodeJS+Plugin
    

    View Slide

78. Jenkins Build Job
    

    View Slide

79. Leider keine Dependents
    

    View Slide

80. View Slide

81. That’s it…
    Rodney Rehm - @rodneyrehm
    EnterJS 2014
    

    View Slide

82. Resources
    # Loading
    http://requirejs.org/
    http://browserify.org/
    # PackageManagement
    http://npmjs.org/ http://bower.io/ http://component.io/
    http://ender.jit.su/ http://volojs.org/ http://jamjs.org/
    http://jspm.io/
    # Build Tools
    http://gruntjs.com/
    https://npmjs.org/package/grunt-bower-clean
    https://npmjs.org/package/grunt-dependencygraph
    https://npmjs.org/package/grunt-bower-verify
    # Jenkins
    https://wiki.jenkins-ci.org/display/JENKINS/NodeJS+Plugin
    # Articles
    http://wibblycode.wordpress.com/2013/01/01/the-state-of-javascript-
    package-management/
    http://addyosmani.com/writing-modular-js/
    http://fumblesandfriends.com/blog/setting-up-a-private-bower-registry/
    

    View Slide