Modern Tooling - Fullstack Day

This presentation by Max Marschall, a consultant and developer at Thinktecture AG, explores the realm of modern tooling in full-stack development. It delves into the significance of tooling, highlighting various browser tools such as XHR Breakpoints, Lighthouse, and the Performance Profiler, among others and most importantly generative AI. The talk also covers essential tools like ProxyMan, Bruno, and the Eslint inspector, providing insights into their functionalities and benefits. Additionally, it touches upon coding tools like Zod for validation and Mock Server and MSW for backend simulation. The presentation further explores the impact of Generative AI, particularly Large Language Models like ChatGPT, on development practices. It concludes with a discussion on new opportunities in tooling, agents, summarization, and context-based generation, showcasing how these advancements can enhance development workflows and productivity.

Transcript

1. Max Marschall @MaxOSchulte Modern Tooling Fullstack Day MaxOSchulte Thinktecture AG 1
2. Max Marschall Consultant & Developer @ Thinktecture AG @MaxOSchulte Babylon.js , Angular , Ionic & GenAi Fullstack Day Modern Tooling MaxOSchulte Thinktecture AG 2
3. Why Tooling ? Fullstack Day Modern Tooling MaxOSchulte Thinktecture AG 3
4. 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
5. 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
6. Tools ProxyMan Bruno Eslint inspector Fullstack Day Modern Tooling MaxOSchulte Thinktecture AG 6
7. Tools ProxyMan Bruno Eslint inspector Fullstack Day Modern Tooling MaxOSchulte Thinktecture AG 7
8. Tools ProxyMan Bruno Eslint inspector Fullstack Day Modern Tooling https://eslint.org/blog/2024/04/eslint-config-inspector MaxOSchulte Thinktecture AG 8
9. Coding Zod Mock Server MSW Fullstack Day Modern Tooling https://python.langchain.com/docs/use_cases/tool_use/ MaxOSchulte Thinktecture AG 9
10. Coding Zod Mock Server MSW Fullstack Day Modern Tooling https://python.langchain.com/docs/use_cases/tool_use/ MaxOSchulte Thinktecture AG 10
11. Coding Zod Mock Server MSW Fullstack Day Modern Tooling MaxOSchulte Thinktecture AG 11
12. Machine Learning Classifier VNN RRN NLP Vector Embedding Fullstack Day Modern Tooling MaxOSchulte Thinktecture AG 12
13. Generative Ai (LLM) Large Language Model e.g. ChatGPT Fullstack Day Modern Tooling MaxOSchulte Thinktecture AG 13
14. Generative Ai (LLM) Large Language Model e.g. ChatGPT Fullstack Day Modern Tooling MaxOSchulte Thinktecture AG 14
15. DEMO Fullstack Day Modern Tooling MaxOSchulte Thinktecture AG 15
16. New opportunities Tools Agents RAG (Retrieval Augmented Generation) Summarization Context based generation Fullstack Day Modern Tooling MaxOSchulte Thinktecture AG 16
17. New opportunities Tools Agents RAG (Retrieval Augmented Generation) Summarization Context based generation Fullstack Day Modern Tooling MaxOSchulte Thinktecture AG 17
18. 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
19. New opportunities Tools Agents RAG (Retrieval Augmented Generation) Summarization Context based generation Fullstack Day Modern Tooling MaxOSchulte Thinktecture AG 19
20. 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
21. New opportunities Tools Agents RAG (Retrieval Augmented Generation) Summarization Context based generation Fullstack Day Modern Tooling MaxOSchulte Thinktecture AG 21
22. RAG Fullstack Day Modern Tooling MaxOSchulte Thinktecture AG 22
23. Thank You ! https://www.thinktecture.com/thinktects/max-marschall Fullstack Day Modern Tooling MaxOSchulte Thinktecture AG 23