I'm Nicha

Facebook API [Day1]: Facebook for Websites

Posted by in Coding

ช่วงนี้ศึกษาหลายๆอย่าง พอดีได้โจทย์มาจากเพื่อนในออฟฟิสว่าให้ช่วยอ่าน facebook API ให้หน่อย เลยได้โอกาสหาแรงจูงใจในการมาศึกษามัน กะว่าจะบันทึกสิ่งที่อ่านไปเรื่อยๆ คงเป็นในลักษณะของการแปล+สรุป เพราะจะให้เพื่อนอ่านด้วย ไม่รู้ว่าจะออกมาดีแค่ไหนเหมือนกัน เราอ้างอิงทั้งหมดมาจาก Facebook Developers ใครสนใจสามารถไปศึกษาเองได้นะ เราเลือกเริ่มศึกษาจาก ส่วนของ Facebook for websites ก่อน เพราะเป็นส่วนที่เราต้องใช้ ซึ่งจริงๆ ตรง Getting Start แล้วมันจะมีอยู่ 3 ส่วนด้วยกัน ก็คือ Websites Mobile applications Applications on Facebook.com แต่ละแบบก็มีจุดประสงค์ต่างกัน Websites (อันที่เลือก) เป็นส่วนของการนำ facebook ไปใช้ในเว็บอื่นๆ เช่นปุ่ม like ต่างๆที่นิยมกันมากๆตาม blog หรือตามแคมเปญเว็บต่างๆ หรือส่วนของ login with facebook account ที่มีหลายๆเว็บใช้กัน เป็นต้น ส่วน mobile applications ก็คงไม่ต้องอธิบาย ชื่อก็บอกอยู่แล้ว ส่วนสุดท้าย Applications on facebook.com ก็คือ การทำ apps บน facebook นั่นเอง เข้าเรื่องกันเลยดีกว่า เราจะเริ่มที่ facebook for websites ก่อน Facebook for Websites Introduction เราสามารถเอาข้อมูลหรือ feature บางอย่างใน facebook ไปใช้บนหน้าเว็บเพื่อเชื่อมต่อกับ facebook ได้ โดยมีอยู่ 3 แนวทางด้วยกันคือ Registration +…read more

Nov.30
10

เริ่มต้นง่ายๆ กับ Jquery: เรียนรู้ Selectors

Posted by in Coding

วันก่อนขอให้เพื่อนที่บริษัทสอนเขียน Jquery ให้ ใช้เวลาเรียน 1 ชม. กว่าๆ เกี่ยวกับ Selector ล้วนๆ ตอนนี้เริ่มเขียนได้บ้างแล้ว รู้สึกว่า Jquery ไม่ยากอย่างที่เคยคิด โดยปกติแล้วเวลาที่เราเขียนเว็บ เราจะใช้ ID, Class หรือ Tag HTML ต่างๆ ซึ่ง Selectors ก็คือ การบอกตำแหน่งของโค้ดที่เราต้องการใส่ action นั้นๆลงไปนั่นเอง การเลือก selector ใน Jquery เหมือนใน CSS ทุกประการ และมีเพิ่มเติมจาก CSS2 มาบ้างเล็กน้อย ซึ่งรายละเอียดของ Selectors ทั้งหมดสามารถหาอ่านได้ใน Docs ของเว็บ Jquery การเรียก Selectors การเรียก Selectors เป็นพื้นฐานที่ควรรู้อย่างแรกในการเรียนรู้ Jquery เพราะเราจำเป็นต้องระบุตำแหน่งที่ต้องการให้เกิด action ที่จะเขียนขึ้นมา โดยเราจะประกาศ ในรูปแบบของ $(selector) โดยในส่วนของ [selector] นั้นจะใส่เป็นตัวแปร string ก็ได้ แล้วแต่สะดวก มาดูตัวอย่างกันเยอะๆเพื่อความเข้าใจดึกว่า สมมติว่าเรามีโค้ดตามนี้ <div id=”content”> <div class=”a”>Hello world </div> <div class=”b”> <ul> <li>ciao!</li> </ul> <div> </div> สมมติเราต้องการชี้ตำแหน่งของข้อความ “Hello world” เราจะสามารถเรียกตำแหน่งของข้อความนี้เป็น $(“div#content div.a”) -> ผลที่ได้ออกมาเป็น div.a ซึ่งมี text อยู่ภายในคือ Hello…read more

Nov.24
0
>