Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Modern Web Toolchain
Fabian Gosebrink
October 22, 2017
Technology
0
64
Modern Web Toolchain
Slides for my talk about the modern web toolchain
Fabian Gosebrink
October 22, 2017
Tweet
Share
More Decks by Fabian Gosebrink
See All by Fabian Gosebrink
fabiangosebrink
0
26
fabiangosebrink
0
52
fabiangosebrink
0
71
fabiangosebrink
1
95
fabiangosebrink
0
34
fabiangosebrink
0
110
fabiangosebrink
0
88
fabiangosebrink
0
230
fabiangosebrink
0
40
Other Decks in Technology
See All in Technology
1027kg
0
180
andoshin11
0
140
ayanadesu
0
300
line_developers
PRO
0
170
hagyyyy
0
140
pg0084
1
130
grapecity_dev
0
170
futo23
1
280
hayatan
0
170
ihcomega56
1
460
hashhub
3
15k
buildersbox
0
110
Featured
See All Featured
brettharned
93
3k
moore
125
21k
jonyablonski
19
1.2k
holman
288
130k
lara
172
9.6k
addyosmani
311
21k
sachag
267
17k
samanthasiow
56
6.3k
colly
188
14k
brad_frost
157
6.4k
chriscoyier
499
130k
pauljervisheath
196
15k
Transcript
The modern web toolchain @FabianGosebrink
Fabian Gosebrink
@FabianGosebrink
None
The modern web toolchain
None
None
None
None
None
None
None
None
None
None
None
None
None
> npm install rimraf -g
> npm install rimraf
None
None
None
None
> yarn add ...
None
None
None
None
None
None
None
None
None
ES5 ES6 TS
> npm install typescript
> tsc myTypescriptFile.ts
None
None
None
None
Root Child Child GrandChild GrandChild
None
None
SystemJS
None
None
// import the entire utils object with CommonJS var utils
= require('utils ); var query = 'test'; utils.ajax('https://api.example.com?search=' + query) .then(handleResponse);
// 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);
None
None
None
None
> npm install webpack-dev-server --save-dev
None
Ahead-of-time (AOT) vs. just-in-time (JIT)
None
None
None
None
None
Testing
Protractor Jasmine Karma
J asmine Behaviour Driven Development Fast
Karma Test runner Spawns browser & runs tests Also on
CommandLine
None
None
Pr otr actor End-to-end test framework Runs in a real
browser Test like a user
None
None
None
How do you keep up 2 date?
None
Conferences!
None
None
https://github.com/FabianGosebrink https://offering.solutions https://swissangular.com @FabianGosebrink