บทนำ

สวัสดี

ยินดีต้อนรับสู่หลักสูตรบทนำ JavaScript 

ในหลักสูตรนี้ เราจะทำความรู้จักกับ ภาษา JavaScript และเรียนรู้โครงสร้างพื้นฐาน

หากคุณยังไม่มีความรู้เกี่ยวกับ HTML มาก่อน ขอแจ้งให้ทราบว่าความรู้ด้าน HTML เป็นพื้นฐานที่จำเป็นสำหรับการเริ่มต้นหลักสูตรนี้

JavaScript ถูกนำไปใช้ในหลายด้าน ตั้งแต่แอปพลิเคชันบนเว็บ แอปพลิเคชันบนมือถือ ระบบฐานข้อมูล ไปจนถึงระบบฝั่งเซิร์ฟเวอร์ เช่น NodeJS

ภาษาการเขียนโปรแกรมนี้เป็นหนึ่งในเทคโนโลยีซอฟต์แวร์ที่ได้รับความนิยมสูงสุดในโลกอย่างไม่ต้องสงสัย เนื่องจากมีการพัฒนาอย่างรวดเร็วในช่วง 10 ปีที่ผ่านมา

ปัจจุบัน JavaScript อยู่ในมาตรฐานอีซีเอ็มเอสคริปต์ 2020 ซึ่งเป็นเวอร์ชันล่าสุดที่เบราว์เซอร์รุ่นใหม่รองรับ

ขออนุญาตตอบคำถามที่คุณสงสัยทันที?

JavaScript กับอีซีเอ็มเอสคริปต์แตกต่างกันอย่างไร

ไม่จำเป็นต้องเล่าเรื่องราวของเหตุการณ์นี้ ขอให้จดจำเพียงว่าชื่ออย่างเป็นทางการของ JavaScript คืออีซีเอ็มเอสคริปต์

ข้อกำหนดที่คุณสามารถดูได้จากที่อยู่ด้านล่างก็เขียนโดยใช้ชื่ออีซีเอ็มเอสคริปต์เช่นเดียวกัน

เมื่อพบชื่ออีซีเอ็มเอสคริปต์ที่ใดก็ตาม เราสามารถเข้าใจได้ว่าแท้จริงแล้วหมายถึง JavaScript

เวอร์ชันล่าสุดของ JavaScript ที่ใช้งานอยู่ในปัจจุบันคืออีซีเอ็มเอสคริปต์ 2020 หรืออีซีเอ็มเอสคริปต์เวอร์ชัน 11

หลักสูตรของเราเน้นการใช้ JavaScript ในโลกเว็บ

ก่อนหน้านี้เราได้เรียนรู้ทั้ง HTML และ CSS มาแล้วในหลักสูตรเริ่มต้นใช้งาน HTML และหลักสูตร CSS

เว็บมีพื้นฐานมาจากภาษา HTML, CSS และ JavaScript มาเริ่มเรียนรู้ภาษา JavaScript ซึ่งเป็นส่วนสุดท้ายของสามส่วนนี้กัน

คุณมาถูกที่แล้วอย่างแน่นอน

JavaScript มีขอบเขตการใช้งานที่กว้างขวางในซอฟต์แวร์หลายด้าน เนื่องจากมีประสิทธิภาพในการพัฒนาสูง

JavaScript กับ Java เป็นภาษาเดียวกันหรือไม่

ทั้งสองเป็นภาษาที่แตกต่างกันโดยสิ้นเชิง

ในอดีต Java ได้รับการพัฒนาขึ้นก่อน ต่อมาจึงมีการพัฒนาภาษา JavaScript

Java เป็นภาษาที่ใช้คลาสและมีการตรวจสอบชนิดข้อมูลอย่างปลอดภัย โดยทำงานบน JVM ส่วน JavaScript เป็นภาษาที่ไม่ได้ตรวจสอบชนิดข้อมูลอย่างปลอดภัย รองรับการสืบทอดที่อิงต้นแบบ และได้รับการพัฒนาขึ้นเพื่อให้เบราว์เซอร์ทำงานได้อย่างกว้างขวาง

ทั้งสองภาษามีไวยากรณ์บางส่วนที่คล้ายกัน นอกจากนี้ ขอให้เข้าใจว่า Java และภาษา JavaScript ไม่มีความสัมพันธ์กัน นอกจากความคล้ายกันของชื่อ

พื้นที่การใช้งานของภาษา JavaScript นอกเหนือจากเว็บมีอะไรบ้าง

นอกจาก JavaScript จะเป็นหนึ่งในสามรากฐานของเว็บเพจแล้ว ยังเป็นพื้นฐานของโครงการสำคัญอย่าง NodeJS ซึ่งทำงานบนฝั่งเซิร์ฟเวอร์ด้วย

ในด้านมือถือ JavaScript ถูกใช้ในโซลูชันแบบผสมสำหรับการพัฒนาแอปพลิเคชันบนมือถือ โดยใช้เฟรมเวิร์กสำหรับมือถือ เช่น รีแอ็กต์ เนทีฟ และไอนิก

ด้วยสถาปัตยกรรมของ JavaScript ที่ยืดหยุ่นและมีน้ำหนักเบา จึงมีโซลูชันทางเทคโนโลยีสำหรับหลายด้าน ตั้งแต่ฐานข้อมูลประเภทต่าง ๆ ไปจนถึงอุปกรณ์ IoT และเกม

ภาษา JavaScript มีบทบาทอย่างไรในโลกเว็บ

ความสำคัญของภาษา JavaScript ซึ่งเป็นส่วนสำคัญของโลกเว็บมาตั้งแต่ช่วงกลางทศวรรษ 1990 เพิ่มขึ้นอย่างมากหลังช่วงกลางทศวรรษ 2000

ด้วยภาษา JavaScript ตรรกะทางธุรกิจจำนวนมากจึงสามารถทำงานได้ในเบราว์เซอร์ เว็บไซต์มีการโต้ตอบกับผู้ใช้มากขึ้นด้วยความช่วยเหลือจากเฟรมเวิร์กและไลบรารี เช่น รีแอ็กต์ แองกูลาร์ และวิว

ในยุคแรกของเว็บ เว็บเพจซึ่งโดยทั่วไปใช้เพื่อให้ข้อมูล ได้เปลี่ยนเป็นเว็บแอปพลิเคชันที่ผู้ใช้สามารถป้อนข้อมูลได้ในยุคถัดมา

หน้าโซเชียลมีเดียอย่าง Facebook และ Twitter เป็นตัวอย่างที่ดีสองตัวอย่างของเว็บแอปพลิเคชันสมัยใหม่ที่ใช้ JavaScript อย่างกว้างขวาง

ข้อดีอีกประการของการใช้ JavaScript ฝั่งไคลเอนต์คือ งานบางอย่างจะทำบนฝั่งไคลเอนต์แทนที่จะทำบนเซิร์ฟเวอร์ จึงช่วยลดภาระของเซิร์ฟเวอร์

ฉันสามารถพัฒนาเว็บเพจโดยใช้เพียง HTML และ CSS โดยไม่เรียนรู้ JavaScript ได้หรือไม่

ได้ คุณสามารถพัฒนาเว็บเพจโดยใช้เพียง HTML และ CSS ได้ แต่ภาษา JavaScript เป็นสิ่งจำเป็นสำหรับการควบคุมเหตุการณ์ที่ผู้ใช้สร้างขึ้น การเขียนโปรแกรมในเบราว์เซอร์ และการสร้างเว็บเพจที่มีความเคลื่อนไหวมากขึ้น

JavaScript เรียนรู้ได้ยากหรือไม่

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

ผม/ดิฉันจะพยายามอย่างเต็มที่เพื่อเพิ่มพูนความรู้เกี่ยวกับ JavaScript ของคุณอย่างรวดเร็วผ่านหลักสูตรต่าง ๆ ภายในคอดดีคิต

ฉันจะเขียนแอปพลิเคชัน JavaScript ที่ไหน

คุณสามารถรับชมวิดีโอด้านล่างเพื่อดูการเลือกเครื่องมือแก้ไขก่อนเริ่มพัฒนาภาษา JavaScript

หากคุณต้องการเขียนโค้ดด้วยเครื่องมือออนไลน์อื่นนอกเหนือจากเครื่องมือแก้ไข ก็มีทางเลือกที่ดี เช่น jsfiddle.net

เบราว์เซอร์ทุกตัวรองรับ ES2020 ซึ่งเป็น JavaScript เวอร์ชันล่าสุดหรือไม่

เราทราบว่าปัจจุบันฟีเจอร์จำนวนมากของ ES2020 มีอยู่ในเบราว์เซอร์รุ่นใหม่และเบราว์เซอร์ที่อัปเดตล่าสุด

เราใช้ JavaScript ในเว็บเพจอย่างไร

เราทราบแล้วว่า HTML และ CSS คืออะไร เพราะความรู้เหล่านี้เป็นพื้นฐานที่จำเป็นสำหรับการเริ่มต้นหลักสูตร

ส่วน JavaScript รองรับการทำงานหลายด้าน เช่น การตรวจสอบแบบฟอร์มที่ผู้ใช้กรอกใน HTML โดยไม่ต้องส่งไปยังเซิร์ฟเวอร์ การตั้งค่ากลไกเพื่อแสดงข้อเสนอแนะให้ผู้ใช้โดยไม่ต้องโหลดหน้าเว็บใหม่ผ่าน AJAX รวมถึงการทำงานร่วมกับ HTML และ CSS เพื่อเตรียมส่วนติดต่อผู้ใช้ที่ก้าวหน้ายิ่งขึ้น

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

ขอแสดงความยินดี 🎉

ในบทเรียนแรกของเรา เราได้เรียนรู้ว่า JavaScript คืออะไร

ในส่วนถัดไป เราจะเขียนโค้ด JavaScript แรกของเรา