Max Marschall
@MaxOSchulte
Modern Tooling
Fullstack Day
MaxOSchulte Thinktecture AG 1
Slide 2
Slide 2 text
Max Marschall
Consultant & Developer
@ Thinktecture AG
@MaxOSchulte
Babylon.js
, Angular
, Ionic
& GenAi
Fullstack Day
Modern Tooling
MaxOSchulte Thinktecture AG 2
Slide 3
Slide 3 text
Why Tooling ?
Fullstack Day
Modern Tooling
MaxOSchulte Thinktecture AG 3
Slide 4
Slide 4 text
Browser Tooling
XHR Breakpoints
Lighthouse
Score
Package Maps
Conditional- & Logpoints
Performance Profiler
Action Recorder & export Import (somewhat E2E Tests)
Fullstack Day
Modern Tooling
MaxOSchulte Thinktecture AG 4
Slide 5
Slide 5 text
Browser Tooling
$0 $1 $2 Syntax - (History of select)
Element to variable
console REPL
Design mode
Animation
Fullstack Day
Modern Tooling
MaxOSchulte Thinktecture AG 5
Slide 6
Slide 6 text
Tools
ProxyMan
Bruno
Eslint inspector
Fullstack Day
Modern Tooling
MaxOSchulte Thinktecture AG 6
Slide 7
Slide 7 text
Tools
ProxyMan
Bruno
Eslint inspector
Fullstack Day
Modern Tooling
MaxOSchulte Thinktecture AG 7
Slide 8
Slide 8 text
Tools
ProxyMan
Bruno
Eslint inspector
Fullstack Day
Modern Tooling
https://eslint.org/blog/2024/04/eslint-config-inspector
MaxOSchulte Thinktecture AG 8
Slide 9
Slide 9 text
Coding
Zod
Mock Server
MSW
Fullstack Day
Modern Tooling
https://python.langchain.com/docs/use_cases/tool_use/
MaxOSchulte Thinktecture AG 9
Slide 10
Slide 10 text
Coding
Zod
Mock Server
MSW
Fullstack Day
Modern Tooling
https://python.langchain.com/docs/use_cases/tool_use/
MaxOSchulte Thinktecture AG 10
Slide 11
Slide 11 text
Coding
Zod
Mock Server
MSW
Fullstack Day
Modern Tooling
MaxOSchulte Thinktecture AG 11
Slide 12
Slide 12 text
Machine Learning
Classifier
VNN
RRN
NLP
Vector Embedding
Fullstack Day
Modern Tooling
MaxOSchulte Thinktecture AG 12
Slide 13
Slide 13 text
Generative Ai (LLM)
Large Language Model
e.g. ChatGPT
Fullstack Day
Modern Tooling
MaxOSchulte Thinktecture AG 13
Slide 14
Slide 14 text
Generative Ai (LLM)
Large Language Model
e.g. ChatGPT
Fullstack Day
Modern Tooling
MaxOSchulte Thinktecture AG 14
Slide 15
Slide 15 text
DEMO
Fullstack Day
Modern Tooling
MaxOSchulte Thinktecture AG 15
Slide 16
Slide 16 text
New opportunities
Tools
Agents
RAG (Retrieval Augmented Generation)
Summarization
Context based generation
Fullstack Day
Modern Tooling
MaxOSchulte Thinktecture AG 16
Slide 17
Slide 17 text
New opportunities
Tools
Agents
RAG (Retrieval Augmented Generation)
Summarization
Context based generation
Fullstack Day
Modern Tooling
MaxOSchulte Thinktecture AG 17
Slide 18
Slide 18 text
New opportunities
Tools
Agents
RAG (Retrieval Augmented Generation)
Summarization
Context based generation
Fullstack Day
Modern Tooling
https://python.langchain.com/docs/use_cases/tool_use/
MaxOSchulte Thinktecture AG 18
Slide 19
Slide 19 text
New opportunities
Tools
Agents
RAG (Retrieval Augmented Generation)
Summarization
Context based generation
Fullstack Day
Modern Tooling
MaxOSchulte Thinktecture AG 19
Slide 20
Slide 20 text
New opportunities
Tools
Agents
RAG (Retrieval Augmented Generation)
Summarization
Context based generation
Fullstack Day
Modern Tooling
https://python.langchain.com/docs/use_cases/tool_use/agents/
MaxOSchulte Thinktecture AG 20
Slide 21
Slide 21 text
New opportunities
Tools
Agents
RAG (Retrieval Augmented Generation)
Summarization
Context based generation
Fullstack Day
Modern Tooling
MaxOSchulte Thinktecture AG 21
Slide 22
Slide 22 text
RAG
Fullstack Day
Modern Tooling
MaxOSchulte Thinktecture AG 22
Slide 23
Slide 23 text
Thank You !
https://www.thinktecture.com/thinktects/max-marschall
Fullstack Day
Modern Tooling
MaxOSchulte Thinktecture AG 23