DEX  WAT  LEARN

LEARN  FOR  PHP  WITH  DEX  WAT  DEV

JS

การเตรียมการเพื่อเขียนโปรแกรม JS

- Programe On Website
- รู้จักกับ JS
- text editor
- โปรแกรมสำหรับจำลอง web server

Programe On Website

Programe On Website

           ในการเขียนโปรแกรมบนเว็บแบ่งลักษณะการทำงานของโปรแกรมได้เป็น 2 ประเภท คือ
1. Static Programming
2. Dynamic Programming

                     1. Static Programming เป็นลักษณะของโปรแกรมบนเว็บที่ไม่ค่อยมีการเปลี่ยนแปลง เช่น เว็บประวัติส่วนตัว, เว็บนำเสนอประวัติและโครงสร้างขององค์กร เป็นต้น ลักษณะเว็บประเภทนี้ เมื่อผู้พัฒนาเว็บสร้างเว็บขึ้นมาแล้วหากต้องการที่จะทำการแก้ไขข้อมูลบางอย่างนั้นก็จะต้องใช้text editor เพื่อเปิดไฟล์ของหน้าเว็บนั้นแล้วจึงทำการแก้ไขข้อมูลที่ต้องการ เมื่อเสร็จแล้วก็ต้องทำการบันทึกไฟดังกล่าวและ ทำการอัพโหลดไฟล์ขึ้นไปเก็บไว้ที่ Web Server จะเห็นว่าลักษณะของโปรแกรมบนเว็บประเภทนี้จะ ไม่มีความยึดหยุ่นในการจัดการ และสร้างความยุ่งยากให้แก่ผู้พัฒนาเว็บเพจด้วย

                     2. Dynamic Programming เป็นลักษณะของโปรแกรมบนเว็บที่เกิดขึ้นมาเพื่อแก้ปัญหา ความไม่ยืดหยุ่นในการจัดการข้อมูลของ Static Programming โดยเหมาะสมสำหรับเว็บที่ต้องมี การเปลี่ยนแปลงข้อมูลอยู่บ่อยครั้ง หรือเว็บที่มีการจัดเก็บข้อมูลจำนวนมากได้ภายในฐานข้อมูล เช่น เว็บหนังสือพิมพ์, เว็บแสดงรายละเอียดของสินค้า เป็นต้น ในการพัฒนาโปรแกรมบนเว็บประเภทนี้ จะต้องอาศัยผู้พัฒนาโปรแกรมที่มีความรู้ความสามารถในการเขียนโปรแกรม นอกจากนั้นในส่วนของ ซอฟต์แวร์ที่ต้องติดตั้งประกอบไปด้วย ซอฟต์แวร์ที่ใช้ในการทำให้เครื่องคอมพิวเตอร์มีความสามารถ เป็นเครื่อง Web Server, ซอฟต์แวร์ที่ใช้ในการแปลโปรแกรมภาษา และซอฟต์แวร์ที่ใช้จัดการ ฐานข้อมูล

JS

JS คืออะไร

           JS ย่อมาจาก JavaScript
           JavaScript คือ ภาษาคอมพิวเตอร์ภาษาหนึ่งที่มีไว้เพื่อจัดการเอฟเฟต์หรือพฤติกรรมของหน้าเว็บไซต์ นอกเหนือจาก HTML ที่ใช้จัดการเรื่องของเนื้อหาของเว็บและ CSS ที่ใช้จัดการเรื่องของโครงสร้างและดีไซน์ของเว็บ
           JavaScript ยังสามารถใช้งานในส่วนของโปรแกรมบนคอมพิวเตอร์และเซิฟเวอร์ ยกตัวอย่างเช่น Node.js หรือในฐานข้อมูลก็สามารถใช้งานได้เช่นกัน เช่น MongoDB และ CouchDB
           หมายเหตุ JavaScript ไม่ใช่เดียวกันกับภาษา Java มีความแตกต่างอย่างสิ้นเชิงทั้งในส่วนของคอนเซปท์และการออกแบบ

Text Editor

text editor คือ

           Text Editor คือโปรแกรมที่ใช้ในการแก้ไข plain text (ตัวอักษรรูปแบบปกติทั่วไป ไม่มีการตกแต่งใดๆ) เช่น Notepad(ของ Windows) TextEdit(ของ macOS) และ gedit(ของ Linux GNOME) หลายๆคนคงเคยใช้กันอยู่แล้วเพื่อ พิมพ์อะไรง่ายๆ หรือแก้ไขอะไรง่ายๆ เพราะเป็นโปรแกรมที่คอมทุกเครื่องมีมาให้

           Text Editor แนะนำ
- Visual Studio Code (วิชวล สตูดิโอ โค้ด)

web server

โปรแกรมสำหรับจำลอง web server

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

           XAMPP ประภอบด้วย Apache, PHP, MySQL, PHP MyAdmin, Perl ซึ่งเป็นโปรแกรมพื้นฐานที่รองรับการทำงาน CMS เป็นชุดโปรแกรม สำหรับออกแบบเว็บไซต์ที่ได้รับความนิยมในปัจจุบัน ไฟล์สำหรับติดตั้ง XAMPP นั้นอาจมีขนาดใหญ่สักหน่อย เนื่องจาก มีชุดควบคุมการทำงานที่ช่วยให้การปรับแต่งส่วนต่าง ๆ ง่ายขึ้น XAMPP นั้นรองรับระบบปฏิบัติการหลายตัว เช่น Windows, Linux, MacOS
           Download