1. เรียนรู้การทำงานของ Web Application พื้นฐาน เช่น domain names / DNS / http / https คืออะไร
.
2. เรียนรู้การเครื่องมือสำหรับเขียนโค้ด เช่น VS Code / การใช้ Extentions ต่างๆ เช่น Prettier (สำหรับ format code), ESLint (สำหรับตรวจสอบ error) เป็นต้น
.
3. เรียนรู้ HTML พื้นฐาน เช่น Tags, Elements, Attributes และเรียน CSS พื้นฐาน เช่น Selectors, Layout (Flexbox/Grid), Responsive Design และลองฝึกใช้ css framework เช่น bootstrap / tailwind css เป็นต้น
.
4. เรียนรู้ Modern JavaScript เช่น Variables, Functions, DOM, ES6+, Async JavaScript เป็นต้น
.
5. เรียนรู้ Version Control เช่น Git -> GitHub หรือ GitLab
.
6. เรียนรู้ Frontend Frameworks สักตัว แนะนำ React ก่อนหรืออื่นๆ และเรียนรู้ Package Manager ต่อ เช่น npm หรือ pnpm
.
7. เรียนรู้ TypeScript (ทดลองเขียนโปรเจคด้วย TypeScript)
.
8. เรียนรู้พวก meta framework เช่น Next.js / Nuxt.js เป็นต้น
.
9. เรียนรู้การเขียน Unit test เช่น Jest / Vitest หรือ E2E test เช่น playwright / cypress เป็นต้น
.
10. เรียนรู้การ deploy production ของโปรเจค