Modern Tooling - Fullstack Day

by Max Schulte

Slide 1

Slide 1 text

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

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