ผมพยายามจะให้มีเรื่องราวที่หลากหลายอยู่บน Blogๆ แต่หลายๆครั้งก็มีคนพูดว่าทำไมไม่เริ่มต้นจากง่ายๆไปสู่สิ่งที่ยากขึ้นเรื่อยๆ ต้องขอบอกไว้ก่อนว่าเพราะความจริงแล้ว ผมไม่ได้มี concept ตายตัวอะไรแบบนั้น แค่พยายามทำให้การเรียนรู้เรื่องของการทำเว็บไซต์ การพัฒนาเว็บไซต์ เป็นเรื่องง่ายๆที่ทุกคนสามารถเข้าถึงได้
วันนี้ผมเลยมาด้วย Step ที่เรียกว่า Basic จริงๆแต่เป็นก้าวแรกที่ดีเยี่ยมหากคุณคิดจะเริ่มต้นกับ Script ชื่อดังที่มากมายความสามารถอย่าง jQuery ผมจะเริ่มต้นตั้งแต่คุณต้องทำยังไง แล้วก็จะใช้งานมันได้ยังไงบ้าง
jquery-logo
1.เริ่มจากให้เข้าไปที่เว็บไซต์ของ jquery.com เพื่อ download Code มาใช้งาน
2.จากนั้นให้ save เก็บไว้ใน Folder ที่คุณต้องการเขียนเพื่อทำการศึกษามัน โดย save เป็นไฟล์ Html หรือ PHP ก็ได้
3.จากนั้นให้คุณสร้างไฟล์งานใหม่ขึ้นมาโดยเขียนโครงสร้างของ HTML ทั้งหมดลงไป
<html>
<head>
<title>Intro</title>
</head>
<body></body>
</html>
4.ต่อจากนี้ให้คุณเรียกไฟล์ jquery เข้ามาใช้งานด้วยการใส่ Code แบบนี้ในบริเวณ tag : head
<script type=”text/javascript” src=”jquery.js”></script>
5.จากนั้นคุณก็จะสามารถเริ่มใช้งาน jquery ได้แล้ว แต่เพื่อเป็นการทดสอบ ผมอยากให้คุณลองพิมพ์ บาง function เพื่อทดสอบการทำงานของไฟล์ว่าจะไม่มีปัญหาใดๆเกิดขึ้น โดยการพิมพ์คำสั่ง alert ลงไปใน tag: head
<script type=”text/javascript”>
alert(‘Hello’);
</script>
แบบนี้แล้วลองรันขึ้นมาดู ว่ามีการแจ้งเตือนแบบนี้หรือไม่
alert
ยังไงถ้าจะให้เข้าใจมากขึ้นผมว่าลองดู Video ด้านล่างนี่เพิ่มเติมด้วยนะครับ
คุณสามารถดู Video ทั้งหมดของผมได้ที่ teerapuchchanel
