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
いま注目のAIエージェントを作ってみよう
supermarimobros
0
330
20250913_JAWS_sysad_kobe
takuyay0ne
2
230
La gouvernance territoriale des données grâce à la plateforme Terreze
bluehats
0
180
株式会社ログラス - 会社説明資料【エンジニア】/ Loglass Engineer
loglass2019
4
64k
大「個人開発サービス」時代に僕たちはどう生きるか
sotarok
20
10k
Firestore → Spanner 移行 を成功させた段階的移行プロセス
athug
1
490
AIエージェント開発用SDKとローカルLLMをLINE Botと組み合わせてみた / LINEを使ったLT大会 #14
you
PRO
0
130
【初心者向け】ローカルLLMの色々な動かし方まとめ
aratako
7
3.5k
Webブラウザ向け動画配信プレイヤーの 大規模リプレイスから得た知見と学び
yud0uhu
0
230
テストを軸にした生き残り術
kworkdev
PRO
0
210
COVESA VSSによる車両データモデルの標準化とAWS IoT FleetWiseの活用
osawa
1
320
Practical Agentic AI in Software Engineering
uzyn
0
110
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Code Review Best Practice
trishagee
70
19k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.9k
Thoughts on Productivity
jonyablonski
70
4.8k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
A Tale of Four Properties
chriscoyier
160
23k
Bash Introduction
62gerente
615
210k
A better future with KSS
kneath
239
17k
The Pragmatic Product Professional
lauravandoore
36
6.9k
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