JQU003:JQuery UI In Action: Build 5 JQuery UI Projects.
ในหลักสูตรนี้คุณจะได้เรียนรู้ว่า jQuery UI คืออะไรวิธีการตั้งค่าสภาพแวดล้อมการพัฒนา jQuery UI และวิธีใช้ปฏิสัมพันธ์เครื่องมือและเอฟเฟ็กต์ต่างๆ การโต้ตอบที่แตกต่างกันในหลักสูตรนี้จะสอนคุณให้เข้าใจเครื่องมือที่หลากหลายเช่น หีบเพลง แท็บเติมข้อความอัตโนมัติ ไดอะล็อก datepicker แถบความคืบหน้า checkboxradio เลือกเมนู และกลุ่มควบคุมในรายละเอียด ส่วนสุดท้ายคือส่วน Let’s Develop ที่คุณจะพัฒนาโครงการ jQuery UI ตั้งแต่เริ่มต้น ซึ่งจะช่วยให้คุณเพิ่มความมั่นใจในการใช้ความรู้ jQuery UI ในการพัฒนาโครงการ jQuery UI ในโลกออนไลน์ได้ โครงการที่พัฒนาขึ้นนี้เป็นส่วนหนึ่งของหลักสูตรนี้ ได้แก่ เกมจับคู่ เครื่องวัดความแข็งแรงของพาสเวิร์ด ตัวควบคุมความเร็วสัญญาณวิดีโอ การทำแอ็พพลิเคชันรายการ และ ระบบสอบถามเรื่องรถไฟ
วัตถุประสงค์
– เรียนรู้ jQuery UI ตั้งแต่เริ่มต้น
– เข้าใจปฏิสัมพันธ์และวิดเจ็ต jQuery UI อย่างละเอียด
– เพิ่มความรู้เกี่ยวกับ jQuery และ jQuery UI
กลุ่มเป้าหมาย
– ผู้ที่สนใจใน JQuery UI
– ผู้ที่สนใจใน JQuery
– IT Managers
– นักเรียน/นักศึกษา/ผู้ประกอบการ และ Freelance
– กลุ่มผู้สนใจทั่วไป
ความรู้พื้นฐาน
– ความรู้พื้นฐานเกี่ยวกับ HTML และ CSS
– ความรู้พื้นฐานเกี่ยวกับ JavaScript เบื้องต้น
– ความรู้พื้นฐานเกี่ยวกับ HTML, CSS และ JS
– มีความรู้เกี่ยวกับภาษาบนฝั่ง Server ภาษาใดภาษาหนึ่ง PHP, ASP, JSP
คุณสมบัตรของหลักสูตร
- บรรยาย 59
- แบบทดสอบ 0
- ระยะเวลา 50 hours
- ระดับทักษะ All levels
- ภาษา English
- นักเรียน 0
- การประเมินผล Yes
-
ขั่วโมงที่ 1-4
เนื้อหาการอบรม
-
ขั่วโมงที่ 4-8
- – เรียนรู้เกี่ยวกับ การติดตั้ง JQuery การเริ่มต้นใช้งาน
- – เรียนรู้เกี่ยวกับ การติดตั้ง JQuery บน Windows
- – เรียนรู้เกี่ยวกับ การติดตั้ง JQuery บน Mac
- – เรียนรู้เกี่ยวกับ การติดตั้ง JQuery บน Linux
- – เรียนรู้เกี่ยวกับ สถาปัตยกรรมของ JQuery
- – เรียนรู้เกี่ยวกับ ภาพรวม JavaScript และ jQuery
- – เรียนรู้เกี่ยวกับ Overview of JavaScript Frameworks
- – เรียนรู้เกี่ยวกับ Setting Up The Editor
- – เรียนรู้เกี่ยวกับ เอฟเฟ็กต์ ภาพเคลื่อนไหว
- – เรียนรู้เกี่ยวกับ Setting Up The jQuery Project
- – เรียนรู้เกี่ยวกับ Fading In Elements (and Fading Them Out Again)
- – เรียนรู้เกี่ยวกับ A Pitfall With fadeIn/fadeOut vs. fadeTo
-
ชั่วโมงที่ 8-12
- – เรียนรู้เกี่ยวกับ Showing And Hiding Elements
- – เรียนรู้เกี่ยวกับ Sliding Elements Up And Down
- – เรียนรู้เกี่ยวกับ Moving Elements
- – เรียนรู้เกี่ยวกับ Get Creative : Custom Animations
- – เรียนรู้เกี่ยวกับ Delaying and Chaining Animations
- – เรียนรู้เกี่ยวกับ Timing Animations Using Callback Functions
- – เรียนรู้เกี่ยวกับ Coding Activity : Creating a Signup Lightbox
- – เรียนรู้เกี่ยวกับ Element Selectors
- – เรียนรู้เกี่ยวกับ Using CSS Selectors in jQuery
- – เรียนรู้เกี่ยวกับ jQuery Methods for Traversal
- – เรียนรู้เกี่ยวกับ jQuery Methods for Filtering
- – เรียนรู้เกี่ยวกับ การจัดการ DOM การใส่, การใส่และการลบองค์ประกอบ
- – เรียนรู้เกี่ยวกับ DOM
- – เรียนรู้เกี่ยวกับ การเพิ่มองค์ประกอบใหม่ลงใน DOM
- – เรียนรู้เกี่ยวกับ การแทนที่องค์ประกอบและเนื้อหา
-
ชั่วโมงที่ 12-16
- – เรียนรู้เกี่ยวกับ การลบองค์ประกอบและเนื้อหา
- – เรียนรู้เกี่ยวกับ การจัดการแอ็ตทริบิวต์และคุณสมบัติ
- – เรียนรู้เกี่ยวกับ Coding Activity : Creating an Image Slideshow
- – เรียนรู้เกี่ยวกับ การเปลี่ยนคุณสมบัติ CSS ขององค์ประกอบ
- – เรียนรู้เกี่ยวกับ การเพิ่มหรือการลบคลาส CSS
- – เรียนรู้เกี่ยวกับ การเปลี่ยนข้อมูลขององค์ประกอบ
- – เรียนรู้เกี่ยวกับ การเรียกและการเปลี่ยนเนื้อหาขององค์ประกอบ
- – เรียนรู้เกี่ยวกับ การจัดการกิจกรรมเมาส์และกิจกรรมคีย์บอร์ด
- – เรียนรู้เกี่ยวกับ Events and Event Handlers
- – เรียนรู้เกี่ยวกับ เพิ่ม Handlers คลิก
- – เรียนรู้เกี่ยวกับ การเพิ่ม Hover Handlers
- – เรียนรู้เกี่ยวกับ การเพิ่มตัวจัดการ MouseEnter และ MouseLeave
- – เรียนรู้เกี่ยวกับ การเพิ่มตัวจัดการเดียวกันสำหรับหลายเหตุการณ์
- – เรียนรู้เกี่ยวกับ Modularizing Event Handlers (ไม่มีฟังก์ชันอินไลน์เพิ่มเติม)
- – เรียนรู้เกี่ยวกับ Delegated Events
- – เรียนรู้เกี่ยวกับ การส่งผ่านข้อมูลเพิ่มเติมไปยังกิจกรรม
- – เรียนรู้เกี่ยวกับ Coding Activity : Creating an Image Gallery with Lightbox Preview
- – เรียนรู้เกี่ยวกับ Handling KeyDown & KeyUp Events
- – เรียนรู้เกี่ยวกับ Forms
- – เรียนรู้เกี่ยวกับ The Focus & Blur Events
- – เรียนรู้เกี่ยวกับ Using the Change Event
- – เรียนรู้เกี่ยวกับ Handling the Submit Event
- – เรียนรู้เกี่ยวกับ Coding Activity : Complete Form Validation on Submit
- – เรียนรู้เกี่ยวกับ Coding Activity : Fast Feedback Form
- – เรียนรู้เกี่ยวกับ Ajax กับ jQuery
- – เรียนรู้เกี่ยวกับ กำลังเรียกไฟล์เซิร์ฟเวอร์ด้วย jQuery
- – เรียนรู้เกี่ยวกับ เรียกดูรูปภาพ Flickr ผ่านทาง Flickr API (+ เข้าใจเกี่ยวกับ JSON)