คอร์สอบรม React.js: TypeScript Edition เตรียมตัวลงโปรแกรมก่อนเริ่มเรียน

สวัสดีครับ วันนี้แวะมาฝากโพสเบาๆ เกี่ยวกับการเตรียมตัวเรียนในคอร์สฝึกอบรมเรียนรู้ React.js ฉบับ TypeScript Edition ครับ โดยในที่นี้จะมองว่าเครื่องเราไม่มีอะไรที่เกี่ยวข้องกับการเรียนติดตั้งมาก่อนเลยนะ

ใครที่เห็นแล้วว่า เฮ้ยอันนี้เรามีแล้ว ก็ลองดูว่าเวอร์ชั่นเก่ามากไหม ถ้ามากก็อาจจะพิจารณาอัพเดต ถ้าไม่มากก็สามารถข้ามไปได้เลยครับ

และโปรแกรมทั้งหมดนี้ใช้ได้ทั้ง MacOS และ Windows นะ ไม่มีค่าใช้จ่ายจ้า

มีอะไรบ้าง

A. โปรแกรมและวิธีติดตั้ง

1. Node Runtime
2. Visual Studio Code
3. Nextflow’s React Extension Pack
4. Git client
5. ส่วนเสริม Web Browser: React Developer Tools

B. คำแนะนำสำหรับ System Administrator หรือผู้ดูแลระบบ

A. โปรแกรมและวิธีติดตั้ง

1. Node Runtime

1.1 ไปดาวน์โหลดตัวติดตั้ง Node Runtime จากที่นี่ (เอาแบบ LTS ทางขวานะ) แล้วติดตั้งตามคลิปด้านล่างได้เลย

1.2 จากนั้นเปิดโปรแกรม Command Prompt (Windows) หรือ Terminal (MacOS) ขึ้นมาและรันคำสั่งด้านล่าง เพื่อติดตั้ง TypeScript

npm install -g typescript

2. Visual Studio Code

ดาวน์โหลดตัวติดตั้ง Visual Studio Code มาจากที่นี่ และดำเนินการติดตั้งได้เลย

3. Nextflow’s React Extension Pack

อันนี้สำหรับคนที่ต้องการติดตั้งส่วนเสริม ช่วยเขียนโปรเจคของเราได้สะดวก และรวดเร็ว ไม่ต้องไปไล่หาลงทีละตัว เอาตัวนี้ทีเดียวอยู่

กดไปที่หน้าเพจของ Extension Pack และกดปุ่ม Install ได้เลย หรือจะค้นหาจากส่วน Extension ของ Visual Studio Code ก็ได้ครับ

4. Git Client

ดูวิธีดาวน์โหลด และติดตั้ง Git Client จากที่นี่ได้เลยครับ

หลังติดตั้งเสร็จ อย่าลืมรันคำสั่ง 2 คำสั่งตามคำแนะนำใต้คลิปด้วยนะ

https://learn.nextflow.in.th/view/courses/google-flutter/2052156-windows/6454543-git-client

5. ส่วนเสริม Web Browser: React Developer Tools

หากไม่มี Google Chrome สามารถดาวน์โหลดมาติดตั้งได้จากที่นี่

สามารถใช้ Microsoft Edge แทนได้นะ

และไม่ว่าจะใช้ Google Chrome หรือ Microsoft Edge ก็ต้องติดตั้งส่วนเสริมชื่อ React Developer Tools จากที่นี่นะครับ

B. คำแนะนำสำหรับ System Administrator หรือผู้ดูแลระบบ

โปรแกรมทั้งหมดเบื้องต้น จะมีการสร้าง, ดาวน์โหลด, รวมไปถึงจัดการไฟล์บนเครื่องที่ใช้อบรมขณะทำงาน

ให้แน่ใจว่า Proxy หรือ Firewall หรือการตั้งค่าความปลอดภัยของเครื่องคอมพิวเตอร์ที่ใช้ ไม่ขวางหรือปิดการทำงานของโปรแกรม รวมไปถึงการเข้าถึง URL บนเว็บไซต์

หากการตั้งค่าความปลอดภัยขัดขวาง หรือปิดการทำงานของโปรแกรมดังกล่าว ผู้เข้าอบรมจะไม่สามารถเรียนรู้ หรือทำ workshop ภาคปฏิบัติในการอบรมได้ และจะอยู่นอกเหนือจากการดูแลของทีมงาน จึงขอเรียนแจ้งมาเพื่อทราบ