วิธีทำ Image Slide ด้วย vuejs
วีดีโอนี้เราจะมาทำ workshop เล็กๆกันว่าถ้าเราอยากใช้ vuejs ในการทำ Image slide เนี่ยเราจะทำยังไงได้บ้าง และด้านล่างมีบทความที่เป็นหัวข้อที่เกี่ยวข้อง
สอน Vuejs ตอนที่ 3 – การใช้งาน Events
Events Handling หรือการจัดการ events ใน vuejs เช่นการ Click, Submit, Change มีวิธีการใช้งานยังไง เราจะทำ event คลิกที่ปุ่มได้ยังไงบ้าง มาดูคลิปนี้เลยครับ
สอน Vuejs ตอนที่ 2 – การใช้งาน v-for
วีดีโอนี้จะแนะนำการใช้งาน Directive ที่มีชื่อว่า v-for โดยเจ้าตัว v-for นี้จะมีหน้าที่ในการนำข้อมูลใน array มาวนลูปเผื่อแสดง Element หรือ Components
สอน Vuejs ตอนที่ 1 – เริ่มต้นรู้จักกับ Vuejs
วีดีโอสอนการใช้งาน vuejs สำหรับผู้เริ่มต้นโดยวีดีโอชุดนี้จะเน้นไปที่การใช้งาน vuejs แต่ละฟังก์ชั่นก่อนที่เราจะเริ่มนำส่วนต่างๆมาประกอบกันจนเป็นโปรเจคครับ
สอน Vuejs ดึงข้อมูลจาก Github API ตอนที่ 5
การใช้งาน Infinite loading เพื่อทำ infinity scroll ด้วย vuejs โดยเมื่อ scroll ลงมาสุดหน้าจอแล้วจะทำการดึง API ของ Github อัตโนมัติ
สอน Vuejs ดึงข้อมูลจาก Github API ตอนที่ 4
สำหรับ EP.4 หลังจากที่เราสามารถ List Repository ของ Github ได้แล้วเราลองมาดึง API อีกตัวของ Github ที่ทำหน้าที่แสดงรายละเอียดอื่นๆของ Repository
สอน Vuejs ดึงข้อมูลจาก Github API ตอนที่ 3
การดึงข้อมูล Github API ใน EP.3 เราจะมาเริ่มใช้งาน API และการเขียน AJAX เพื่อขอข้อมูล JSON จาก API ของ Github กัน
สอน Vuejs ดึงข้อมูลจาก Github API ตอนที่ 2
วิธีดึงข้อมูลจาก Github API ตอนที่ 2 ด้วย vuejs ใน EP.2 เราจะมาเริ่มสร้างโปรเจค Vuejs 2 โดยผ่าน Vue CLI
สอน Vuejs ดึงข้อมูลจาก Github API ตอนที่ 1
ก่อนที่เราจะเริ่มเขียนโปรเจคด้วย Vuejs จำเป็นต้องติดตั้งเครื่องมือที่จะใช้ในการสร้างโปรเจคและเขียน Vuejs วีดีโอนี้จะพาไปดูวิธีการติดตั้งโดยจะมีหัวข้อดังนี้