Skip to content

Commit bc4bf04

Browse files
mattgwagnermattgwagner
committed
Revert "Update slides.md"
This reverts commit 2c0e9d7.
1 parent 2c0e9d7 commit bc4bf04

File tree

1 file changed

+248
-38
lines changed

1 file changed

+248
-38
lines changed

‎slides.md‎

Lines changed: 248 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -164,44 +164,6 @@ 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-
205167
<div class="flex justify-center mb-2">
206168
<img src="/images/ai-coding-evolution.avif" alt="Evolution of AI Coding Strategies graph showing progression from 2022 to 2027" class="w-3/5" />
207169
</div>
@@ -272,6 +234,254 @@ layout: two-cols
272234
transition: fade-out
273235
---
274236

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+
275485
# The Power of MCP: Expanding AI Integration
276486

277487
<div class="mt-2">

0 commit comments

Comments
 (0)