Die moderne Web-Toolchain: webpack, npm und Yarn, Linting und Co.

Wer heutzutage in die Webentwicklung einsteigt, wird von den vielen Varianten und Tools erschlagen, die die Frontend-Entwicklung mittlerweile hergibt. Es gibt für fünf verschiedene Probleme mindestens doppelt so viele Lösungen, und welches Framework für welches Problem verwendet werden sollte, verschwimmt wöchentlich hinter neuen Keywords. In diesem Talk haben wir Zeit, um mit Begriffen aufzuräumen und zu definieren, welches Tool wo angewandt werden kann. Wir werfen einen Blick auf die Vielfalt der Frameworks im JavaScript-Bereich und bringen Licht in den Dschungel voller Helferlein und Tools.

Transcript

19. Naughty Push Message Never Program Mad Never Push to Master Nice Poodle, Mister Nineties Party Mix Null Pointer Missing Neapolitan Pizza Margherita Nuclear Potato Monster Nanananananananana.. Pat Man!
21. > npm install <myPackage>
22. > npm install <myPackage> -g
25. > npm install rimraf -g
26. > rimraf node_modules
30. > yarn add ...
40. ES5 ES6 TS
41. > npm install typescript
42. > tsc myTypescriptFile.ts
47. Root Child Child GrandChild GrandChild
51. SystemJS
60. Root Child Child GrandChild GrandChild
70. Component Services
71. Component
72. Store Component
73. Store Component store.select(…)
74. Store Component Reducer store.select(…) store.dispatch(…)
75. Store Component Reducer store.select(…) store.dispatch(…)
76. Store Component Reducer store.select(…) store.dispatch(…) Effects Services
83. Protractor Jasmine Karma
84. Behaviour Driven Development Fast
85. Test runner Spawns browser & runs tests Also on CommandLine
88. End-to-end test framework Runs in a real browser Test like a user
96. @FabianGosebrink
100. https://offering.solutions http://developer-academy.ch @FabianGosebrink