ratanon.com - developer

Full-Stack Web Developer

Full-Stack Web Developer คำนี้หลายคนคงเคยได้ยิน มาดูกันว่าก่อนจะเป็น Full-Stack Web Developer ต้องรู้อะไรบ้าง

1.(Front End):

• HTML, CSS, JavaScript: เทคโนโลยีพื้นฐานสำหรับสร้างหน้าเว็บไซต์
• React: ไลบรารีจาวาสคริปต์สำหรับสร้างส่วนต่อประสานผู้ใช้
• Angular: แพลตฟอร์มสำหรับสร้างแอปพลิเคชั่นเว็บบนมือถือและเดสก์ท็อป
• Tailwind: เฟรมเวิร์ค CSS ที่เน้นการใช้งานคลาสที่สร้างไว้ล่วงหน้า
• Bootstrap: เฟรมเวิร์คสำหรับพัฒนาเว็บไซต์ที่รองรับการแสดงผลแบบ Responsive และ Mobile-first
• Grunt: ตัวจัดการงานจาวาสคริปต์เพื่ออัตโนมัติงานที่ซ้ำๆ
• Redux: ตัวจัดการสถานะสำหรับแอปพลิเคชันจาวาสคริปต์ มักใช้ร่วมกับ React

2.(Back End):

• Node.js: แพลตฟอร์มที่ใช้เพื่อเขียนเซิร์ฟเวอร์ไซด์แอปพลิเคชันใน JavaScript
• Express.js: เฟรมเวิร์คสำหรับ Node.js เพื่อสร้างแอปพลิเคชันเว็บไซต์และ API
• MongoDB: ฐานข้อมูลแบบ NoSQL ที่เก็บข้อมูลในรูปแบบของเอกสาร
• Ruby: ภาษาโปรแกรมมิ่งสูงระดับที่ใช้สำหรับเว็บพัฒนา
• Firebase: แพลตฟอร์มพัฒนาเว็บและแอปมือถือของ Google
• Python: ภาษาโปรแกรมมิ่งที่ใช้กันอย่างแพร่หลาย, ใช้ได้ทั้งเว็บไซต์และงานคำนวณทางวิทยาศาสตร์
• PHP: ภาษาสคริปต์ฝั่งเซิร์ฟเวอร์สำหรับพัฒนาเว็บไซต์
• SQL: ภาษามาตรฐานสำหรับจัดการฐานข้อมูลแบบ relational

3.(DevOps):

• GIT: ระบบควบคุมเวอร์ชันสำหรับการติดตามการเปลี่ยนแปลงในไฟล์และการทำงานร่วมกัน
• Docker: แพลตฟอร์มสำหรับพัฒนา, จัดส่ง และทำงานกับคอนเทนเนอร์
• Jenkins: เครื่องมือสำหรับการอัตโนมัติการพัฒนาซอฟต์แวร์ด้วยการอินทิเกรตต่อเนื่อง (CI)
• Kubernetes: ระบบสำหรับอัตโนมัติการปรับใช้, ขยายขนาด และจัดการแอปพลิเคชันคอนเทนเนอร์
• Ansible: เครื่องมืออัตโนมัติสำหรับการกำหนดคอนฟิกและจัดการระบบ
• Terraform: เครื่องมือสำหรับการสร้าง, เปลี่ยนแปลง และเวอร์ชันครอบคลุมพื้นที่โครงสร้างของคลาวด์
• CI/CD Pipelines: กระบวนการอัตโนมัติสำหรับการทำ Continuous Integration และ Continuous Deployment
• AWS/GCP: บริการคลาวด์จาก Amazon (AWS) และ Google (GCP) ที่ให้บริการการคำนวณ, ฐานข้อมูล, ความจุที่เก็บข้อมูล และบริการอื่นๆ
• Monitoring & Logging Tools: เครื่องมือสำหรับการตรวจสอบและบันทึกการดำเนินการภายในระบบ เช่น Prometheus และ Grafana

4.(User Interface / User Experience):

• Wireframing: การสร้างโครงร่างขั้นต้นของหน้าเว็บหรือแอปพลิเคชัน
• Prototyping: การสร้างแบบจำลองเบื้องต้นที่สามารถทดสอบได้
• User Research: การศึกษาและรวบรวมข้อมูลเกี่ยวกับผู้ใช้
• Design Systems: การสร้างระบบการออกแบบที่มีมาตรฐานและเป็นระเบียบ
• Accessibility Standards: มาตรฐานในการทำให้เว็บไซต์หรือแอปพลิเคชันสามารถเข้าถึงได้โดยผู้ใช้ทุกคน
• Interaction Design: การออกแบบวิธีที่ผู้ใช้มีปฏิสัมพันธ์กับผลิตภัณฑ์
• Visual Design: การออกแบบภาพ

สิ่งต่างๆวิ่งไปไวมาก ถ้าตามไม่ทักเอาแค่ให้รู้ก็พอ ถ้าต้องใช้จริงๆค่อยดำดิ่งสู่เรื่องนั้น @m1n