Modern Web Toolchain

Slides for my talk about the modern web toolchain

Transcript

1. The modern web toolchain @FabianGosebrink
2. Fabian Gosebrink
3. @FabianGosebrink
5. The modern web toolchain
19. > npm install rimraf -g
20. > npm install rimraf
25. > yarn add ...
35. ES5 ES6 TS
36. > npm install typescript
37. > tsc myTypescriptFile.ts
42. Root Child Child GrandChild GrandChild
45. SystemJS
48. // import the entire utils object with CommonJS var utils = require('utils ); var query = 'test'; utils.ajax('https://api.example.com?search=' + query) .then(handleResponse);
49. // import the ajax function with an ES6 import statement import { ajax } from 'utils'; var query = 'test ; // call the ajax function ajax('https://api.example.com?search=' + query ) .then(handleResponse);
54. > npm install webpack-dev-server --save-dev
56. Ahead-of-time (AOT) vs. just-in-time (JIT)
62. Testing
63. Protractor Jasmine Karma
64. J asmine Behaviour Driven Development Fast
65. Karma Test runner Spawns browser & runs tests Also on CommandLine
68. Pr otr actor End-to-end test framework Runs in a real browser Test like a user
72. How do you keep up 2 date?
74. Conferences!
77. https://github.com/FabianGosebrink https://offering.solutions https://swissangular.com @FabianGosebrink