Merge pull request #41 from ThaiProgrammer/develop

Develop

.vitepress/config.mts

@@ -3,13 +3,14 @@ import { defineConfig, type DefaultTheme } from "vitepress";
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
   title: "🚀 เส้นทางโปรแกรมเมอร์",
-  description: "Paths of Thai Programmer",
+  description: "Programmer's Roadmap & Career Paths · เส้นทางการเรียนรู้และการเติบโตสำหรับโปรแกรมเมอร์",
   themeConfig: {
     // logo: "https://res.cloudinary.com/dqizuot8q/image/upload/v1719638409/logo_c9ju7d.svg",
     // https://vitepress.dev/reference/default-theme-config
     nav: [
       { text: "จุดเริ่มต้น", link: "/" },
       { text: "ร่วมพัฒนา", link: "/contrib/contributing.md" },
+      { text: "Tech Calendar", link: "https://th.techcal.dev/" },
     ],
 
     sidebar: {
@@ -61,16 +62,20 @@ export default defineConfig({
     socialLinks: [
       { icon: "github", link: "https://github.com/ThaiProgrammer/tpa-path" },
       { icon: "facebook", link: "https://www.facebook.com/ThaiProgrammerSociety" },
-      { icon: "youtube", link: "https://www.youtube.com/@thaiprogrammerassociation6772" }
+      { icon: "youtube", link: "https://www.youtube.com/@ThaiProgrammer" }
     ],
     search: {
       provider: "local",
     },
+    footer: {
+      message: 'สร้างด้วย <a href="https://vitepress.dev" target="blank">VitePress</a>  ·  ให้บริการโดย<a href="https://thaiprogrammer.org?ref=tpa-roadmap" target="blank">สมาคมโปรแกรมเมอร์ไทย</a>  ·  ร่วมพัฒนาโดยคนไทย 🇹🇭',
+      copyright: '· ไม่สงวนลิขสิทธิ์ ·'
+    }
   },
   lang: 'th-TH',
   lastUpdated: true,
   head: [
-    ['link', { rel: 'icon', href: '/favicon.webp' }],
+    ['link', { rel: 'icon', href: '/assets/favicon.ico' }],
     [
       'script',
       { async: '', src: 'https://www.googletagmanager.com/gtag/js?id=G-9C4TR30ETP' }

README.md

@@ -1,10 +1,10 @@
-# ยินดีต้อนรับสู่ Thai Programmer Career Paths 
-แนวทางแนะนำสำหรับเส้นทางการเติบโตสำหรับโปรแกรมเมอร์ (Programmer Career Paths) ในประเทศไทยนะครับ
+# ยินดีต้อนรับสู่ Programmer's Roadmap & Career Paths
+แนวทางแนะนำสำหรับเส้นทางการเติบโตสำหรับโปรแกรมเมอร์ในประเทศไทยนะครับ
 
-## เข้าเยี่ยมชม Thai Programmer Career Paths Website
-https://roadmap.thaiprogrammer.org/
+เว็บไซต์: https://roadmap.thaiprogrammer.org
 
-## VitePress คืออะไร?
+## เราพัฒนาโปรเจคนี้ด้วย VitePress
+### VitePress คืออะไร
 `VitePress` เป็นเครื่องมือสร้างเว็บไซต์แบบ Static Site Generator (SSG) ที่ออกแบบมาเพื่อสร้างเว็บไซต์ที่รวดเร็วและเน้นเนื้อหา โดย VitePress จะนำเนื้อหาที่เขียนในรูปแบบ Markdown มาปรับใช้กับธีมแล้วสร้างหน้า HTML แบบ static ที่สามารถเผยแพร่ได้ง่าย
 
 ## ได้บันดาลใจในการใช้ VitePress มาจากไหน
@@ -159,7 +159,7 @@ npm run docs:dev
       ![](./images/Path06.jpg)
     - หน้าตาเว็บไซต์ผลลัพธ์ที่ได้ตอนนี้
       ![](./images/Path07.jpg)
-## ขอบคุณผู้ร่วมพัฒนาทุกคน ❤
+## ขอบคุณผู้ร่วมพัฒนาทุกคนและคุณ ❤
 
  <a href = "https://contrib.rocks/image?repo=ThaiProgrammer/tpa-path">
    <img src = "https://contrib.rocks/image?repo=ThaiProgrammer/tpa-path"/>

contrib/contributing.md

@@ -1,37 +1,26 @@
 ---
 outline: deep
-title: 'Contribution to TPA Roadmaps'
-description: Contribution to TPA Roadmaps
+title: Contribution to Programmer's Roadmap & Career Paths
+description: Contribution to Programmer's Roadmap & Career Paths
 ---
 
-# Contribution to TPA Roadmaps
+# Contribution Guide
 
-เราอยู่ในภารกิจที่จะทำให้ "TPA Roadmaps" เป็นแหล่งรวบรวมผู้ที่สนใจมาแบ่งปันเส้นทางการเรียนรู้และเส้นทางอาชีพในสายงานนักพัฒนา คิดซะว่ามันเป็นอีกหนึ่งเครื่องมือสำหรับร่วมเดินตามรอยประสบการณ์ของผู้ที่อยู่ในสายงานนี้ เป้าหมายที่ยิ่งใหญ่นี้จะเกิดขึ้นไม่ได้เลยถ้าเราขาดคุณ คนที่จะมาช่วยเราพัฒนาให้สังคมโปรแกรมเมอร์ไทยเติบโตยิ่งขึ้นไป!
+## Introduction
+
+เราอยู่ในภารกิจที่จะทำให้ [Programmer's Roadmap & Career Paths](https://roadmap.thaiprogrammer.org) เป็นแหล่งรวบรวมผู้ที่สนใจมาแบ่งปันเส้นทางการเรียนรู้และเส้นทางอาชีพในสายงานนักพัฒนา คิดซะว่ามันเป็นอีกหนึ่งเครื่องมือสำหรับร่วมเดินตามรอยประสบการณ์ของผู้ที่อยู่ในสายงานนี้ เป้าหมายที่ยิ่งใหญ่นี้จะเกิดขึ้นไม่ได้เลยถ้าเราขาดคุณ คนที่จะมาช่วยเราพัฒนาให้สังคมโปรแกรมเมอร์ไทยเติบโตยิ่งขึ้นไป!
 
 เราขอเชิญคุณเข้าร่วมกับชุมชนผู้ร่วมพัฒนาของเรา ทุกการมีส่วนร่วมมีความสำคัญและมีคุณค่าอย่างมาก ความพยายามของคุณช่วยสร้างประสบการณ์นักพัฒนาที่ยอดเยี่ยม การมีส่วนร่วมของคุณจะได้รับการยอมรับและขอบคุณเสมอ ❤️
 
 มาเป็นส่วนหนึ่งของสิ่งที่ยิ่งใหญ่ และมาร่วมสร้างอนาคตของเส้นทางการเรียนรู้และเส้นทางอาชีพในสายงานนักพัฒนาไปด้วยกัน!
 
-หากคุณต้องการความช่วยเหลือ เพียงติดต่อเรามาผ่านทาง [Facebook](https://www.facebook.com/ThaiProgrammerSociety) สมาคม หรือ [Email](mailto:[email protected])
-
-## Submitting a pull request
-
-ในหนึ่ง PR ควรประกอบไปด้วย
-
-- one feature
-- fixed bugs
-- refactor
-
-ดังนั้นผู้ตรวจสอบจะสามารถมุ่งเน้นไปที่รายการข้างต้นเท่านั้น ซึ่งจะทำให้ PR มีความง่ายในการตรวจสอบ
-
-## Commit message
-
-สำหรับข้อความ commit กรุณาใช้รูปแบบดังต่อไปนี้: [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/#specification)
-
-## Steps to contribute
+## Steps to Contribute
 
 <!-- ![how to contribute flow diagram](assets/images/how-to-contribute.png) -->
 
+### 0. Go To the Repository: 
+https://github.com/ThaiProgrammer/tpa-path
+
 ### 1. Create an Issue
 
 [การสร้าง issue ใหม่](https://github.com/ThaiProgrammer/tpa-path/issues/new). กรุณาอธิบายรายละเอียดของสิ่งที่คุณต้องการทำ คุณสามารถดู [issues ของเราที่ผ่านมา](https://github.com/ThaiProgrammer/tpa-path/issues) ตัวอย่าง การสร้างปัญหาเป็นเรื่องง่าย ทำให้มันเรียบง่าย เมื่อคุณมีไอเดีย ให้สร้างมันขึ้นมา ไม่จำเป็นต้องสมบูรณ์แบบตั้งแต่เริ่ม (ลองพิมพ์ g i แล้วตามด้วย c บนคีย์บอร์ดของคุณ)
@@ -51,7 +40,13 @@ description: Contribution to TPA Roadmaps
 
 ### 3. Open a Pull Request
 
-- Fork repository นี้ไปยังบัญชี GitHub ของคุณเองแล้ว clone ไปยังเครื่องของคุณ
+- Fork repository นี้: https://github.com/ThaiProgrammer/tpa-path/fork
+ไปยังบัญชี GitHub ของคุณเองแล้ว clone ไปยังเครื่องของคุณ
+
+  ```sh
+  git clone [email protected]:your-github-username/tpa-path.git
+  ```
+
 - สร้าง branch ใหม่ ตั้งชื่อให้เป็นสิ่งที่คุณจะเปลี่ยนแปลง/เพิ่ม โปรดใช้การตั้งชื่อแบบ `kebab-case`
 
   ```sh
@@ -76,3 +71,20 @@ description: Contribution to TPA Roadmaps
   ```
 
 - Pull request ต้องการการอนุมัติอย่างน้อยหนึ่งครั้งอย่างละเอียดก่อนที่ใครจะสามารถรวมเข้ากับ branch `main` ได้ จากนั้นจะทำการ deploy โดยอัตโนมัติไปยังเซิร์ฟเวอร์
+
+## Submitting a pull request
+
+ในหนึ่ง PR ควรประกอบไปด้วย
+
+- one feature
+- fixed bugs
+- refactor
+
+ดังนั้นผู้ตรวจสอบจะสามารถมุ่งเน้นไปที่รายการข้างต้นเท่านั้น ซึ่งจะทำให้ PR มีความง่ายในการตรวจสอบ
+
+## Commit message
+
+สำหรับข้อความ commit กรุณาใช้รูปแบบดังต่อไปนี้: [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/#specification)
+
+## Need Help 🙌
+> หากคุณต้องการความช่วยเหลือ เพียงติดต่อเรามาผ่านทาง [Facebook](https://www.facebook.com/ThaiProgrammerSociety) สมาคม หรือ [Email](mailto:[email protected])

index.md

@@ -3,9 +3,9 @@
 layout: home
 
 hero:
-  name: 'Thai Programmer'
-  text: 'Career Paths '
-  tagline: เส้นทางการเติบโตสำหรับโปรแกรมเมอร์
+  name: "Programmer's Roadmap"
+  text: '& Career Paths '
+  tagline: เส้นทางการเรียนรู้และการเติบโตสำหรับโปรแกรมเมอร์
   actions:
     - theme: brand
       text: + เพิ่มเนื้อหา
@@ -21,56 +21,82 @@ hero:
       link: https://www.facebook.com/groups/647718825333067
     - theme: alt
       text: ดูวิดีโอ
-      link: https://www.youtube.com/@thaiprogrammerassociation6772
+      link: https://www.youtube.com/@ThaiProgrammer
   image: {
       light: 'https://res.cloudinary.com/dqizuot8q/image/upload/v1719638410/black-tpa_jehxeu.png',
       dark: 'https://res.cloudinary.com/dqizuot8q/image/upload/v1719638410/white-tpa_ye4q4l.png',
-      alt: TPA Roadmaps
+      alt: Thai Programmer Association
   }
 
 features:
   - title: Tech Meetup
     details:  รวบรวมเนื้อหาที่สมาคมจัดงาน Tech Meetup ร่วมกับ Tech Community ในประเทศไทย
     link: /paths/meetup
+    icon: 🗓️
   - title: ตำแหน่งสายงาน IT
     details:  แนะนำสายงาน IT ทั้งตำแหน่งและหน้าที่ในปี 2024
     link: /paths/career
+    icon: 💼
   - title: Practices
     details: กระบวนการ วิธีการ และหลักการที่ใช้ในการพัฒนาและดูแลรักษาซอฟต์แวร์ที่ใช้กันอย่างแพร่หลายในปัจจุบัน
     link: /paths/practices
+    icon: ☑️
   - title: Software Architecture
     details: เนื้อหาเกี่ยวกับ Software Architecture รูปแบบต่างๆที่ใช้ในการพัฒนาซอฟต์แวร์
     link: /paths/software-architecture
+    icon: 🏗️
   - title: Web Development Guideline
     details: รวบรวมเนื้อหาที่คิดว่าเป็นประโยชน์ให้เห็นภาพกว้างในการเข้ามาทำงานในสาย Web Developers
     link: /paths/web-guideline
+    icon: 💡
   - title: AI Application Development Guideline
     details: รวบรวมพื้นฐานสำหรับนักพัฒนาโปรแกรมที่ต้องการเริ่มต้นสร้าง หรือเพิ่มความสามารถให้แอพตัวเองเป็น AI Application
     link: /paths/ai-application-development
+    icon: 🤖
   - title: Mobile Development Guideline
     details: รวบรวมเนื้อหา/ขั้นตอนแนะนำในการเตรียมความพร้อมในการเข้าสู่เส้นทาง Mobile Application Development (Framework ต่างๆ) ในปี 2024
     link: /paths/mobile-development
+    icon: 📱
   - title: Source Code Control
     details: แนวทางการดูแลและควบคุม Source Code ที่เราทำงานกันเป็นทีมได้อย่างมีประสิทธิภาพครับ
-    link: /paths/sourcecodecontrol 
+    link: /paths/sourcecodecontrol
+    icon: {
+      src: "https://github.githubassets.com/assets/GitHub-Mark-ea2971cee799.png"
+    }
   - title: TypeScript
     details: เนื้อหาที่เกี่ยวกับ TypeScript การใช้งาน Type ในชีวิตจริง และคู่มือการใช้งานและ Cookbook
     link: /paths/typescript
+    icon: {
+      src: "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f5/Typescript.svg/1024px-Typescript.svg.png"
+    }
   - title: ASP.Net Core
     details: ขั้นตอนแนะนำในการเตรียมความพร้อมเพื่อพัฒนา Website ด้วย ASP.NET Core ในปี 2024
     link: /paths/aspnet-core
+    icon: {
+      src: "https://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Microsoft_.NET_logo.svg/150px-Microsoft_.NET_logo.svg.png"
+    }
   - title: DevOps
     details: ขั้นตอนแนะนำในการเตรียมความพร้อมในการเข้าสู่เส้นทาง DevOps, SRE และ operations ในปี 2024
     link: /paths/devops
+    icon: {
+      src: "https://upload.wikimedia.org/wikipedia/commons/thumb/0/05/Devops-toolchain.svg/512px-Devops-toolchain.svg.png?20160907192548"
+    }
   - title: Java
     details: ขั้นตอนการเตรียมความพร้อมสู่การเป็นนักพัฒนา Java ในปี 2024
     link: /paths/java
+    icon: {
+      src: "https://upload.wikimedia.org/wikipedia/en/thumb/3/30/Java_programming_language_logo.svg/800px-Java_programming_language_logo.svg.png"
+    }
   - title: Cloud Computing
     details: ทำความเข้าใจเกี่ยวกับ Cloud Computing เพื่อเตรียมความพร้อมในการใช้ Cloud ในปี 2024 
     link: /paths/cloud-computing
+    icon: ☁️
   - title: Azure
     details: รวบรวมเนื้อหาที่เกี่ยวกับการใช้งาน Microsoft Cloud - Azure ในการพัฒนาระบบ
     link: /paths/azure
+    icon: {
+      src: "https://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Microsoft_Azure.svg/150px-Microsoft_Azure.svg.png"
+    }
 ---
 
 ## ผู้ร่วมพัฒนา

paths/meetup/index.md

@@ -25,4 +25,4 @@
 
 ![](./images/meetup01.jpg)
 
-> [Youtube สมาคมโปรแกรมเมอร์ไทย](https://www.youtube.com/@thaiprogrammerassociation6772/streams)
+> [Youtube สมาคมโปรแกรมเมอร์ไทย](https://www.youtube.com/@ThaiProgrammer/streams)

paths/web-guideline/cloudcomputing/cloudcomputing.md

@@ -11,7 +11,7 @@
 5. **ความปลอดภัย**: มีมาตรการความปลอดภัยและการสำรองข้อมูลที่ทันสมัย ช่วยปกป้องข้อมูลสำคัญของธุรกิจ
 
 ## แนะนำเนื้อหาแบบแน่นๆ เน้นๆ
-[Introduction to Cloud Computing - TPA Paths](https://roadmap.thaiprogrammer.org/paths/cloud-computing/fundamental/fundamental.html)
+[Introduction to Cloud Computing - Programmer's Roadmap & Career Paths](https://roadmap.thaiprogrammer.org/paths/cloud-computing/fundamental/fundamental.html)
 
 ![](./cloud-002.jpg)