JQU005:JavaScript, JQuery And Ajax.

ขั่วโมงที่ 1-4 5

เนื้อหาการอบรม

• Lecture1.1
  – บทนำเกี่ยวกับหลักสูตรและเทคโนโลยีที่เราจะใช้ในการเขียนโปรแกรม
• Lecture1.2
  – บทนำเกี่ยวกับ JQuery
• Lecture1.3
  – แนะนำการใช้ JQuery
• Lecture1.4
  – การติดตั้งโปรแกรม Visual Studio, C#, Adobe Dreamweaver, Microsoft Netbeen, ฯลฯ
• Lecture1.5
  – การเรียกใช้โปรแกรม Visual Studio, C#, Adobe Dreamweaver, Microsoft Netbeen, ฯลฯ

ขั่วโมงที่ 4-8 12

• Lecture2.1
  – เรียนรู้เกี่ยวกับ การติดตั้ง JQuery การเริ่มต้นใช้งาน
• Lecture2.2
  – เรียนรู้เกี่ยวกับ การติดตั้ง JQuery บน Windows
• Lecture2.3
  – เรียนรู้เกี่ยวกับ การติดตั้ง JQuery บน Mac
• Lecture2.4
  – เรียนรู้เกี่ยวกับ การติดตั้ง JQuery บน Linux
• Lecture2.5
  – เรียนรู้เกี่ยวกับ สถาปัตยกรรมของ JQuery
• Lecture2.6
  – เรียนรู้เกี่ยวกับ ภาพรวม JavaScript และ jQuery
• Lecture2.7
  – เรียนรู้เกี่ยวกับ Overview of JavaScript Frameworks
• Lecture2.8
  – เรียนรู้เกี่ยวกับ Setting Up The Editor
• Lecture2.9
  – เรียนรู้เกี่ยวกับ เอฟเฟ็กต์ ภาพเคลื่อนไหว
• Lecture2.10
  – เรียนรู้เกี่ยวกับ Setting Up The jQuery Project
• Lecture2.11
  – เรียนรู้เกี่ยวกับ Fading In Elements (and Fading Them Out Again)
• Lecture2.12
  – เรียนรู้เกี่ยวกับ A Pitfall With fadeIn/fadeOut vs. fadeTo

ชั่วโมงที่ 8-12 15

• Lecture3.1
  – เรียนรู้เกี่ยวกับ Showing And Hiding Elements
• Lecture3.2
  – เรียนรู้เกี่ยวกับ Sliding Elements Up And Down
• Lecture3.3
  – เรียนรู้เกี่ยวกับ Moving Elements
• Lecture3.4
  – เรียนรู้เกี่ยวกับ Get Creative : Custom Animations
• Lecture3.5
  – เรียนรู้เกี่ยวกับ Delaying and Chaining Animations
• Lecture3.6
  – เรียนรู้เกี่ยวกับ Timing Animations Using Callback Functions
• Lecture3.7
  – เรียนรู้เกี่ยวกับ Coding Activity : Creating a Signup Lightbox
• Lecture3.8
  – เรียนรู้เกี่ยวกับ Element Selectors
• Lecture3.9
  – เรียนรู้เกี่ยวกับ Using CSS Selectors in jQuery
• Lecture3.10
  – เรียนรู้เกี่ยวกับ jQuery Methods for Traversal
• Lecture3.11
  – เรียนรู้เกี่ยวกับ jQuery Methods for Filtering
• Lecture3.12
  – เรียนรู้เกี่ยวกับ การจัดการ DOM การใส่, การใส่และการลบองค์ประกอบ
• Lecture3.13
  – เรียนรู้เกี่ยวกับ DOM
• Lecture3.14
  – เรียนรู้เกี่ยวกับ การเพิ่มองค์ประกอบใหม่ลงใน DOM
• Lecture3.15
  – เรียนรู้เกี่ยวกับ การแทนที่องค์ประกอบและเนื้อหา

ชั่วโมงที่ 12-16 27

• Lecture4.1
  – เรียนรู้เกี่ยวกับ การลบองค์ประกอบและเนื้อหา
• Lecture4.2
  – เรียนรู้เกี่ยวกับ การจัดการแอ็ตทริบิวต์และคุณสมบัติ
• Lecture4.3
  – เรียนรู้เกี่ยวกับ Coding Activity : Creating an Image Slideshow
• Lecture4.4
  – เรียนรู้เกี่ยวกับ การเปลี่ยนคุณสมบัติ CSS ขององค์ประกอบ
• Lecture4.5
  – เรียนรู้เกี่ยวกับ การเพิ่มหรือการลบคลาส CSS
• Lecture4.6
  – เรียนรู้เกี่ยวกับ การเปลี่ยนข้อมูลขององค์ประกอบ
• Lecture4.7
  – เรียนรู้เกี่ยวกับ การเรียกและการเปลี่ยนเนื้อหาขององค์ประกอบ
• Lecture4.8
  – เรียนรู้เกี่ยวกับ การจัดการกิจกรรมเมาส์และกิจกรรมคีย์บอร์ด
• Lecture4.9
  – เรียนรู้เกี่ยวกับ Events and Event Handlers
• Lecture4.10
  – เรียนรู้เกี่ยวกับ เพิ่ม Handlers คลิก
• Lecture4.11
  – เรียนรู้เกี่ยวกับ การเพิ่ม Hover Handlers
• Lecture4.12
  – เรียนรู้เกี่ยวกับ การเพิ่มตัวจัดการ MouseEnter และ MouseLeave
• Lecture4.13
  – เรียนรู้เกี่ยวกับ การเพิ่มตัวจัดการเดียวกันสำหรับหลายเหตุการณ์
• Lecture4.14
  – เรียนรู้เกี่ยวกับ Modularizing Event Handlers (ไม่มีฟังก์ชันอินไลน์เพิ่มเติม)
• Lecture4.15
  – เรียนรู้เกี่ยวกับ Delegated Events
• Lecture4.16
  – เรียนรู้เกี่ยวกับ การส่งผ่านข้อมูลเพิ่มเติมไปยังกิจกรรม
• Lecture4.17
  – เรียนรู้เกี่ยวกับ Coding Activity : Creating an Image Gallery with Lightbox Preview
• Lecture4.18
  – เรียนรู้เกี่ยวกับ Handling KeyDown & KeyUp Events
• Lecture4.19
  – เรียนรู้เกี่ยวกับ Forms
• Lecture4.20
  – เรียนรู้เกี่ยวกับ The Focus & Blur Events
• Lecture4.21
  – เรียนรู้เกี่ยวกับ Using the Change Event
• Lecture4.22
  – เรียนรู้เกี่ยวกับ Handling the Submit Event
• Lecture4.23
  – เรียนรู้เกี่ยวกับ Coding Activity : Complete Form Validation on Submit
• Lecture4.24
  – เรียนรู้เกี่ยวกับ Coding Activity : Fast Feedback Form
• Lecture4.25
  – เรียนรู้เกี่ยวกับ Ajax กับ jQuery
• Lecture4.26
  – เรียนรู้เกี่ยวกับ กำลังเรียกไฟล์เซิร์ฟเวอร์ด้วย jQuery
• Lecture4.27
  – เรียนรู้เกี่ยวกับ เรียกดูรูปภาพ Flickr ผ่านทาง Flickr API (+ เข้าใจเกี่ยวกับ JSON)