Merge pull request #45 from iamapinan/wordpress-path

.vitepress/config.mts

@@ -58,6 +58,10 @@ export default defineConfig({
         base: "/paths/meetup/",
         items: sidebarTechMeetup()
       },
+      "/paths/wordpress": {
+        base: "/paths/wordpress/",
+        items: sidebarWordPress()
+      },
     },
     socialLinks: [
       { icon: "github", link: "https://github.com/ThaiProgrammer/tpa-path" },
@@ -428,7 +432,6 @@ function sidebarAIApplicationDevelopment(): DefaultTheme.SidebarItem[] {
     },
   ];
 }
-
 function sidebarMobileApplicationDevelopment(): DefaultTheme.SidebarItem[] {
   return [
     {
@@ -451,7 +454,6 @@ function sidebarMobileApplicationDevelopment(): DefaultTheme.SidebarItem[] {
     },
   ];
 }
-
 function sidebarPractices(): DefaultTheme.SidebarItem[] {
   return [
     {
@@ -469,7 +471,6 @@ function sidebarPractices(): DefaultTheme.SidebarItem[] {
     }
   ]
 }
-
 function sidebarSoftwareArchitecture(): DefaultTheme.SidebarItem[] {
   return [
     {
@@ -488,7 +489,6 @@ function sidebarSoftwareArchitecture(): DefaultTheme.SidebarItem[] {
     }
   ]
 }
-
 function sidebarTypeScript(): DefaultTheme.SidebarItem[] {
   return [
     {
@@ -539,7 +539,6 @@ function sidebarTypeScript(): DefaultTheme.SidebarItem[] {
     },
   ];
 }
-
 function sidebarCareer(): DefaultTheme.SidebarItem[] {
   return [
     {
@@ -778,3 +777,76 @@ function sidebarTechMeetup(): DefaultTheme.SidebarItem[] {
     },
   ];
 }
+function sidebarWordPress(): DefaultTheme.SidebarItem[] {
+  return [
+    {
+      text: "WordPress",
+      items: [
+        { 
+          text: "WordPress คืออะไร?", 
+          collapsed: true,
+          base: "/paths/wordpress/what-is-wordpress/",
+          items: [
+            { text: "WordPress คืออะไร?", link: "index.html" }
+          ],
+        },
+        { 
+          text: "โครงสร้างของ WordPress", 
+          collapsed: true,
+          base: "/paths/wordpress/structures/",
+          items: [
+            { text: "โครงสร้างของ WordPress คืออะไร?", link: "index.html" }
+          ],
+        },
+        { 
+          text: "การติดตั้ง WordPress", 
+          collapsed: true,
+          base: "/paths/wordpress/installation/",
+          items: [
+            { text: "การติดตั้ง WordPress คืออะไร?", link: "index.html" }
+          ],
+        },
+        { 
+          text: "เครื่องมือสำหรับนักพัฒนา", 
+          collapsed: true,
+          base: "/paths/wordpress/developer-tools/",
+          items: [
+            { text: "เครื่องมือสำหรับนักพัฒนา คืออะไร?", link: "index.html" }
+          ],
+        },
+        { 
+          text: "การพัฒนา Theme", 
+          collapsed: true,
+          base: "/paths/wordpress/theme-development/",
+          items: [
+            { text: "การพัฒนา Theme คืออะไร?", link: "index.html" }
+          ],
+        },
+        { 
+          text: "การพัฒนา Plugin", 
+          collapsed: true,
+          base: "/paths/wordpress/plugin-development/",
+          items: [
+            { text: "การพัฒนา Plugin คืออะไร?", link: "index.html" }
+          ],
+        },
+        { 
+          text: "การปรับแต่งระบบ", 
+          collapsed: true,
+          base: "/paths/wordpress/customization/",
+          items: [
+            { text: "การปรับแต่งระบบ คืออะไร?", link: "index.html" }
+          ],
+        },
+        { 
+          text: "Security", 
+          collapsed: true,
+          base: "/paths/wordpress/security/",
+          items: [
+            { text: "Security คืออะไร?", link: "index.html" }
+          ],
+        },
+      ],
+    },
+  ];
+}

index.md

@@ -29,14 +29,14 @@ hero:
   }
 
 features:
+  - title: 🔥🔥 ตำแหน่งสายงาน IT 🔥🔥
+    details:  แนะนำสายงาน IT ทั้งตำแหน่งและหน้าที่ในปี 2024
+    link: /paths/career
+    icon: 💼
   - 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
@@ -97,6 +97,18 @@ features:
     icon: {
       src: "https://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Microsoft_Azure.svg/150px-Microsoft_Azure.svg.png"
     }
+  - title: Microsoft Cybersecurity
+    details: ความรู้พื้นฐานด้านความปลอดภัยทางไซเบอร์ ไปจนถึงการใช้ M365 / Azure และโซลูชั่นความปลอดภัยของ Microsoft
+    link: /paths/MicrosoftSecurity
+    icon: {
+      src: "/Windows_Defender_logo.svg"
+    }
+  - title: WordPress
+    details: เนื้อหาเกี่ยวกับการพัฒนาเว็บไซต์ด้วย WordPress ทั้งการพัฒนาเว็บไซต์ด้วย WordPress และการพัฒนา Plugin และ Theme
+    link: /paths/wordpress
+    icon: {
+      src: "https://upload.wikimedia.org/wikipedia/commons/0/09/Wordpress-Logo.svg"
+    }
 ---
 
 ## ผู้ร่วมพัฒนา

paths/MicrosoftSecurity/images/imgindex

@@ -0,0 +1 @@
+

paths/MicrosoftSecurity/index.md

@@ -0,0 +1,23 @@
+---
+outline: deep
+title: 'Microsoft Cybersecurity'
+description: ความรู้พื้นฐานด้านความปลอดภัยทางไซเบอร์ ไปจนถึงการใช้ M365 / Azure และโซลูชั่นความปลอดภัยของ Microsoft
+---
+
+# Microsoft Cybersecurity
+ยินดีต้อนรับสู่โลกของความปลอดภัยทางไซเบอร์ **Cybersecurity** แค่กดเข้ามาก็แสดงว่า 
+เราต้องการให้ความสำคัญกับความปลอดภัยบนระบบของตัวเองใช่ไหมคะ 😎
+ในฐานะนักพัฒนา การคิดถึงความต้องการด้านนี้ตั้งแต่แรกของ Software Development LifeCycle (SDLC)
+ตั้งแต่การตั้ง Requirement ถือว่าสำคัญที่สุดเลยค่ะ ยินดีอีกครั้งที่เข้ามาสู่วัฒนธรรม Shift Left
+เอาเรื่องความปลอดภัยนี้มาคุยกันตั้งแต่แรก ทำ Threat Modeling ดูความเสี่ยงและอุดแต่แรกบนกระดาษ
+แทนที่จะไปเซอร์ไพรส์กันตอนเทสหรือดีพลอยทางฝั่งปลายขวาๆ ของขั้นตอนการพัฒนาค่ะ
+
+## แล้วทำไมต้อง Microsoft
+เพราชั้นเรียนมาค่ะ 555 
+เข้าเรื่อง เพราะ:
+1. **เราใช้ Azure เป็นต้นแบบของ Cloud Infrastruture**: เป็นพับลิกคลาวด์ เป็นผู้ให้บริการคลาวด์ (Cloud Service Provider; CSP) ที่ให้บริการครบโดยเฉพาะด้านความปลอดภัย ที่สามารถนำหลักการและแนวคิดไปประยุกต์กับตลาวด์ บริการ หรือระบบโครงสร้างพื้นฐานอื่น (เช่น On-Premises) ได้
+2. **มีระบบที่คนทั่วไปใช้งาน**: ทุกคนต้องเคยใช้วินโดวส์ ทุกองค์กรก็ผ่านการแชร์เครือข่าย คุมโดเมน ใช้ระบบไดเรกทอรีเป็น Active Directory หรือด้าน Productivity ก็ต่างใช้ Microsoft (Office) 365 กันทั้งนั้น
+3. **สนับสนุนการเรียนทั้งฟรี และค่าสอบถูกมาก**: มีทั้งเนื้อหาเรียนรู้ด้วยตัวเอง Self-Pace ผ่านหน้าเว็บอย่าง learn.microsoft.com ที่มีกระทั่งแล็ปให้ฝึกให้สอบฟรี (Applied Skills) รวมไปถึงคอมมูนิตี้น่ารักแถวๆ นี้ เยอะเต็มไปหมดที่พร้อมเข้ามาช่วยเหลือยกระดับสกิล อีกทั้งมี Certificate ด้าน Security มากมายภายใต้ค่าสอบถูกสุดในจักรวาล มีที่ไหนอีกสอบได้แค่จ่าย 50 - 100USD แถมมีกิจกรรมทั้งลดทั้งฟรีค่าสอบมาเรื่อยๆ
+
+![](./images/msseccertpath.jpg)
+

paths/career/index.md

@@ -10,6 +10,14 @@ description: แนะนำสายงาน IT ทั้งตำแหน่
 
 เพื่อทำให้เข้าใจได้ง่ายขึ้นว่างานในสายนี้มีตำแหน่งและหน้าที่ทำอะไรบ้าง เราจึงขอรวบรวมสายงาน IT ต่างๆ มาไว้ในนี้ ครบ จบ ในที่เดียว เพื่อเป็นความรู้และข้อมูลสำหรับผู้ที่สนใจ 
 
+## Web Development Guideline
+
+ทางสมาคมโปรแกรมเมอร์ไทยทำการรวบรวมเนื้อหาที่คิดว่าเป็นประโยชน์ให้เห็นภาพกว้างในการเข้ามาทำงานในสาย Web Developers นะครับ
+ทีมงานมองว่าเป็นจุดเริ่มต้นที่ดีที่เราจะได้เห็นภาพรวมการพัฒนาระบบสักอย่างนึงตั้งแต่ต้น และเราสามารถนำความรู้ตรงนี้ไปต่อยอดกับงานอื่นได้ครับผม
+
+![](./developer/images/webguideline.jpg)
+[Web Development Guideline](/paths/web-guideline/intro/intro.html)
+
 ## อยากเป็น Software Developer เริ่มอย่างไรดี ? ระหว่าง เรียนรู้ด้วยตัวเอง vs หลักสูตรของมหาลัย vs Coding Bootcamp
 > ขอบคุณเนื้อหาดีๆจาก **[Datayolk](https://datayolk.net/)**
   

paths/wordpress/customization/index.md

@@ -0,0 +1,3 @@
+# Customization
+
+no content yet!

paths/wordpress/developer-tools/index.md

@@ -0,0 +1,14 @@
+# Developer Tools
+
+## เครื่องมือพัฒนาเว็บไซต์ใน Local
+| เครื่องมือ | ลักษณะเด่น | ระบบปฏิบัติการที่รองรับ | ราคา |
+| --- | --- | --- | --- |
+| ![https://localwp.com/](/paths/wordpress/images/localwp.png)  **[LocalWP](https://localwp.com/)** | ติดตั้งได้ในคลิกเดียว, เหมาะสำหรับนักพัฒนาเว็บไซต์ที่ต้องการพัฒนาเว็บไซต์บนเครื่องคอมพิวเตอร์ของตนเอง | Windows, Mac, Linux | ฟรี |
+| ![https://instawp.com/](https://instawpcom.b-cdn.net/wp-content/uploads/2023/07/header-logo.svg)  **[InstaWP](https://instawp.com/)**   | ติดตั้งได้ในคลิกเดียว, เหมาะสำหรับนักพัฒนาเว็บไซต์ที่ต้องการพัฒนาเว็บไซต์บนเครื่องคอมพิวเตอร์ของตนเอง | Windows, Mac, Linux | ฟรี |
+
+## เครื่องติดตั้งเว็บไซต์ใน Server
+| เครื่องมือ | ลักษณะเด่น | ราคา |
+| --- | --- | --- |
+| ![Portainer](/paths/wordpress/images/portainer.png)  **[Portainer](https://www.portainer.io/)** | เป็นเครื่องมือจัดการ Container ที่รองรับ Docker, Kubernetes, และอื่นๆ และยังมี Template สำเร็จรูปสำหรับติดตั้ง WordPress พร้อมฐานข้อมูลอีกด้วย | ฟรี 6 node |
+| ![easypanel](/paths/wordpress/images/easypanel.png)  **[EasyPanel](https://easypanel.io/)** | ติดตั้งได้ในคลิกเดียวในตัวฟรีเลย และยังมีระบบการตั้งค่าที่ง่ายดายอีกด้วย | ฟรี, รายเดือน |
+| ![Docker](/paths/wordpress/images/docker.png)  **[Docker](https://hub.docker.com/_/wordpress)** | สามารถติดตั้ง WordPress ได้ผ่าน Command line ได้เลย ซึ่งเป็นวิธีพื้นฐานที่เหมาะสำหรับการเริ่มต้นใช้งานได้ง่ายและรวดเร็ว สามารถติดตั้งได้ทั้งในเครื่องตนเอง และบน Server | ฟรี | 

paths/wordpress/index.md

@@ -0,0 +1,23 @@
+---
+outline: deep
+title: 'WordPress Roadmap'
+description: ขั้นตอนแนะนำในการเตรียมความพร้อมในการเข้าสู่เส้นทาง WordPress ในปี 2024
+---
+
+![WordPress](https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Wordpress-Logo.svg/240px-Wordpress-Logo.svg.png)    
+# WordPress
+
+WordPress เป็นระบบจัดการเนื้อหา - Contents Management System (CMS) ที่สร้างขึ้นด้วย PHP และใช้งานกันอย่างแพร่หลายในวงการพัฒนาเว็บไซต์ รวมถึงระบบจัดการเนื้อหาที่สามารถจัดการเนื้อหาได้อย่างง่ายดาย รวมถึงการจัดการรูปภาพ วิดีโอ และอื่นๆ ซึ่งปัจจุบันมีผู้ใช้งาน WordPress มากกว่า 40% ของเว็บไซต์ทั้งหมดในโลก
+
+เนื้อหาใน **Programmer's Roadmap** นี้จะนำเสนอเนื้อหาที่เหมาะสำหรับผู้เริ่มต้น ผู้ที่ต้องการจะเรียนรู้เกี่ยวกับ WordPress และการพัฒนาส่วนเสริมให้กับ WordPress ซึ่งจะมีผู้ที่มีความรู้มาร่วมกันถ่ายทอดความรู้เหล่านี้มากขึ้นเรื่อยๆ
+
+---
+[ช่วยแปลภาษาไทยให้กับ WordPress](https://translate.wordpress.org/locale/th/) ให้กับคนที่ต้องการจะเรียนรู้ WordPress เพื่อพัฒนาเว็บไซต์ด้วย WordPress ได้ง่ายขึ้น 
+
+### เนื้อหาส่วนหนึ่งจาก 
+- [เว็บไซต์ WordPress ภาษาไทย](https://th.wordpress.org/)
+- [Developer Documentation](https://developer.wordpress.org/)
+
+### LICENSE
+- [WordPress License](https://wordpress.org/about/license/)
+- [GNU General Public License](https://www.gnu.org/licenses/gpl-3.0.en.html)