Full-Stack Web Developer
Full-Stack Web Developer คำนี้หลายคนคงเคยได้ยิน มาดูกันว่าก่อนจะเป็น Full-Stack Web Developer ต้องรู้อะไรบ้าง
2024-03-27 23:52:25 - @ratanon
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