add sdlc slides

docs/slidev/pages/sdlc/agile-2.md

@@ -0,0 +1,8 @@
+---
+---
+
+# Agile
+
+![](https://www.tutorialspoint.com/sdlc/images/sdlc_agile_model.jpg){width=500px}
+
+Reference: https://www.tutorialspoint.com/sdlc/sdlc_agile_model.htm

docs/slidev/pages/sdlc/agile.md

@@ -1 +1,19 @@
-r
+---
+layout: iframe-right
+url: https://agilemanifesto.org/
+---
+
+# Agile
+
+- **Individuals and interactions** over processes and tools
+- **Working software** over comprehensive documentation
+- **Customer collaboration** over contract negotiation
+- **Responding to change** over following a plan
+
+Reference: https://agilemanifesto.org/
+
+<div v-click>
+  <div class="absolute inset-0 bg-gray-900/80 text-3xl flex items-center justify-center">
+    Software Engineering II
+  </div>
+</div>

docs/slidev/pages/sdlc/designer-meme-2.md

@@ -0,0 +1,5 @@
+---
+layout: center
+---
+
+![](https://i.imgflip.com/7yt7gy.jpg){width=500px}

docs/slidev/pages/sdlc/designer-meme.md

@@ -0,0 +1,5 @@
+---
+layout: center
+---
+
+![](https://miro.medium.com/v2/resize:fit:960/1*pMk3h0dIYMb_I1iJCjriPQ.jpeg){width=500px}

docs/slidev/pages/sdlc/designer.md

@@ -0,0 +1,20 @@
+---
+layout: two-cols-header
+---
+
+# UX/UI Designer
+
+UX means **User Experience**
+
+UI means **User Interface**
+
+Reference: https://www.coursera.org/articles/ui-vs-ux-design
+
+:: left ::
+
+![](https://images.ctfassets.net/wp1lcwdav1p1/31dUrsGyucK0UNmJEQUqj3/3c57d917e84f6500ee2ec54e8760b854/UX_vs_UI.png?w=1500&q=60){width=420px; style="margin: auto"}
+
+:: right ::
+
+![](https://images.ctfassets.net/wp1lcwdav1p1/2qMppLhAjXbyb8D6s8IqJb/fefcd15a3a67beb375b213544eb333d4/Template_example.png?w=1500&q=60){width=420px; style="margin: auto"}
+

docs/slidev/pages/sdlc/developer.md

@@ -0,0 +1,10 @@
+---
+---
+
+# Developer
+
+- Frontend Developer / Backend Developer / Full-stack Developer
+
+![](https://i.redd.it/ivzwwzt2p0m61.png){width=440px; style="margin: auto"}
+
+Credit: https://www.reddit.com/r/ProgrammerHumor/comments/m187c4/backend_vs_frontend/

docs/slidev/pages/sdlc/devops.md

@@ -0,0 +1,19 @@
+---
+layout: two-cols-header
+image: https://d3mm2s9r15iqcv.cloudfront.net/en/wp-content/uploads/2023/05/devops-created.png
+---
+
+# DevOps
+
+:: left ::
+
+![](https://d3mm2s9r15iqcv.cloudfront.net/en/wp-content/uploads/2023/05/devops-created.png){width=300px; style="margin: auto"}
+
+:: right ::
+
+
+**Dev Team**: Develoepr
+
+**Ops Team**: IT Operations / System Administrator / Network Administrator
+
+Reference: https://careerfoundry.com/en/blog/web-development/devops-engineer/

docs/slidev/pages/sdlc/infra.md

@@ -0,0 +1,10 @@
+---
+---
+
+# Infrastructure Engineer
+
+An **infrastructure engineer** is a person who designs, builds, coordinates, and maintains the IT environment companies need to run internal operations, collect data, develop and launch digital products, support their online stores, and achieve other business objectives.
+
+![](https://cdn-images.visual-paradigm.com/handbooks/software-design-handbook/deployment-diagram/04-deployment-diagram-example.png){width=400px; style="margin: auto;"}
+
+Reference: https://www.visual-paradigm.com/learning/handbooks/software-design-handbook/deployment-diagram.jsp

docs/slidev/pages/sdlc/po-pm-meme.md

@@ -0,0 +1,5 @@
+---
+layout: center
+---
+
+![](https://uxdworld.com/wp-content/uploads/2020/11/9.png?w=605){width=400px}

docs/slidev/pages/sdlc/po-pm.md

@@ -0,0 +1,8 @@
+---
+---
+
+# Product Owner (PO) vs Project Manager (PM)
+
+![](https://cdn-cnhfh.nitrocdn.com/jsHsUxJJAapjeJICfnGvtaAAOHZlckTe/assets/images/optimized/rev-dfbdbb8/e360-media.s3.amazonaws.com/2023/10/31152613/Key-Differences-Between-POs-and-PMs.png){width=700px; style="margin: auto"}
+
+Reference: https://projectmanagementacademy.net/resources/blog/product-owner-vs-project-manager

docs/slidev/pages/sdlc/qa.md

@@ -0,0 +1,10 @@
+---
+---
+
+# Quality Assurance (QA)
+
+QA is a broad process for preventing quality failures.
+
+![](https://mailtrap.io/wp-content/uploads/2020/06/testing_meme4.jpg){width=450px; style="margin: auto"}
+
+Reference: https://mailtrap.io/blog/qa-testing-memes/

docs/slidev/pages/sdlc/team.md

@@ -0,0 +1,8 @@
+---
+---
+
+# Software Development Team
+
+![](https://asperbrothers.com/wp-content/uploads/2022/01/software-development-team-structure.png){width=500px}
+
+Reference: https://asperbrothers.com/blog/software-development-team-structure/

docs/slidev/pages/sdlc/waterfall.md

@@ -0,0 +1,14 @@
+---
+---
+
+# Waterfall
+
+![](https://www.tutorialspoint.com/sdlc/images/sdlc_waterfall_model.jpg)
+
+Reference: https://www.tutorialspoint.com/sdlc/sdlc_waterfall_model.htm
+
+<div v-click>
+  <div class="absolute inset-0 bg-gray-900/80 text-3xl flex items-center justify-center">
+    Software Engineering I
+  </div>
+</div>

docs/slidev/slides.md

@@ -231,26 +231,56 @@ src: ./pages/sdlc/waterfall.md
 src: ./pages/sdlc/agile.md
 ---
 
+---
+src: ./pages/sdlc/agile-2.md
+---
+
 ---
 src: ./pages/sdlc/team.md
 ---
 
 ---
-src: ./pages/sdlc/pm.md
+src: ./pages/sdlc/po-pm.md
 ---
 
 ---
-src: ./pages/sdlc/po.md
+src: ./pages/sdlc/po-pm-meme.md
 ---
 
 ---
 src: ./pages/sdlc/designer.md
 ---
 
 ---
-src: ./pages/sdlc/se.md
+src: ./pages/sdlc/designer-meme.md
+---
+
+---
+src: ./pages/sdlc/designer-meme-2.md
+---
+
+---
+src: ./pages/sdlc/developer.md
+---
+
+---
+src: ./pages/sdlc/qa.md
 ---
 
+---
+src: ./pages/sdlc/devops.md
+---
+
+---
+src: ./pages/sdlc/infra.md
+---
+
+---
+layout: section
+---
+
+# Development Tools
+
 ---
 
 # Old School Web Development