-
1. รู้จักกับ Vue.js และจุดเด่นของ Vue
3 บทเรียน-
ชมตัวอย่างรู้จักกับ Vue.js
-
เริ่มเรียนติดตั้ง Node.js, Visual Studio Code, Vetur และ @vue/cli
-
เริ่มเรียนสร้างและทดลองแอปพลิเคชันแรก
-
-
2. การทำงานของ Vue แอปพลิเคชัน
2 บทเรียน-
เริ่มเรียนโครงสร้างหลักของแอปพลิเคชัน
-
เริ่มเรียนพื้นฐานคอมโพเนนต์
-
-
3. คอมโพเนนต์
5 บทเรียน-
เริ่มเรียนรู้จักกับคอมโพเนนต์และสำรวจโครงสร้างของคอมโพเนนต์
-
เริ่มเรียนลำดับขั้นของคอมโพเนนต์และการนำคอมโพเนนต์ไปไว้ภายใต้คอมโพเนนต์อื่น ๆ
-
เริ่มเรียนภายในเทมเพลตจะต้องมีเอลิเมนต์เดียวและใช้ฟังก์ชัน DATA() กำหนดข้อมูลที่ใช้ภายในคอมโพเนนต์
-
เริ่มเรียนประกาศเมธอดลงในออบเจ็กต์ methods, วิธีอ้างอิงและใช้งานพร็อพเพอร์ตี้
-
เริ่มเรียนวิธีใช้งานและแสดงผลลัพธ์จากเมธอดและขอบเขตของสไตล์ในแต่ละคอมโพเนนต์
-
-
4. การใช้ Bootstrap กับ Vue.js
4 บทเรียน-
เริ่มเรียนรู้จักกับ Bootstrap การลิงก์ไปยัง CSS ของ Bootstrap และลิงก์ไปยัง CSS ของ Font Awesome
-
เริ่มเรียนการกำหนด Container หลักการปรับแต่งปุ่มคำสั่งด้วย Bootstrap และการแสดงข้อความแบบต่างๆ
-
เริ่มเรียนระบบ Grid การกำหนดความกว้างคอลัมน์ การกำหนดจำนวนคอลัมน์ตามขนาดหน้าจอ การเปลี่ยนจำนวนคอลัมน์เมื่อขนาดหน้าจอต่างกัน และการแสดงหรือซ่อนเอลิเมนต์เมื่อขนาดหน้าจอต่างกัน
-
เริ่มเรียนการปรับแต่งแบบฟอร์ม
-
-
5. แนะนำ Data Binding และ Event Binding
3 บทเรียน-
เริ่มเรียนรู้จักกับ Data Binding การแสดงข้อมูลโดยใช้ String Interpolation และการกำหนดค่าแอตทริบิวต์ไปยังแท็กด้วย Attribute Binding
-
เริ่มเรียนการใช้ Computed Properties ใน Vue.js
-
เริ่มเรียนรับข้อมูลจากผู้ใช้ด้วย Event Binding
-
-
6. แบบฟอร์มใน Vue.js
2 บทเรียน-
เริ่มเรียนสร้าง LoginForm คอมโพเนนต์ การกำหนดพร็อพเพอร์ตี้สำหรับใช้กับแบบฟอร์ม การกำหนด Two Way Data Binding และการส่งแบบฟอร์มใน Vue.js
-
เริ่มเรียนตรวจสอบความถูกต้องของข้อมูลในแบบฟอร์ม
-
-
7. ไดเรกทีฟ
3 บทเรียน-
เริ่มเรียนรู้จักกับ DOM, DirectiveDirective การกำหนด class แบบไดนามิกใน Vue.js
-
เริ่มเรียนตัวอย่างการใช้คลาส v-bind
-
เริ่มเรียนตัวอย่างการเปลี่ยนสีพื้นหลังเมื่อกรอกตัวเลข
-
-
8. วิธีส่งข้อมูลระหว่างคอมโพเนนต์
3 บทเรียน-
เริ่มเรียนทบทวนพื้นฐานเกี่ยวกับคอมโพเนนต์ รับส่งข้อมูลระหว่างคอมโพเน้นต์ด้วย props และ custom event รู้จักกับ props วิธีผ่านค่า props และวิธีรับค่า props มาใช้ใน Child คอมโพเนนต์
-
เริ่มเรียนตัวอย่างการส่งรายชื่อนักเรียนไปทาง Prop การส่งข้อมูลกลับไปให้ Parent คอมโพเน้นต์ด้วย Custom Event
-
เริ่มเรียนการใช้ Customer event ลบข้อมูลและการสร้าง Student คอมโพเนนต์เก็บข้อมูลของแต่ละคน
-
-
9. การใช้ Filter
2 บทเรียน-
เริ่มเรียนรู้จักกับฟิลเตอร์ใน Vue.js การกำหนดฟิลเตอร์ขึ้นใช้งาน และตัวอย่างการเปลี่ยนข้อความให้เป็นตัวใหญ่
-
เริ่มเรียนตัวอย่างการใส่เครื่องหมาย ... เมื่อข้อความยาวเกินกำหนด การกำหนดพารามิเตอร์ไปยังฟิลเตอร์ ตัวอย่างการแสดงวันที่แบบไทย
-
-
10. รู้จักและใช้งาน Lifecycle hook
2 บทเรียน-
เริ่มเรียนรู้จักกับ Component Lifecycle และการเรียกใช้ Lifecycle Hook
-
เริ่มเรียนใช้ HTTP Request เพื่อโหลดข้อมูลมาใช้ใน Vue ข้อมูลตัวอย่างจาก jsonplaceholder
-
Vue.js
ครบถ้วนสำหรับผู้เริ่มต้น เน้นตัวอย่างประกอบการเรียนรู้
รายละเอียดของคอร์สเรียน
เรียนรู้วิธีสร้างเว็บแอพพลิเคชันในฝั่งไคลเอนต์ด้วย Vue.js พร้อมวิธีตกแต่งหน้าตาแอพพลิเคชันโดยใช้ Bootstrap
เนื้อหาในคอร์สเรียน
กองบรรณาธิการ Simplify
หลักสูตรแนะนำเป็นอย่างยิ่ง เข้าใจง่าย ให้ข้อมูลดีมาก เป็นระเบียบ หลักสูตรนี้เต็มไปด้วยการปฏิบัติจริงและมีคุณค่าสำหรับทุกคนที่ต้องการพัฒนาทักษะของตนเอง
หลักสูตรแนะนำเป็นอย่างยิ่ง เข้าใจง่าย ให้ข้อมูลดีมาก เป็นระเบียบ หลักสูตรนี้เต็มไปด้วยการปฏิบัติจริงและมีคุณค่าสำหรับทุกคนที่ต้องการพัฒนาทักษะของตนเอง