Vuejs

วีดีโอนี้เราจะมาทำ workshop เล็กๆกันว่าถ้าเราอยากใช้ vuejs ในการทำ Image slide เนี่ยเราจะทำยังไงได้บ้าง และด้านล่างมีบทความที่เป็นหัวข้อที่เกี่ยวข้อง

Events Handling หรือการจัดการ events ใน vuejs เช่นการ Click, Submit, Change มีวิธีการใช้งานยังไง เราจะทำ event คลิกที่ปุ่มได้ยังไงบ้าง มาดูคลิปนี้เลยครับ

วีดีโอนี้จะแนะนำการใช้งาน Directive ที่มีชื่อว่า v-for โดยเจ้าตัว v-for นี้จะมีหน้าที่ในการนำข้อมูลใน array มาวนลูปเผื่อแสดง Element หรือ Components

วีดีโอสอนการใช้งาน vuejs สำหรับผู้เริ่มต้นโดยวีดีโอชุดนี้จะเน้นไปที่การใช้งาน vuejs แต่ละฟังก์ชั่นก่อนที่เราจะเริ่มนำส่วนต่างๆมาประกอบกันจนเป็นโปรเจคครับ

การใช้งาน Infinite loading เพื่อทำ infinity scroll ด้วย vuejs โดยเมื่อ scroll ลงมาสุดหน้าจอแล้วจะทำการดึง API ของ Github อัตโนมัติ

สำหรับ EP.4 หลังจากที่เราสามารถ List Repository ของ Github ได้แล้วเราลองมาดึง API อีกตัวของ Github ที่ทำหน้าที่แสดงรายละเอียดอื่นๆของ Repository

การดึงข้อมูล Github API ใน EP.3 เราจะมาเริ่มใช้งาน API และการเขียน AJAX เพื่อขอข้อมูล JSON จาก API ของ Github กัน

วิธีดึงข้อมูลจาก Github API ตอนที่ 2 ด้วย vuejs ใน EP.2 เราจะมาเริ่มสร้างโปรเจค Vuejs 2 โดยผ่าน Vue CLI

ก่อนที่เราจะเริ่มเขียนโปรเจคด้วย Vuejs จำเป็นต้องติดตั้งเครื่องมือที่จะใช้ในการสร้างโปรเจคและเขียน Vuejs วีดีโอนี้จะพาไปดูวิธีการติดตั้งโดยจะมีหัวข้อดังนี้