เริ่มต้นศึกษาการเขียน Web site

"ศึกษาการเขียนเว็บไซต์ (Web site)"

ในส่วนนี้ทำเราปวดหัวมากๆกับการศึกษาการเขียนเว็บ
ซึ่งจากการที่เราค้นหามานานแสนนานเกี่ยวกับการเขียนเว็บนั้น
สรุปคร่าวๆ ดังหัวข้อนี้
1.  เลือกภาษาที่จะใช้เขียนเว็บไซต์ของเรา
2.  ศึกษา เรียนรู้ ภาษาที่เลือก
3.  หาตัวช่วยในการเขียนเว็บ



ข้อ 1.  ก่อนอื่นเราเลือกภาษาที่จะใช้เขียนเว็บไซต์ของเราก่อน
ไม่รู้จะเลือกตัวไหน แต่เห็นติดหู แตะตาบ่อยๆก็ PHP
เลยมาลงตัวที่ PHP

PHP

diagram ใน OOP

ข้อ 2.  หายืมหนังสือหอสมุดบางมด
มีหลายเล่มเลยที่อ่านง่ายๆ แต่โดยรวมเขียนคล้ายๆกัน = ="
ซึ่งภาษา PHP จะมีโครงสร้างภาษาที่คล้ายคลึงกับภาษาทั่วๆไป
มีหลักการทำงานเหมือน ๆ กัน
หาอ่านได้เยอะแยะเลยพึ่งพากี่ google อีกเช่นเดิมนั้นละ
แต่ที่ยากนี่สิ คือการเขียน PHP แบบ OOP (object oriented programming)
ซึ่งหาดูการบรรยายจากวิทยากรผู้ใจดีหลายๆคนใน youtube ได้เลย
มีทั้งภาษาไทยและภาษาอังกฤษเลือกได้ตามใจชอบ สอน PHP OOP

ข้อ 3. อันนี้ตอนแรกก็ไม่รู้หรอกว่าจะมีตัวช่วยอะไรบ้าง
แน่นอนเราเขียนเคยเขียนโปรแกรมมาก่อน
เราย่อมต้องหา editer ที่ช่วยในการเขียนเว็บ
ซึ่งมีหลากหลายเสียงนะที่เขาพูดๆกัน
บางคนก็บอก eclipse บ้างก็บอก netbean
ก็แล้วแต่ความพึงพอใจเลยแล้วกัน
แต่โดยส่วนตัวเคยใช้ netbean มาเลยใช้ netbean
ในโครงการที่จะเขียนเว็บชิ้นโบแดงแจ๋อันนี้ คิคิ

แต่พอจะเริ่มลงมือทำนั้น ระหว่างศึกษา PHP OOP
ก็มึนจ๊ะ มึนจริงๆขอกบอก T.T การเขียนเชิงอ๊อปเจ๊คแม่นมาก 5555 (ประชด)
แต่น่าไม่เรียนรู้แล้วจะได้ไหม = ="
พอดูไปเรื่อยๆ มีทั้ง HTML CSS มาหมด T.T

เขียนเว็บแน่นอน HTML มันต้องพื้นฐานมีมาบ้างแล้ว
แล้วฉันมีไหม??? ตอบเลยว่าไม่ 5555+
เว็บฉันจะรอดไหม แค่นี้ยังไม่รู้ เพิ่งอากู๋อีกเช่นเดิม
เวลาหาก็หาภาษาไทยอ่านละ เช่น HTML เบื้องต้น
แต่มาแปะใน blog เอาเว็บต้นฉบับเลยละกัน HTML
ตอนนี้เขามีถึง HTML5 แล้วนะมีอะไรใหม่ๆอ่านเอาเลย
อันนี้พื้นฐานเลยนะ HTML การพิมพ์ให้แสดงผล การทำตาราง
การสร้างปุ่ม การสร้างฟอร์มรูปแบบต่างๆ ขนาดตัวอักษร
การสร้างลิ้ง การสร้างปุ่ม สาระพัดพื้นฐานของการเขียนเว็บออกมาหนึ่งหน้า O_O
อย่าไปเครียดนะจ๊ะหนูๆ ฉันก็จำไม่ได้ ฮ่าๆ ใช้บ่อยๆละเดี๋ยวก็จำได้
เวลาเขียน web แน่นอน เปิดเน๊ตกันอยู่แล้ว ก็เปิดไปทำไปนั้นละจ้า อย่าคิดมาก

ต่อไป CSS ให้ตายเถอะ CSS คืออะไรเนีย T.T
CSS (Cascading Style Sheets) นั้นละชื่อเต็มของมัน - -*
ใช้เอาไว้จัดรูปแบบเว็บของเรา การวาง layout ต่างๆ
รวมถึงการปรับแต่งรูปบบหน้าเว็บต่างๆ
เราก็ยังใช้ไม่คล่องหรอก พอวางได้ แต่ไม่สวยซะที
บางทีอารมณ์เสีย อารมณ์เสีย อาภาพร มาเลย 55555+
มันไม่ค่อยได้ดั่งใจเราเท่าไหร่ เพราะเราไม่แม่นคำสั่งเอง = ="
จะมีทั้ง margin padding float เยอะแยะไปหมด มี class id
หาอ่านเอา อากู๋อีกเช่นเดิม เพราะ CSS ก็ส่วนนึงนะทำให้เราจัดหน้าเว็บง่ายๆ ดูปรับเปลี่ยนง่ายๆ

แต่ยัง ยังไม่หมด นอกจาก html css แล้ว
ยังมีคำใหม่ที่ฉันเพิ่งพบเจอ = =" นั่นก็คือ PHP framework
ไม่เคยรู้มาก่อนคืออะไร ทำอะไรได้ O_O
อากู่อีกเช่นเดิม T.T หลักๆคือเน้น MVC คุณพระ
MVC คืออะไร เหมือน MVP ในเกมออนไลน์หรือป่าวนะ - -"
MVC (model-view-controller) มากันหลายคำละวุ้ย T.T
อย่าเพิ่งงง อ่านไปก่อนให้พอรู้ขอบเขตคร่าวๆนะหนูๆ
แล้วเจ้า PHP frameeork ก็มีหลายตัวอีกนะ

 

CakePHP , CI(Codeigniter) และอีกหลายๆตัว มากันให้พรึบ T.T
หาอ่านเอาอีกเช่นกัน ตามไปอ่านใน link ของ บอร์ด CakePHP จะมีเนื้อหา framework, mvc
เราตัดสินใจเลือก CI นะเพราะเว็บที่เราทำไม่ได้ใหญ่โตอะไรมากมาย
สิ่งที่ CI ช่วยเหลือก็คงเพียงพอต่อความต้องการของเราแล้วละ

ซึ่งหลังจากนั้นก็มาศึกษา CI ต่อ แม้ว่า html + css จะยังเข้าใจแค่ผงฝุ่นอยู่ = ="
ให้ตายเถอะ เริ่มปวดหมอ ซับซ้อน ด้วยความที่ html ก็ไม่แม่น
การส่งข้อมูล การเข้าหน้าเว็บเพจนี้ไปอีกหน้าเว็บนึง ก็ยังไม่เข้าใจหลักการ
สรุป ทำไปทำมา เริ่มออกแนวทำเองคิดเอง เออออเอง พอติดปัญหาแก้ไม่ออก
เพราะว่าเรางมมั่วมาก 55555+ เขินจังเลย เว็บฉันจะรอดไหม
เอาน่ามันยังช่วงศึกษา ศึกษามาหลายเดือนแล้วนะ
ความจริงขี้เกียจอิอิ ยังมีหน้ามาบอก เหอะๆ
เอาเป็นว่าแค่นี้ก่อน

หลายคนอ่านอาจจะงง ทำไมไม่สอนเลยละ
มันยาวและเยอะมากจริงๆในรายละเอียดแต่ละตัว
ต้องพึ่ง google แล้วละ เราก็ยังเป็นเช่นนั้นอยู่
ณ ตอนนี้ยังไม่คล่องยังไม่สามารถประมวลผลมาสอนได้ T.T
ขออภัยผู้อ่านมา ณ ที่นี้ด้วย ^^

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

PiYA ♥

---