add more development tools slides

docs/slidev/pages/development-tools/github-2.md

@@ -0,0 +1,6 @@
+---
+---
+
+# Learn how to use Git & GitHub
+
+TODO: Embed video

docs/slidev/pages/development-tools/github-3.md

@@ -0,0 +1,11 @@
+---
+---
+
+# Collaborating with others with GitFlow
+
+Learn more: 
+
+- [Development Workflow สไตล์ CU Get Reg ฉบับคนไม่ค่อยว่าง](https://medium.com/thinc-org/development-workflow-%E0%B8%AA%E0%B9%84%E0%B8%95%E0%B8%A5%E0%B9%8C-cu-get-reg-%E0%B8%89%E0%B8%9A%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%99%E0%B9%84%E0%B8%A1%E0%B9%88%E0%B8%84%E0%B9%88%E0%B8%AD%E0%B8%A2%E0%B8%A7%E0%B9%88%E0%B8%B2%E0%B8%87-c2a0e5fa287)
+- [มาทำ Versioning + GitOps + K8s บน Monorepo กันเถอะ! Part III](https://medium.com/thinc-org/%E0%B8%A1%E0%B8%B2%E0%B8%97%E0%B8%B3-versioning-gitops-k8s-%E0%B8%9A%E0%B8%99-monorepo-%E0%B8%81%E0%B8%B1%E0%B8%99%E0%B9%80%E0%B8%96%E0%B8%AD%E0%B8%B0-part-iii-6598e57084ed)
+
+![](https://miro.medium.com/v2/resize:fit:2000/format:webp/1*7deVAc5M_CqgyxJMKZOtCg.png){width=500px; style="margin: auto"}

docs/slidev/pages/development-tools/github.md

@@ -0,0 +1,12 @@
+---
+---
+
+# GitHub 
+
+[GitHub](https://github.com/) is a code hosting platform for version control and collaboration. It lets you and others work together on projects from anywhere.
+
+## You need to know Git
+
+[Git](https://git-scm.com/) is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
+
+![](https://www.dreamhost.com/blog/wp-content/uploads/2022/11/github-wordpress-repository.png)

docs/slidev/pages/development-tools/vscode.md

@@ -0,0 +1,17 @@
+---
+layout: two-cols
+---
+
+# Visual Studio Code
+
+Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Java, Python, PHP, Go) and runtimes (such as .NET and Unity).
+
+## Install
+
+[Download](https://code.visualstudio.com/download) and install Visual Studio Code.
+
+![](https://code.visualstudio.com/assets/docs/setup/windows/install-stable.png)
+
+:: right ::
+
+![](https://user-images.githubusercontent.com/35271042/118224532-3842c400-b438-11eb-923d-a5f66fa6785a.png)

docs/slidev/pages/which-programming-language-to-use/backend.md

@@ -0,0 +1,2 @@
+---
+---

docs/slidev/pages/which-programming-language-to-use/frontend.md

@@ -0,0 +1,2 @@
+---
+---

docs/slidev/pages/development-tools/old-school.md → docs/slidev/pages/which-programming-language-to-use/old-school.md

@@ -4,20 +4,17 @@ layout: two-cols-header
 
 # Old School Development tools
 
-:: left ::
-
-![](https://cdn-icons-png.flaticon.com/512/5968/5968332.png){width=100; height=100;}
+![](/assets/architecture.png){width=500px; style="background: white; margin: auto"}
 
-<br />
+:: left ::
 
-![](https://cdn.icon-icons.com/icons2/2415/PNG/512/java_original_wordmark_logo_icon_146459.png){width=100; height=100;}
+![](https://cdn-icons-png.flaticon.com/512/5968/5968332.png){width=100; height=100; style="margin: auto"}
 
-<br />
+![](https://cdn.icon-icons.com/icons2/2415/PNG/512/java_original_wordmark_logo_icon_146459.png){width=100; height=100; style="margin: auto"}
 
 :: right ::
 
-![](https://upload.wikimedia.org/wikipedia/commons/thumb/6/62/Ruby_On_Rails_Logo.svg/2560px-Ruby_On_Rails_Logo.svg.png){width=100; height=100;}
+![](https://upload.wikimedia.org/wikipedia/commons/thumb/6/62/Ruby_On_Rails_Logo.svg/2560px-Ruby_On_Rails_Logo.svg.png){width=100; height=100; style="margin: auto"}
 
-<br />
+![](https://logowik.com/content/uploads/images/net-framework5481.logowik.com.webp){width=100; height=100; style="margin: auto"}
 
-![](https://logowik.com/content/uploads/images/net-framework5481.logowik.com.webp){width=100; height=100;}

docs/slidev/slides.md

@@ -113,8 +113,6 @@ src: ./pages/evolution/web-3.md
 hideInToc: true
 ---
 
-
-
 ---
 layout: section
 ---
@@ -317,36 +315,60 @@ layout: section
 # Development Tools
 
 ---
-src: ./pages/development-tools/old-school.md
+src: ./pages/development-tools/vscode.md
 hideInToc: true
 ---
 
 ---
-src: ./pages/development-tools/state-of-js.md
+src: ./pages/development-tools/github.md
 hideInToc: true
 ---
 
+---
+src: ./pages/development-tools/github-2.md
+hideInToc: true
 ---
 
-# Backend Paradigms
+---
+src: ./pages/development-tools/github-3.md
+hideInToc: true
+---
 
-1. Monolithic
-2. Microservice
-3. Serverless
-4. Etc.
+---
+layout: section
+---
+
+# Programming Language
+
+How to choose the right language?
+
+<div v-click>
+  <div class="flex items-center justify-center absolute inset-0 bg-gray-900/90 text-7xl font-bold">
+    Use whatever you want
+  </div>
+</div>
 
 ---
-layout: statement
+src: ./pages/which-programming-language-to-use/old-school.md
+hideInToc: true
 ---
 
-# Backend Languages
+---
+src: ./pages/which-programming-language-to-use/state-of-js.md
+hideInToc: true
+---
+
+<!-- ---
+
+# Backend Paradigms
 
-<h3 v-click>
- You can use any language you want
-</h3>
+1. Monolithic
+2. Microservice
+3. Serverless
+4. Etc. -->
 
 ---
-layout: statement
+layout: section
 ---
 
 # Language You Should Know in 2024
@@ -461,14 +483,6 @@ url: https://typehero.dev/
 
 ---
 
-# Version Control System (VCS)
-
----
-
-# Git
-
----
-
 # Dev(Sec)Ops
 
 ---
@@ -488,7 +502,7 @@ url: https://typehero.dev/
 # Cloud Providers
 
 ---
-layout: statement
+layout: section
 hideInToc: true
 ---