Skip to content

Commit 2c0e9d7

Browse files
mattgwagnermattgwagner
committed
Update slides.md
1 parent 5ee91d6 commit 2c0e9d7

File tree

1 file changed

+38
-248
lines changed

1 file changed

+38
-248
lines changed

‎slides.md‎

Lines changed: 38 additions & 248 deletions
Original file line numberDiff line numberDiff line change
@@ -164,6 +164,44 @@ transition: fade
164164
transition: fade-out
165165
---
166166

167+
# The Rise of AI Development Tools
168+
169+
<div grid="~ cols-2 gap-4">
170+
<div>
171+
172+
## Current Landscape
173+
- Explosion of AI-powered development tools
174+
- Shift from traditional coding to AI-assisted
175+
- Major players: OpenAI, GitHub, Microsoft, Google
176+
- Focus on productivity and augmentation
177+
178+
</div>
179+
<div>
180+
181+
## Key Trends & Drivers
182+
- Advancements in large language models
183+
- Increasing development costs
184+
- Talent shortages in tech
185+
- Need for faster time-to-market
186+
- Digital transformation acceleration
187+
188+
</div>
189+
</div>
190+
191+
<div class="mt-8">
192+
<v-click>
193+
<div class="bg-blue-100 dark:bg-blue-800 p-4 rounded-lg">
194+
<h3 class="text-blue-700 dark:text-blue-200 font-bold">Benefits & Challenges</h3>
195+
<p class="text-sm"><strong>Benefits:</strong> Faster development, reduced costs, democratized coding</p>
196+
<p class="text-sm mt-2"><strong>Challenges:</strong> Learning curve, quality control, overreliance, security concerns</p>
197+
</div>
198+
</v-click>
199+
</div>
200+
201+
---
202+
transition: fade-out
203+
---
204+
167205
<div class="flex justify-center mb-2">
168206
<img src="/images/ai-coding-evolution.avif" alt="Evolution of AI Coding Strategies graph showing progression from 2022 to 2027" class="w-3/5" />
169207
</div>
@@ -234,254 +272,6 @@ layout: two-cols
234272
transition: fade-out
235273
---
236274

237-
# The Rise of AI Development Tools
238-
239-
<div grid="~ cols-2 gap-4">
240-
<div>
241-
242-
## Current Landscape
243-
- Explosion of AI-powered development tools
244-
- Shift from traditional coding to AI-assisted
245-
- Major players: OpenAI, GitHub, Microsoft, Google
246-
- Focus on productivity and augmentation
247-
248-
</div>
249-
<div>
250-
251-
## Key Trends & Drivers
252-
- Advancements in large language models
253-
- Increasing development costs
254-
- Talent shortages in tech
255-
- Need for faster time-to-market
256-
- Digital transformation acceleration
257-
258-
</div>
259-
</div>
260-
261-
<div class="mt-8">
262-
<v-click>
263-
<div class="bg-blue-100 dark:bg-blue-800 p-4 rounded-lg">
264-
<h3 class="text-blue-700 dark:text-blue-200 font-bold">Benefits & Challenges</h3>
265-
<p class="text-sm"><strong>Benefits:</strong> Faster development, reduced costs, democratized coding</p>
266-
<p class="text-sm mt-2"><strong>Challenges:</strong> Learning curve, quality control, overreliance, security concerns</p>
267-
</div>
268-
</v-click>
269-
</div>
270-
271-
---
272-
layout: section
273-
---
274-
275-
# Hands-on Demos and Workflows
276-
277-
Let's explore specific tools that can accelerate our development
278-
279-
---
280-
layout: default
281-
---
282-
283-
# A. GitHub Copilot
284-
285-
<div class="grid grid-cols-2 gap-4">
286-
<div class="text-sm">
287-
<v-clicks>
288-
289-
- **For Coding & Refactoring**
290-
- Real-time code suggestions
291-
- Works in your existing IDE
292-
293-
- **Language & Framework Support**
294-
- Multi-language compatibility
295-
- Framework-aware completions
296-
297-
- **Context-Aware Intelligence**
298-
- Understands your codebase
299-
- Adapts to your coding style
300-
301-
</v-clicks>
302-
<div class="mt-2">
303-
<a href="https://github.com/features/copilot" target="_blank" class="text-blue-500 hover:underline">github.com/features/copilot</a>
304-
</div>
305-
</div>
306-
307-
<div class="flex items-center justify-center">
308-
<video
309-
src="https://github.githubassets.com/assets/hero-animation-lg-315ab307b8a1.mp4"
310-
autoplay
311-
loop
312-
muted
313-
class="rounded-lg shadow-xl w-full max-w-md"
314-
></video>
315-
</div>
316-
</div>
317-
318-
---
319-
layout: center
320-
class: text-center
321-
---
322-
323-
# Live Demo: GitHub Copilot
324-
325-
<div class="text-xl mb-10">Let's see GitHub Copilot in action</div>
326-
327-
<div class="grid grid-cols-2 gap-8 items-center">
328-
<div class="bg-blue-50 dark:bg-blue-900 p-4 rounded-lg max-w-lg text-left">
329-
<h3 class="font-bold mb-2">Demo Focus Areas:</h3>
330-
<ul class="space-y-2">
331-
<li>Real-time code suggestions</li>
332-
<li>Function completion from comments</li>
333-
<li>Context-aware completions</li>
334-
<li>@azure integration example</li>
335-
</ul>
336-
</div>
337-
338-
<div class="flex items-center justify-center">
339-
<img
340-
src="/images/copilot-azure.png"
341-
alt="GitHub Copilot interacting with Azure extension"
342-
class="rounded-lg shadow-xl w-full max-w-sm"
343-
/>
344-
</div>
345-
</div>
346-
347-
---
348-
layout: default
349-
---
350-
351-
# B. Cursor
352-
353-
<div class="grid grid-cols-2 gap-4">
354-
<div class="text-sm">
355-
<ul class="space-y-4">
356-
<li>
357-
<strong>AI-Enhanced Editor</strong>
358-
<ul class="mt-1 space-y-1">
359-
<li>Built on VS Code platform</li>
360-
<li>Optimized for AI assistance</li>
361-
</ul>
362-
</li>
363-
<li>
364-
<strong>Powerful Agent Mode</strong>
365-
<ul class="mt-1 space-y-1">
366-
<li>Makes changes to multiple files</li>
367-
<li>Runs terminal commands</li>
368-
<li>Reads & responds to error outputs</li>
369-
</ul>
370-
</li>
371-
<li>
372-
<strong>Intelligent Context</strong>
373-
<ul class="mt-1 space-y-1">
374-
<li>Understands your full project</li>
375-
<li>Accesses documentation & GitHub</li>
376-
<li>Autonomously solves complex tasks</li>
377-
</ul>
378-
</li>
379-
</ul>
380-
<div class="mt-2">
381-
<a href="https://www.cursor.com/" target="_blank" class="text-blue-500 hover:underline">cursor.com</a>
382-
</div>
383-
</div>
384-
385-
<div class="flex items-center justify-center">
386-
<img
387-
src="/images/cursor-screenshot.png"
388-
alt="Cursor IDE screenshot showing AI-assisted coding"
389-
class="rounded-lg shadow-xl w-full"
390-
/>
391-
</div>
392-
</div>
393-
394-
---
395-
layout: center
396-
class: text-center
397-
---
398-
399-
# Live Demo: Cursor
400-
401-
<div class="text-xl mb-10">Watch Cursor's powerful Agent Mode solve complex tasks</div>
402-
403-
<div class="flex justify-center">
404-
<div class="bg-purple-50 dark:bg-purple-900 p-4 rounded-lg max-w-lg text-left">
405-
<h3 class="font-bold mb-2">Demo Focus Areas:</h3>
406-
<ul class="space-y-2">
407-
<li>Agent Mode making multi-file changes</li>
408-
<li>Terminal command execution</li>
409-
<li>Complex problem solving with context</li>
410-
</ul>
411-
</div>
412-
</div>
413-
414-
---
415-
layout: default
416-
---
417-
418-
# C. Lovable.dev
419-
420-
<div class="grid grid-cols-2 gap-4">
421-
<div class="text-sm">
422-
<ul class="space-y-4">
423-
<li>
424-
<strong>Idea to App in Seconds</strong>
425-
<ul class="mt-1 space-y-1">
426-
<li>Complete app generation</li>
427-
<li>React & Next.js focused</li>
428-
</ul>
429-
</li>
430-
<li>
431-
<strong>Superhuman Full Stack Engineer</strong>
432-
<ul class="mt-1 space-y-1">
433-
<li>Natural language to functioning code</li>
434-
<li>Handles complex requirements</li>
435-
</ul>
436-
</li>
437-
<li>
438-
<strong>End-to-End Solutions</strong>
439-
<ul class="mt-1 space-y-1">
440-
<li>Rapid prototyping</li>
441-
<li>Automatic deployment</li>
442-
<li>Ongoing maintenance</li>
443-
</ul>
444-
</li>
445-
</ul>
446-
<div class="mt-2">
447-
<a href="https://lovable.dev/" target="_blank" class="text-blue-500 hover:underline">lovable.dev</a>
448-
</div>
449-
</div>
450-
451-
<div class="flex items-center justify-center">
452-
<img
453-
src="/images/lovable-screenshot.png"
454-
alt="Lovable.dev interface showing AI app generation"
455-
class="rounded-lg shadow-xl w-full"
456-
/>
457-
</div>
458-
</div>
459-
460-
---
461-
layout: center
462-
class: text-center
463-
---
464-
465-
# Live Demo: Lovable.dev
466-
467-
<div class="text-xl mb-10">From idea to deployed app in minutes</div>
468-
469-
<div class="flex justify-center">
470-
<div class="bg-green-50 dark:bg-green-900 p-4 rounded-lg max-w-lg text-left">
471-
<h3 class="font-bold mb-2">Demo Focus Areas:</h3>
472-
<ul class="space-y-2">
473-
<li>Creating a complete app from a text prompt</li>
474-
<li>Exploring the generated codebase</li>
475-
<li>Deployment and hosting</li>
476-
</ul>
477-
</div>
478-
</div>
479-
480-
---
481-
transition: slide-up
482-
layout: default
483-
---
484-
485275
# The Power of MCP: Expanding AI Integration
486276

487277
<div class="mt-2">

0 commit comments

Comments
 (0)