
เกี่ยวกับคอร์สนี้ |
---|
เนื้อหาคอร์สทั้งหมด 3 ชั่วโมง 34 นาที |
78 วิดีโอ |
เรียนคอร์สนี้ได้ 365 วัน |
เกี่ยวกับผู้สอน

Next Flow
สร้าง Mobile Web Application ด้วย JQuery Mobile 1.4
Workshop สร้างเว็บแอพพลิเคชั่นสำหรับสมาร์ทโฟน และแท็บเล็ต ด้วย JQuery Mobile เวอร์ชั่นล่าสุด
โดย Teerasej Jiraphatchandej
ปัจจุบันลูกค้าของพวกเราเข้าถึงเว็บไซต์ผ่านอุปกรณ์พกพาอย่าง สมาร์ทโฟนและแท็บเล็ตมากกว่าคอมพิวเตอร์ เว็บแอพพลิเคชั่นที่ออกแบบมาให้ใช้งานได้ง่ายกว่าจึงมีความต้องการสูง และจำเป็นต่อการพัฒนาระบบองค์กรในปัจจุบัน โค้ชพลขอพาคุณมาเรียนรู้ JQuery Mobile framework โดยทำความเข้าใจแกนหลัก เพื่อเข้าใจพื้นฐาน และประยุกต์ใช้งานได้อย่างรวดเร็ว พร้อมทำ Workshop ที่โค้ชพลคัดเลือกมาจากการใช้งานจริง ให้เข้าใจการทำงานได้สะดวก และรวดเร็วกว่า
ผู้สอน
โค้ชพล ธีรเศรษฐ์ จิรภัทร์ชาญเดช วิทยากรอารมณ์ดี มีประสบการณ์ในการพัฒนา และฝึกอบรมด้าน Web, Mobile App, และ PhoneGap มากว่า 5 ปีเป้าหมาย
- JQuery Mobile
- Mobile Web App
- Mobile App HTML5
ความต้องการ
คอมพิวเตอร์ที่ติดตั้งระบบปฏิบัติการ- Windows XP, Vista, 7, 8
- OS X 10.7 ขึ้นไป
ประเภทผู้เรียน
- มีทักษะด้านการใช้คอมพิวเตอร์พื้นฐาน
- มีพื้นฐานด้านการใช้งาน HTML, CSS, Javascript
ความยากของหลักสูตร
- เริ่มต้น
1 ไฟล์ workshop และการติดตั้งโปรแกรม |
เวลา(นาที) |
|
---|---|---|
ตัวอย่าง Workshop: Shopper NF FREE | 0:39 | |
ติดตั้งโปรแกรม Editor FREE | 0:52 | |
ติดตั้ง Google Chrome FREE | 1:13 | |
ติดตั้ง XAMPP FREE | 3:04 | |
วิธีใช้ไฟล์ Workshop FREE | 2:56 | |
2 รู้จักกับ JQuery Mobile |
เวลา(นาที) |
|
เหตุผลที่ JQuery Mobile น่าใช้ FREE | 2:32 | |
โครงสร้างของ JQuery Mobile FREE | 1:04 | |
สิ่งที่ควรรู้ในการนำ JQuery Mobile ไปใช้งาน | 1:12 | |
3 เรียนรู้พื้นฐาน JQuery |
เวลา(นาที) |
|
เป้าหมายของการใช้งาน Javascript และ JQuery FREE | 2:04 | |
เคล็ดลับสำคัญใช้การใช้งาน JQuery | 2:06 | |
เริ่มต้นกับ JQuery (Document Ready) | 2:10 | |
เริ่มต้นกับ JQuery (Selector และ Method) | 4:55 | |
สร้าง Interactive แบบ JQuery | 5:35 | |
4 สร้าง Mobile Web App แบบ JQuery Mobile |
เวลา(นาที) |
|
ดาวน์โหลด JQuery Mobile FREE | 2:01 | |
นำ JQuery Mobile มาใช้งาน FREE | 3:14 | |
นำ JQuery Mobile มาใช้งาน และ HTML ทั่วไป | 1:32 | |
รู้จักกับ Page และ Button | 0:48 | |
สร้าง JQuery Mobile Page | 1:42 | |
สร้าง Page Navigation - Button | 1:06 | |
สร้าง Page Navigation - Back Button | 3:46 | |
สร้าง Page Navigation - External Files | 5:47 | |
รู้จักกับ Page Transition | 2:15 | |
สร้าง Page Transition | 3:35 | |
วิธีกำหนด Page Transition เริ่มต้น | 3:03 | |
รู้จักกับ Dialog | 4:30 | |
สร้าง Dialog | 2:24 | |
รู้จักกับ Panel | 4:07 | |
สร้าง Panel | 1:11 | |
Workshop 1 สร้าง Mobile Web App | 4:02 | |
Workshop 2 สร้างเมนูแบบ Panel | 5:54 | |
5 แสดงข้อมูลแบบ List View |
เวลา(นาที) |
|
รู้จักกับ List View | 1:08 | |
สร้าง List View | 2:36 | |
สร้าง List View - ตัวแบ่งข้อมูล | 1:30 | |
สร้าง List View - แสดงจำนวน | 1:43 | |
สร้าง List View - รูปภาพของรายการ | 1:17 | |
สร้าง List View - ตัวกรองข้อมูล | 2:36 | |
จัดการ Header และ Footer | 2:08 | |
Workshop 3 สร้าง Catalog สินค้า | 4:09 | |
6 รับข้อมูลแบบ Mobile App กับ Web Form |
เวลา(นาที) |
|
รู้จักกับ Web Form ของ JQuery Mobile FREE | 0:41 | |
Web Form ของ HTML5 | 4:39 | |
ปุ่ม (Button) | 5:08 | |
Combo Box และ Toggle | 1:19 | |
Radio Button | 1:25 | |
Check Box | 0:46 | |
Slider | 1:22 | |
Workshop 4 ตัวเลือกสินค้า | 1:48 | |
Workshop 5 แบบฟอร์มสั่งซื้อ (Check out) | 3:27 | |
7 Link โทรออก และส่ง Email สำหรับ Mobile Web App |
เวลา(นาที) |
|
รู้จักกับ Link แบบพิเศษใน Mobile Device | 0:57 | |
Link เปิดแอพโทรศัพท์ | 1:18 | |
Link เปิดและสร้าง Email พร้อมส่ง FREE | 1:08 | |
Workshop 6 สร้างหน้าติดต่อเจ้าของร้าน | 1:32 | |
8 ตกแต่งเว็บแอพด้วย Theme |
เวลา(นาที) |
|
รู้จักกับ Theme | 1:06 | |
วิธีใช้ Theme Roller ของ JQuery Mobile | 1:57 | |
วิธีนำ Theme มาใช้งาน | 2:33 | |
Workshop 7 Theme ของ Mobile Web App | 1:44 | |
9 ใช้งานกลไกของ JQuery Mobile (Event) |
เวลา(นาที) |
|
รู้จักกับ JQuery Mobile Event | 1:12 | |
เรียกใช้ Page Event | 2:39 | |
เรียกใช้ Page Event ครบส่วน | 3:10 | |
Workshop 8 เตรียมข้อมูลสำหรับการเปลี่ยนหน้าเพจ | 3:21 | |
Workshop 9 เพิ่มสินค้าเข้าตะกร้า | 8:52 | |
Workshop 10 แสดงราคารวมสินค้า | 5:29 | |
Workshop 11 ตรวจเช็คสินค้าที่เลือกแล้ว | 3:14 | |
Workshop 12 แสดงสินค้าในแบบฟอร์มสั่งซื้อ | 9:14 | |
10 ส่งและรับข้อมูลกับ Web Server |
เวลา(นาที) |
|
พื้นฐานในการส่งและรับข้อมูลจาก Web Server (PHP) | 1:28 | |
เตรียม server ให้พร้อม | 3:51 | |
ไฟล์ PHP ตัวอย่าง | 3:32 | |
เรียนรู้การส่ง Request ด้วย JQuery: GET method (1) | 3:43 | |
ขอข้อมูลจาก server ด้วย GET Method (1) | 0:31 | |
ขอข้อมูลจาก server ด้วย GET Method (2) | 1:13 | |
ขอข้อมูลจาก server ด้วย GET Method (3) | 3:15 | |
เรียนรู้การส่ง Request ด้วย JQuery: POST method | 4:39 | |
ส่งข้อมูลให้ server ด้วย POST Method | 2:38 | |
ส่งข้อมูลให้ server ด้วย POST Method (1) | 1:56 | |
ส่งข้อมูลให้ server ด้วย POST Method (2) | 5:03 | |
ส่งข้อมูลให้ server ด้วย POST Method (3) | 2:54 | |
Workshop 13 ส่งคำสั่งซื้อไปที่ server | 8:25 | |
Workshop 14 ล้างคำสั่งซื้อ | 2:37 | |
11 ส่งท้าย |
เวลา(นาที) |
|
ส่งท้าย | 0:34 |
JQuery Mobile Workshop | |
Workshop Doc |

ขั้นตอน 1
กรุณาเข้าสู่ระบบ เพื่อความสะดวกแนะนำให้ Login ด้วย Facebook หรือหากยังไม่เป็นสมาชิกกรุณาสมัครสมาชิกก่อนสั่งซื้อคอร์สเรียน
ขั้นตอน 2
เลือกช่องทางในการชำระเงิน โดยคุณสามารถชำระค่าคอร์สออนไลน์ผ่านบัตรเครดิต/เดบิต, Internet Banking, หรือโอนเงินเข้าบัญชีธนาคาร(กรุณาอ่านรายละเอียดก่อนเลือกช่องทางการชำระเงิน)

ขั้นตอน 3
3.1 ชำระผ่านบัตรเครดิต/เดบิต
กรอกเลขบัตรเครดิต/เดบิต และข้อมูลต่างๆ แล้วคลิกปุ่ม "ชำระเงิน" เมื่อชำระเสร็จเรียบร้อยจะสามารถเข้าเรียนได้ทันที(กรุณาตรวจสอบยอดก่อนดำเนินการชำระเงิน)

3.2 ชำระผ่าน Internet Banking
เลือกธนาคารที่คุณเป็นสมาชิก Internet Banking แล้วคลิกปุ่ม "ชำระเงินผ่าน Internet Banking"ระบบจะนำคุณไปยังเว็บ Internet Banking ของธนาคาร เมื่อชำระเสร็จเรียบร้อยจะสามารถเข้าเรียนได้ทันที

3.3 ชำระผ่านการโอนเงินเข้าบัญชีธนาคาร
คุณสามารถโอนเงินเข้าบัญชีธนาคารบริษัทคอร์สสแควร์จำกัดด้วยเลขที่บัญชีที่ปรากฏบนหน้าจอ หรือโอนเงินผ่านระบบพร้อมเพย์ (PromptPay)เมื่อโอนเงินแล้ว คุณสามารถแจ้งการโอนเงินที่หน้า แจ้งโอนเงิน หรือแจ้งผ่าน Line: @coursesquare

รีวิวคอร์สจากผู้เรียน
-
sar***************ich
-
นาย***********นโน