Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Modern Web Toolchain
Search
Fabian Gosebrink
October 22, 2017
Technology
0
87
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
Why State is the Most Important Part of Your Angular Application
fabiangosebrink
0
61
Angular testing made easy with Jest and Cypress
fabiangosebrink
0
94
Introducing state management into an application with NgRx
fabiangosebrink
0
140
Scalable architectures in Angular with Nx
fabiangosebrink
0
120
My Biggest Angular Mistakes and How To Avoid Them
fabiangosebrink
0
230
[iJS Munich] Better Angular Architectures with Libraries and Nx
fabiangosebrink
0
140
Mastering State Management in Angular with the NgRx Signal Store
fabiangosebrink
0
350
Angular Architectures with NgRx Stores & Effects
fabiangosebrink
0
110
Angular Testing made easy with Jest and Cypress
fabiangosebrink
0
110
Other Decks in Technology
See All in Technology
Aurora DSQLはサーバーレスアーキテクチャの常識を変えるのか
iwatatomoya
1
1.2k
Claude Code でアプリ開発をオートパイロットにするためのTips集 Zennの場合 / Claude Code Tips in Zenn
wadayusuke
5
1.5k
roppongirb_20250911
igaiga
1
250
AWSで始める実践Dagster入門
kitagawaz
1
740
Webアプリケーションにオブザーバビリティを実装するRust入門ガイド
nwiizo
7
890
要件定義・デザインフェーズでもAIを活用して、コミュニケーションの密度を高める
kazukihayase
0
120
RSCの時代にReactとフレームワークの境界を探る
uhyo
10
3.5k
今日から始めるAWSセキュリティ対策 3ステップでわかる実践ガイド
yoshidatakeshi1994
0
120
会社紹介資料 / Sansan Company Profile
sansan33
PRO
6
380k
5年目から始める Vue3 サイト改善 #frontendo
tacck
PRO
3
230
CDK CLIで使ってたあの機能、CDK Toolkit Libraryではどうやるの?
smt7174
4
190
Rustから学ぶ 非同期処理の仕組み
skanehira
1
150
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.8k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Building Adaptive Systems
keathley
43
2.7k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Visualization
eitanlees
148
16k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Thoughts on Productivity
jonyablonski
70
4.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Practical Orchestrator
shlominoach
190
11k
Six Lessons from altMBA
skipperchong
28
4k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
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