น่ารักดอทคอม
Showing posts with label ความรู้พื้นฐานเกี่ยวกับ JavaScript. Show all posts
Showing posts with label ความรู้พื้นฐานเกี่ยวกับ JavaScript. Show all posts

Monday, March 31, 2014

ความรู้พื้นฐานเกี่ยวกับ JavaScript

ความรู้พื้นฐานเกี่ยวกับ JavaScript

JavaScript เป็นภาษาที่เป็น Script ที่อยู่ในเว็บไซต์ (ใช่ร่วมกับ HTML) เพื่อให้เว็บไซต์ของเราดูมีการเคลื่อนไหว สามารถตอบสนองผู้ใช้งานได้มากขึ้น ยกตัวอย่าง Hellomyweb.com ตรงเมนูด้านซ้ายมือจะเห็นว่าสามารถคลิกเพื่อดูหัวข้อภายในได้ และสามารถคลิกที่ลูกศรสีเขียวเพื่อปิดดูทั้งหมด และลูกศรสีแดงเพื่อเปิดทั้งหมด ข้อดีของ Javascript คือสามารถทำให้ผู้ใช้งานใช้เว็บไซต์ของเราได้ง่ายขึ้น รวมถึงดึงดูดความสนใจของผู้ใช้งานได้อีกด้วย ปัจจุบันนี้ Javascript นั้นเป็นมาตราฐานที่อยู่ใน W3C จึงมั่นใจได้ว่าทุกๆ Web browser รองรับการทำงานของ Javascript แน่นอน 
เนื้อหาเบื้องต้นที่ผู้ใช้ต้องเข้าใจมาก่อนล่วงหน้าคือ HTML เพื่อให้สามารถทำความเข้าใช้ในเนื้อหาเรื่องนี้ได้ง่ายขึ้น 

ก่อนจะเข้าเรื่องขอแนะนำตัว Javascipt กันก่อนดังนี้ 
  • JavaScript นั้นออกแบบให้ใช้งานร่วมกับ HTML นั่นคือต้องอยู่รวมไปกับ HTML Code
  • JavaScript เป็น script language ทำให้ผู้ใช้งานใช้งานได้ง่าย ไม่จำเป็นต้องมีพื้นฐานโปรแกรมมากนัก
  • JavaScript เป็นภาษาที่ใช้ทรัพยากรณ์เครื่องน้อยมาก (Javascript นั้นจะประมวลผลที่ฝั่งของเครื่องผู้ใช้ทำให้ไม่เป็นภาระกับเครื่องมากนักเมื่อเทียบกับ Flash
  • JavaScript ฟรีใครๆก็สามารถใช้งานได้

Java กับ Javascript แต่ต่างกันนะครับ หลายๆคนมักคิดว่าเป็นตัวเดียวกัน แต่จริงๆแล้วแตกต่างกันโดยสิ้นเชิงทั้งความซับซ้อนของภาษา การใช้งาน ประสิทธิภาพ รวมถึงผู้พัฒนา โดย Java นั้นพัฒนาโดย Sun ซึ่งตอนนี้โดย Oracle ซื้อไปเรียบร้อยแล้ว ส่วน JavaScript นั้นพัฒนาโดยทีมงาน Netscape (Mozilla Foundation) ผู้พัฒนา Firefox Web browser ให้เราได้ใช้กันฟรีๆ แถมคุณภาพคับแก้ว 

JavaScript ทำอะไรได้บ้าง
  • JavaScript ทำให้สามารถใช้เขียนโปรแกรมแบบง่ายๆได้ โดยไม่ต้องพึ่งภาษาอื่น เช่น PHP เน้นว่าแบบง่ายๆ โดยส่วนใหญ่จะเป็นรูปแบบของการแสดงผลมากกว่า
  • JavaScript มีคำสั่งที่ตอบสนองกับผู้ใช้งาน เช่นเมื่อผู้ใช้คลิกที่ปุ่ม หรือ Checkbox ก็สามารถสั่งให้เปิดหน้าใหม่ได้ ทำให้เว็บไซต์ของเรามีปฏิสัมพันธ์กับผู้ใช้งานมากขึ้น นี่คือข้อดีของ JavaScript เลยก็ว่าได้ที่ทำให้เว็บไซต์ดังๆทั้งหลายเช่น Google Map ต่างหันมาใช้
  • JavaScript สามารถเขียนหรือเปลี่ยนแปลง HTML Element ได้นั่นคือสามารถเปลี่ยนแปลงรูปแบบการแสดงผลของเว็บไซต์ได้นั่นเอง สั่งเกตจากเมนูต่างๆใน Hellomyweb.com สาารถเลื่อนขึ้นลงได้ หรือหน้าแสดงเนื้อหาสามารถซ่อนหรือแสดงเนื้อหาได้แบบง่ายๆนั่นเอง
  • JavaScript สามารถใช้ตรวจสอบข้อมูลได้ สังเกตว่าเมื่อเรากรอกข้อมูลบางเว็บไซต์ เช่น Email เมื่อเรากรอกข้อมูลผิดจะมีหน้าต่างฟ้องขึ้นมาว่าเรากรอกผิด หรือลิมกรอกอะไรบางอย่าง ส่วนใหญ่เกือบทั้งหมดใช้ JavaScript ตรวจสอบ
  • JavaScript สามารถใช้ในการตรวจสอบผู้ใช้ได้เช่น ตรวจสอบว่าผู้ใช้ใช้ Web browser อะไร
  • JavaScript สร้าง Cookies (เก็บข้อมูลของผู้ใช้ในคอมพิวเตอร์ของผู้ใช้เอง) ได้

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