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
85
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
33
Angular testing made easy with Jest and Cypress
fabiangosebrink
0
74
Introducing state management into an application with NgRx
fabiangosebrink
0
110
Scalable architectures in Angular with Nx
fabiangosebrink
0
97
My Biggest Angular Mistakes and How To Avoid Them
fabiangosebrink
0
200
[iJS Munich] Better Angular Architectures with Libraries and Nx
fabiangosebrink
0
130
Mastering State Management in Angular with the NgRx Signal Store
fabiangosebrink
0
310
Angular Architectures with NgRx Stores & Effects
fabiangosebrink
0
95
Angular Testing made easy with Jest and Cypress
fabiangosebrink
0
94
Other Decks in Technology
See All in Technology
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
lycorptech_jp
PRO
3
130
250627 関西Ruby会議08 前夜祭 RejectKaigi「DJ on Ruby Ver.0.1」
msykd
PRO
2
320
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
900
Oracle Audit Vault and Database Firewall 20 概要
oracle4engineer
PRO
3
1.7k
変化する開発、進化する体系時代に適応するソフトウェアエンジニアの知識と考え方(JaSST'25 Kansai)
mizunori
1
230
Amazon ECS & AWS Fargate 運用アーキテクチャ2025 / Amazon ECS and AWS Fargate Ops Architecture 2025
iselegant
17
5.7k
フィンテック養成勉強会#54
finengine
0
180
GeminiとNotebookLMによる金融実務の業務革新
abenben
0
230
より良いプロダクトの開発を目指して - 情報を中心としたプロダクト開発 #phpcon #phpcon2025
bengo4com
1
3.1k
Fabric + Databricks 2025.6 の最新情報ピックアップ
ryomaru0825
1
140
TechLION vol.41~MySQLユーザ会のほうから来ました / techlion41_mysql
sakaik
0
190
Amazon Bedrockで実現する 新たな学習体験
kzkmaeda
2
590
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
184
22k
The Language of Interfaces
destraynor
158
25k
A Tale of Four Properties
chriscoyier
160
23k
Agile that works and the tools we love
rasmusluckow
329
21k
Making the Leap to Tech Lead
cromwellryan
134
9.3k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Producing Creativity
orderedlist
PRO
346
40k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
What's in a price? How to price your products and services
michaelherold
246
12k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Designing for Performance
lara
609
69k
Done Done
chrislema
184
16k
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