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
86
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
45
Angular testing made easy with Jest and Cypress
fabiangosebrink
0
78
Introducing state management into an application with NgRx
fabiangosebrink
0
120
Scalable architectures in Angular with Nx
fabiangosebrink
0
100
My Biggest Angular Mistakes and How To Avoid Them
fabiangosebrink
0
210
[iJS Munich] Better Angular Architectures with Libraries and Nx
fabiangosebrink
0
130
Mastering State Management in Angular with the NgRx Signal Store
fabiangosebrink
0
320
Angular Architectures with NgRx Stores & Effects
fabiangosebrink
0
96
Angular Testing made easy with Jest and Cypress
fabiangosebrink
0
97
Other Decks in Technology
See All in Technology
対話型音声AIアプリケーションの信頼性向上の取り組み
ivry_presentationmaterials
1
270
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
10
130k
【LT会登壇資料】TROCCO新コネクタ「スマレジ」を活用した直営店データの分析
kazari0425
1
110
FOSS4G 2025 KANSAI QGISで点群データをいろいろしてみた
kou_kita
0
400
american airlines®️ USA Contact Numbers: Complete 2025 Support Guide
supportflight
1
110
Getting to Know Your Legacy (System) with AI-Driven Software Archeology (WeAreDevelopers World Congress 2025)
feststelltaste
1
160
クラウド開発の舞台裏とSRE文化の醸成 / SRE NEXT 2025 Lunch Session
kazeburo
1
240
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
2
8k
60以上のプロダクトを持つ組織における開発者体験向上への取り組み - チームAPIとBackstageで構築する組織の可視化基盤 - / sre next 2025 Efforts to Improve Developer Experience in an Organization with Over 60 Products
vtryo
2
360
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
2
7.8k
Delta airlines®️ USA Contact Numbers: Complete 2025 Support Guide
airtravelguide
0
340
United™️ Airlines®️ Customer®️ USA Contact Numbers: Complete 2025 Support Guide
flyunitedguide
0
240
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.6k
A Tale of Four Properties
chriscoyier
160
23k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Speed Design
sergeychernyshev
32
1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Being A Developer After 40
akosma
90
590k
How to train your dragon (web standard)
notwaldorf
96
6.1k
Visualization
eitanlees
146
16k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
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