…คอร์สนี้เกิดขึ้นมาจาก ผม กับ @framekung เนี่ยต้องการที่จะทำเว็บไซต์จาก PSD ไฟล์เป็นแบบจริงๆจังๆไม่ใช่ว่า ใช้โปรแกรมมา Auto code ออกมาซึ่งแน่นอนทำแบบนั้น “Code มันรก” ครับ โดยทางตอนแรก @framekung ได้ส่ง Link หลักสูตรของทาง Marvelic แต่หลักสูตรนั้นเปิดช่วงที่เปิดเทอมแล้วทำให้ติดภาระทางการเรียนไม่สามารถไปได้ ทาง เฟรม เลยได้เมลล์ไปถาม พี่เม่น แห่ง iMenn.com ซึ่งเป็น กูรู ด้าน WordPress คนนึงของเมืองไทยเลยก็ว่าได้ ก็เลยได้ข้อสรุปว่าทางพี่เม่นจะแยกมาสอนให้เป็นพิเศษโดยผู้เรียนในครั้งนี้ประกอบไปด้วย

• ฟัก @Lifez หรือตัวผมเองนั่นแหละ ฮ่าๆ มาจาก นครสวรรค์
• เฟรม @framekung เป็นคนที่ชวนผมมาเรียนคอร์สนี้ โดยเปิด ธุรกิจ Web Hosting น้อยๆด้วยกันอยู่ มาจาก โคราช ครับ
• โฟน เพื่อนของ @framekung
• บี้ @biekub คนนี้มาจากสกลนคร โดยโดดค่ายนักวิจัยออกมาเรียนกันเลยทีเดียว คนนี้รู้จักตอนไป NLCX ครับ
• แบงค์ @iBankstory คนนี้รู้จักมาจาก Twitter โดยผ่าน @icez @bongbank บินตรงมาจากภูเก็ตเลยทีเดียว โดยแบงค์ฝากไว้ว่า(“เขียนบล็อกไม่ต้องใส่อายุนะ”)

วันที่ 1 : XHTML+CSS Class

ตอนแรกคุยกันไว้เรื่องสถานที่ว่าจะไปเรียนที่ 1.โซนทองหล่อ 2.ร้านกาแฟวาวี โดยตัดสินใจเลือกร้านกาแฟวาวี เพราะว่าเป็นแหล่งรวมตัวของ Tweetple และ พี่เม่นก็มีความทรงจำดีๆกับร้านแห่งนี้ด้วย วันแรกนี้จะเรียนเกี่ยวกับการตัด XHTML+CSS จากไฟล์กราฟริกครับ

โดยมีวีดีโอบรรยากาศจาก @framekung ตามนี้เลยครับ (ไม่ได้ตัดต่อ)

หลังจากถ่ายวีดีโอตัวนี้ไม่นาน พี่แบงค์กับพี่เม่นก็เดินทางมาถึง เสร็จแล้วก็เลยเดินเข้าไปในร้านครับโดยพี่เม่น ติดต่อขอใช้สถานที่ว่าอยากจะใช้ห้องด้านบน แต่ปรากฏว่ามีค่าใช้จ่ายคือ 3 ชม. 1200 บาททำให้เรายืนอึ้งไปพักนึงเลยตัดสินใจ ย้ายสถานที่ไปเรียนที่โซนทองหล่อแทน

ตอนเดินทางก็แยกขึ้น Taxi กันไปคันละ 3 คนโดยเลือกใช้ที่ True coffee ทองหล่อ ซ.8 เป็นสถานที่เรียน โดยก่อนเริ่มเรียนก็สั่งกาแฟกินแล้วจัดการหาที่นั่งหาปลั๊กไฟใช้งานกัน

บรรยากาศการบรรยาย

เนื้อหาวันแรกพี่เม่นก็สอนเกี่ยวกับ พื้นฐาน css ต่างๆที่จำเป็น และลองทำให้ดูแล้วนำไปปฏิบัติทดลองทำเอง ซึ่งแรกๆก็งงแหละครับ

โดยพี่เม่นก็ถึงเรื่องว่าอะไรสำคัญกับ CSS บ้างโดยสรุปมาได้แนวๆว่า “ขอแค่ให้รู้ว่าแต่ละคำสั่งทำอะไร และต้องใช้คู่กับคำสั่งไหน ห้ามใช้คู่กับคำสั่งไหน บวกเลขให้ถูก ก็ได้เว็บสวยๆกันแล้ว”

พอเริ่มเที่ยงๆก็เก็บของออกไปหาอะไรกินกัน พอกินเสร็จก็ตกลงกันว่าที่ True Coffee นั้นสถานที่เล็กเกินไปโดยพี่เม่นก็เสนอว่า ลองไป บ้านไร่กาแฟ สาขาเอกมัย ดูพอไปถึงผลก็เป็นที่ประทับใจมากครับ พื้นที่กว้างขวางเหมาะสำหรับการเรียน (แต่ True wifi ดับบ่อย T-T)

พอเริ่มต้นเรียนต่อช่วงภาคบ่ายจะเป็นการนำไฟล์กราฟิกที่พี่เม่นตัดไว้แล้ว มาประกอบร่างกันเป็น Website จริงๆโดยใช้ Css และ xhtml ครับซึ่งก็แน่นอนครับมีปัญหาระหว่างทำแน่นอนซึ่งพี่เม่นก็ช่วยไกด์ทางให้ตลอด

ภาคบ่าย

ระหว่างเรียนกันอยู่นั้นจู่ๆ Macbook ของ @iMenn ก็เกิดอาการงอนดับไปดื้อๆซะงั้น เรามาดูวิธีแก้ปัญหาเมื่อเกิดกันครับ

เย็นวันนั้นหลังจากเลิกเรียนเจอกันทั้งทีต้องไปหาอะไรอร่อยๆกินกันซะหน่อย โดยพวกเราได้ไปกินกันที่ Oishi Express ครับ รูปภาพก็ตามนี้เลยครับ

หลังจากกินกันเสร็จก็โดน @framekung ลากไปร้าน melt-me ครับ โดยแรงบรรดาลใจก็คงมาจาก เดี่ยว 8 หล่ะมั้ง ฮ่าๆ

หลังจากนั้นเราก็แยกย้ายเดินทางกลับที่พักกัน โดย @framekung @biekub และโฟน ก็ขึ้น Taxi กลับไปที่คอนโดของน้า @framekung ผมกับ @iBankstory ก็ ขึ้น BTS ไป โดยผมลง BTS วงเวียนใหญ่แล้วนั่ง Taxi ต่อไปบ้าน ส่วน @iBankstory ลง BTS อโศกต่อ MRT ไปลาดพร้าวพักที่ห้อง @bongbank แล้วก็ระหว่างเดินทางกลับ ครูเม่น ได้ทวีตมาบอกว่า “อย่าลืมทำการบ้านตัด PSD แล้วประกอบ Css + XHTMl มา”

วันที่ 2 : XHTML+CSS to WordPress Theme

โดยวันที่สองนั้นนัดมากันที่ ร้านบ้านไร่กาแฟ เอกมัย เลยเพราะว่าที่้เรียนนั้นกว้างขวางมาก แล้วยังเดินทาง สะดวกอีกด้วยคือ ลง BTS เอกมัยแล้วถึงร้านเลยโดยมาถึงกันตั้งแต่ 9 โมงแต่ว่า ร้านชั้นบนนั้นเปิดให้บริการ 10.30 น.  ก็เลยไปนั่งคุยปัญหาที่เจอหรือว่านั่งประกอบร่าง Website รอ เมื่อได้ไฟล์แล้วพี่เม่นก็สอนการนำไฟล์ css+xhtml ไปใส่ค่าตัวแปร WordPress ทำให้ได้ WordPress Theme ออกมา ทำให้วันนั้นได้ Theme เละๆออกมากันคนละ 1 ตัว ฮ่าๆ

ก่อนกลับก็ถ่ายรูปร่วมกันซะหน่อย ขอบคุณพี่จี้ที่ถ่ายรูปให้ครับ ^_^

เรียกได้ว่าเป็นประสบการณ์ที่หาไม่ได้บนโลกอินเตอร์เน็ตจริงๆ โดยได้ลองทำจริงๆ และพบเจอปัญหาจริงๆ โดย 2 วันนี้พวกเราสามารถ เนรมิต Theme WordPress ขึ้นมาจาก ไฟล์ PSD ตัวเดียวโดยได้รับการสอนจาก @iMenn ใครไม่เชื่อก็ลองพิสูจน์ดูนะครับ ^_^ สำหรับผู้ที่อยากเรียนคอร์สแนวๆนี้ก็ติดตามได้จากทาง บริษัท Marvelic หรือทางบล็อกของพี่เม่น ก็ได้ครับ

ขอนอกเรื่องหน่อย

หลังจากเรียนเสร็จวันที่ 2 ก็คุยกับ @iBankstory ว่าจะไปเดินเล่น MBK กันก็เลยขึ้น BTS จาก เอกมัยไป MBK กันระหว่างทาง @bongbank ก็ทวีตมาบอกว่าอยู่พญาไทเดี๋ยวมาหา ก็เลยได้พบ @bongbank ตัวจริงพบว่าบ่นเยอะคล้ายๆใน Twitter เหมือนกันแหะ  โดยไปกิน สเต็กที่ Santa Fe กัน (ระหว่างทาง @iBankstory คิดว่าร้านนวดเท้าเป็นร้านอาหารญี่ปุ่นอีกต่างหาก) พอกินกันเสร็จ @iBankstory ก็เดินตามหา Case BB ที่ใครฝากซื้อไม่รู้ลืม -*- แต่ก็ได้ Case iPodTouch ติดมากลับมาอีกอัน -*- หลังจากนั้นก็แยกย้ายกันกลับที่พักโดยไปกันคนละทางเลย -*- ผม นั่ง BTS ไป วงเวียนใหญ่ @bongbank นั่ง BTS ไปต่อ MRT แล้วไปลาดพร้าว @iBankstory นั่ง BTS ไปอ่อนนุช เรียกได้ว่าสุดสายของแต่ละเส้นทางกันเลย – -”

สุดท้ายแล้ว

สุดท้ายนี้ก็ขอขอบคุณ พี่เม่น มากๆสำหรับค่าก๋วยเตี๋ยว และค่ากาแฟ ด้วยนะครับ(ทุกมื้อเลย T-T) ขอบคุณ @framekung สำหรับ รูป วีดีโอ และแนวคิดสำหรับ Entry นี้ โดยสัญญาว่าจะไม่ทำให้เลี้ยงเสียค่ากาแฟแน่ครับ  สัญญาไว้ว่าจะทำ Theme WordPress ออกมาแจกเดือนละ 1-2 ธีม (ถ้า @framekung ทำ PSD มาให้นะ) เอาล่ะครับจบแล้วพบกันใหม่ Entry หน้า