[Part 0] JS: Introduction

JavaScript คืออะไร?

JavaScript (JS) เป็นภาษาคอมพิวเตอร์ระดับสูง (High level programming language) ที่ถูกออกแบบมาเพื่อเพิ่มความสามารถในการโต้ตอบและความ dynamic ให้กับเว็บไซต์ โดยสามารถทำงานได้ทั้งบนฝั่งผู้ใช้ (Client-side) และฝั่งเซิร์ฟเวอร์ (Server-side)

ข้อดีของ JavaScript

1. เรียนรู้ง่าย: Syntax ของ JavaScript ค่อนข้างเข้าใจง่ายและเป็นมิตรกับผู้เริ่มต้น.
2. ทำงานได้ทั้ง Front-end และ Back-end: สามารถใช้ JavaScript ในการพัฒนาเว็บไซต์ทั้งส่วนหน้าด้วย HTML/CSS และส่วนหลังด้วย Node.js.
3. มี Community ที่ใหญ่และเติบโตขึ้นเรื่อยๆ: มี Library และ Framework มากมาย เช่น React, Vue.js, Angular, Express.js ที่ช่วยให้การพัฒนาง่ายขึ้น.
4. ทำงานบน Client Browser ได้ทันที: สามารถเขียนและรันโค้ด JavaScript ได้โดยตรงในเบราว์เซอร์ เช่น ผ่าน Developer console

ข้อสังเกต

1. การจัดการกับ Type: JavaScript เป็นภาษาที่มีการกำหนดประเภทตัวแปรแบบ Dynamic ซึ่งอาจทำให้เกิดข้อผิดพลาดที่คาดไม่ถึงหากไม่ระมัดระวัง
   1. Note: มีภาษา Typescript ที่สามารถแก้ไขปัญหาของ Javascript ได้
2. การทำงานแบบ Asynchronous: การทำงานแบบไม่ประสาน (Asynchronous) อาจทำให้ผู้เริ่มต้นสับสนในการจัดการกับ Callback, Promise หรือ Async/Await.

การนำ JavaScript ไปใช้งาน

1. พัฒนา Web Application: สร้างเว็บไซต์ Dynamic เช่น Form, Animation, Chart,
2. พัฒนา Mobile Application: ใช้ Framework อย่าง React Native เพื่อสร้างแอปพลิเคชันมือถือ
3. พัฒนา Server Backend: ใช้ Node.js ในการสร้าง API หรือบริการฝั่งเซิร์ฟเวอร์.
4. งานด้าน Data Visualization: ใช้ไลบรารีอย่าง D3.js หรือ Chart.js ในการสร้างกราฟและแผนภูมิ.

แหล่งเรียนรู้เพิ่มเติม

• W3Schools JavaScript Tutorial

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

• Codecademy: Learn JavaScript

JavaScript Courses & Tutorials | Codecademy

Supercharge your skills with Codecademy’s JavaScript courses. From interactive projects to real-world coding, master JS today for a brighter tomorrow!

Codecademy

เริ่มต้นทำงาน Programming ด้วย Javascript

1. ดาวน์โหลด IDE
   1. VSCode (Recommend): https://code.visualstudio.com/
   2. Cursor: https://www.cursor.com/downloads
2. ดาวน์โหลดโปรแกรม node.js: https://nodejs.org/en/download
3. เปิดโปรแกรม vscode
4. เปิด Terminal
5. รันคำสั่ง node -v เพื่อเช็คโปรแกรม node.js
6. สร้างโฟลเดอร์สำหรับเก็บไฟล์โค้ด
7. สร้างไฟล์ main.js
8. พิมพ์ข้อความ console.log("Hello Javascript")
9. save ไฟล์
10. เปิด terminal และ run คำสั่ง node main.js
11. จะเห็นผลลัพธ์การแสดงผลเป็น Hello Javascript