Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Modern Web Toolchain

Avatar for Fabian Gosebrink Fabian Gosebrink
October 22, 2017
Technology
99
0

Modern Web Toolchain

Slides for my talk about the modern web toolchain

Avatar for Fabian Gosebrink

Fabian Gosebrink

October 22, 2017

More Decks by Fabian Gosebrink

See All by Fabian Gosebrink
Advanced Signal Store: Structuring State for Real Angular Applications
Avatar for Fabian Gosebrink fabiangosebrink
0
120
NgRx Signal Store - A Deeper Dive
Avatar for Fabian Gosebrink fabiangosebrink
0
78
Modern Angular Apps in 2026
Avatar for Fabian Gosebrink fabiangosebrink
0
140
Why State is the Most Important Part of Your Angular Application
Avatar for Fabian Gosebrink fabiangosebrink
0
160
Angular testing made easy with Jest and Cypress
Avatar for Fabian Gosebrink fabiangosebrink
0
190
Introducing state management into an application with NgRx
Avatar for Fabian Gosebrink fabiangosebrink
0
280
Scalable architectures in Angular with Nx
Avatar for Fabian Gosebrink fabiangosebrink
0
270
My Biggest Angular Mistakes and How To Avoid Them
Avatar for Fabian Gosebrink fabiangosebrink
0
370
[iJS Munich] Better Angular Architectures with Libraries and Nx
Avatar for Fabian Gosebrink fabiangosebrink
0
250

Other Decks in Technology

See All in Technology
Account Factory for Terraformによる 標準化されたアカウント発行の自動化
Avatar for Ryosuke Tsuruda pensuke628
0
110
SREへの勘違いに気づいた後の話
Avatar for yuden tomodakengo
0
170
Azure Serverless 2026：Production-ready な AI エージェント基盤 / Azure Serverless 2026: Production-Ready AI Agent Platform
Avatar for miyake miyake
2
630
Apache Iceberg が拓く AI 時代のオープンレイクハウス
Avatar for Tomohiro Tanaka tomtanaka
0
110
2026-09-18 gotanda.sre Terraformで複数環境作ったり、複数Stateに分割したりそれとTerragrunt / Terraform multi envs and multi states
Avatar for SUZUKI Masashi masasuzu
4
750
AWS FinOps Agent 結局何が得意なの？
Avatar for Siromi siromi
0
210
Lambda MicroVMsは常駐サーバーの代わりに なるか？ Kiro Crew を動かして検証してみた / Kiro Crew on Lambda MicroVMs
Avatar for Kazuki Adachi k_adachi_01
2
270
JSONataとAWS Step Functionsで目指すRuntimelessな世界
Avatar for mu7889yoon / Yuta Nakamura mu7889yoon
1
530
AI Native Platform Engineering 〜PlatformとAgileで“作る速さ”を“価値”へ〜
Avatar for Yuya Mizorogi uya116
0
220
ScotSecure West 2026 - Glasgow
Avatar for Ray Bugg raybugg
0
190
認知負荷を吸収し、プロダクトをまたぐPR Preview基盤の設計事例
Avatar for taiki45 taiki45
2
430
Antigravity SDK for the Java Developer
Avatar for Guillaume Laforge glaforge
0
220

Featured

See All Featured
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
6.2k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
370
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.8k
It's Worth the Effort
Avatar for 3n 3n
188
29k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
1k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
370
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
340
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.7k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
710
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
840
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
3
1.4k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k

Transcript

  1. The modern web toolchain @FabianGosebrink

  2. Fabian Gosebrink

  3. @FabianGosebrink

  4. None

  5. The modern web toolchain

  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. None
  14. None
  15. None
  16. None
  17. None
  18. None

  19. > npm install rimraf -g

  20. > npm install rimraf

  21. None
  22. None
  23. None
  24. None

  25. > yarn add ...

  26. None
  27. None
  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None

  35. ES5 ES6 TS

  36. > npm install typescript

  37. > tsc myTypescriptFile.ts

  38. None
  39. None
  40. None
  41. None

  42. Root Child Child GrandChild GrandChild

  43. None
  44. None

  45. SystemJS

  46. None
  47. None

  48. // import the entire utils object with CommonJS var utils

    = require('utils ); var query = 'test'; utils.ajax('https://api.example.com?search=' + query) .then(handleResponse);

  49. // 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);
  50. None
  51. None
  52. None
  53. None

  54. > npm install webpack-dev-server --save-dev

  55. None

  56. Ahead-of-time (AOT) vs. just-in-time (JIT)

  57. None
  58. None
  59. None
  60. None
  61. None

  62. Testing

  63. Protractor Jasmine Karma

  64. J asmine Behaviour Driven Development Fast

  65. Karma Test runner Spawns browser & runs tests Also on

    CommandLine
  66. None
  67. None

  68. Pr otr actor End-to-end test framework Runs in a real

    browser Test like a user
  69. None
  70. None
  71. None

  72. How do you keep up 2 date?

  73. None

  74. Conferences!

  75. None
  76. None

  77. https://github.com/FabianGosebrink https://offering.solutions https://swissangular.com @FabianGosebrink