เรียนสร้าง Mobile App ด้วย HTML, Angular และ Ionic Framework
4.4 (193 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
471 students enrolled
Wishlisted Wishlist

Please confirm that you want to add เรียนสร้าง Mobile App ด้วย HTML, Angular และ Ionic Framework to your Wishlist.

Add to Wishlist

เรียนสร้าง Mobile App ด้วย HTML, Angular และ Ionic Framework

ปูพื้นฐานสร้างแอพ iOS และ Android ด้วยภาษาเว็บ เขียนครั้งเดียวได้ถึง 2 ระบบ
4.4 (193 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
471 students enrolled
Last updated 3/2017
Thai
Current price: $44 Original price: $150 Discount: 71% off
30-Day Money-Back Guarantee
Includes:
  • 5.5 hours on-demand video
  • 2 Articles
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
IONIC2THAI42150
What Will I Learn?
สามารถสร้าง Mobile App ได้อย่างมั่นใจ และทำมาหากินได้
สามารถสร้าง Mobile App ได้ทั้งระบบ iOS และระบบ Android
สามารถเขียน Mobile App ด้วยภาษา HTML, CSS, และ JavaScript รวมถึงใช้งาน PhoneGap/Cordova, Angular JS และ Ionic Framework ในการพัฒนา Mobile App
สามารถออกแบบ และสร้าง UI ของ Mobile App ที่ใช้งานได้ง่ายและสวยงาม
สามารถสร้าง Mobile App ที่จัดการข้อมูลใน MySQL Database
สามารถสร้าง Mobile App ที่รับส่งข้อมูลกับ Web Service ได้
เรียนรู้การใช้งาน Plugin เพื่อควบคุมเซ็นเซอร์บนอุปกรณ์ iOS และ Android ได้
สามารถอัพโหลด Mobile App ของตัวเองขึ้น App Store และ Play Store ได้
View Curriculum
Requirements
  • ไม่จำเป็นต้องเคยทำ Mobile App มาก่อน
  • สามารถอ่านเขียนภาษา HTML, CSS ได้
  • สามารถอ่านเขียนภาษา JavaScript ได้
  • ไม่จำเป็นต้องเคยใช้ JQuery หรือ Angular Framework
Description

ในหลักสูตรนี้ คุณจะค้นพบวิธีทำ Mobile App เขียนครั้งเดียว ได้ทั้ง iOS App และ Android App 

* เนื้อหา Angular 2 และ Ionic 2 จะอ้พเดตเมื่อทั้ง 2 ระบบ ประกาศพร้อมใช้งานจริง ใน 1-2 เดือน  (ไม่ติดเวอร์ชั่น Beta หรือ RC) เพราะโค้ชพลมีนโยบาย สอนของที่เอาไปใช้ได้อย่างสบายใจ ไม่สอนของที่ยังไม่สมบูรณ์ครับ 

** ตอนนี้กำลังรีรันเนื้อหาทั้งหมดเป็น Angular 2 และ Ionic 2 ถ้าลงทะเบียนแล้วจะได้รับแจ้งอัพเดตเป็นระยะนะครับ

*** หากต้องการชำระโดยการโอนเงิน จะบวกเพิ่มจากราคาปกติ 400 บาท ติดต่อสอบถามได้ที่ training@nextflow.in.th

โค้ชพลขอใช้ประสบการณ์กว่า 5 ปี แชร์วิธีการ และแนวคิด เพื่อให้คุณค้นพบการพัฒนา Mobile App โดยใช้เทคโนโลยี Ionic Framework ซึ่งสามารถใช้ภาษาเว็บทั่วไปอย่าง HTML, CSS, JavaScript สร้างแอพได้ถึง 2 ระบบพร้อมกัน

เหมาะสำหรับผู้เริ่มต้น ต้องการเรียนรู้การพัฒนา Mobile App และทำทีเดียวได้ทั้ง iOS App และ Android App

ภาพรวมเนื้อหาในหลักสูตร

  1. Mobile Developer Beginner - เรียนรู้โลกของการพัฒนา Mobile App, เทคโนโลยีที่เกี่ยวข้อง, และการหารายได้จาก Mobile App
  2. Hybrid App - เรียนรู้เทคโนโลยีการพัฒนา Mobile App แบบ Hybrid
  3. Basic to Pro - ปูพื้นฐาน และเรียนรู้การใช้ HTML, PhoneGap/Cordova, AngularJS, และ Ionic Framework ในการสร้าง iOS และ Android App
  4. Mobile User Interface - เรียนรู้การใช้งาน UI Component เพื่อสร้าง Mobile App แบบโปร
  5. Connect Web Service - เรียนรู้วิธีรับส่งข้อมูลระหว่าง Mobile App กับ Web Service และ Web API (PHP)
  6. MySQL Database - แนะนำวิธีการให้ Mobile App จัดการรับส่งข้อมูลกับ MySQL Database ได้
  7. Mobile Database - เรียนรู้การจัดการฐานข้อมูล SQLite 3
  8. Plugin Workshop - เรียนรู้วิธีทำให้ Mobile App เรียกใช้เซ็นเซอร์ต่างๆ บน iPhone, iPad และ Android เช่น TouchID, Camera, Barcode Scanner, Push Notification
  9. Mobile UX Jumpstart - เรียนรู้พื้นฐาน UX ในการออกแบบ Mobile App
  10. To App Store - วิธีการสมัคร และอัพโหลดแอพขึ้น App Store และ Play Store
  11. Bonus! - พิเศษ! เรียนรู้ Angular JS 2 และ Ionic 2 ในปี 2016

สื่อประกอบการเรียน

  • วิดีโอ ดูได้ไม่มีวันหมดอายุ
  • ไฟล์ Workshop สำหรับดาวน์โหลดไปฝึกทำตาม
  • Link สำหรับดูข้อมูล และศึกษาเพิ่มเติม

ลักษณะการเรียน

  1. ทำความเข้าใจ - เรียนรู้การใช้งานเทคโนโลยีแต่ละตัว เพื่อให้รู้จริง เอาไปใช้งานได้อย่างสบายใจ
  2. ดูและทำตาม - ดาวน์โหลดไฟล์ Workshop เพื่อทำตาม และทดสอบแอพจริง
  3. ทบทวนด้วยคำถาม - ทำแบบฝึกหัดเพื่อให้มั่นใจว่าเข้าใจส่วนสำคัญของเนื้อหา
  4. ท้าทายด้วยโจทย์เปิด - ฝึกวิธีคิด โดยท้าทายคุณด้วยโจทย์ที่ทำให้เสร็จได้ด้วยหลากหลายวิธี

ทำไมควรลงเรียนหลักสูตรนี้?

  1. เรียนจบสามารถสร้าง Mobile App ได้แน่นอน ทำแอพได้มั่นใจ ไร้กังวล
  2. รองรับความต้องการลูกค้าได้ถึง 2 ระบบ คือ iOS และ Android
  3. โค้ชพลเน้นเนื้อหาเข้าใจง่าย มีไฟล์ Workshop ทำตามได้ เหมาะกับผู้เริ่มต้นมากครับ
  4. ถามตอบปัญหาได้ในวิดีโอ เหมือนเรียนสดกับโค้ชพล
  5. อัพเดตเนื้อหาต่อเนื่อง คุ้มยิ่งกว่าคุ้ม

เวลาที่ใช้ในการเรียน

  • เนื้อหาวิดีโอหลักรวมแล้วไม่เกิน 24 ชั่วโมงครับ


Who is the target audience?
  • บุคคลทั่วไป
  • Programmer
  • Web Developer
  • Web Master
  • IT Manager
Curriculum For This Course
Expand All 160 Lectures Collapse All 160 Lectures 05:42:36
+
ทักทายกันก่อนเรียน
2 Lectures 05:53

รู้จักกับรายและเอียดและหัวข้อคร่าวๆ ในหลักสูตร และสามารถใช้สิทธิ์ลดพิเศษเมื่อคลิกสั่งซื้อล่วงหน้า (จำนวนจำกัด)

Preview 02:42

ก่อนเรียนมาทำความเข้าใจส่วนต่างๆ ของ Udemy เพื่อให้เรียนได้เต็มที่ และสามารถพูดคุยสอบถามกับโค้ชพล และเพื่อนๆ ในหลักสูตรได้

Preview 03:11
+
เป้าหมายของการสร้าง Mobile Application และเทคโนโลยีที่เกี่ยวข้อง
2 Lectures 11:38

กำหนดเป้าหมายของการที่เราจะสร้าง Mobile Application ขึ้นมา เพื่อให้เห็นความสำคัญของบทเรียนทั้งหมด และสามารถพัฒนาเป็นธุรกิจสตาร์ทอัพได้

Preview 05:21

ทำความเข้าใจรายละเอียดต่างๆ เมื่อเราเริ่มพัฒนา Mobile Application อุปกรณ์และค่าใช้จ่ายที่ต้องเจอ รวมถึงความท้าทายต่างๆ แบบเข้าใจง่าย สไตล์โค้ชพล

Preview 06:17

เข้าใจเป้าหมาย และขั้นตอนการพัฒนาโมบายล์แอพพลิเคชั่น
7 questions
+
รู้จักกับการพัฒนา Mobile Application แบบ Hybrid
4 Lectures 16:33

ทำความเข้าใจแนวคิดของ Hybrid Mobile Application ได้ง่ายๆ เพื่อเป็นพื้นฐานสำหรับการคิดพัฒนา Mobile Application แบบ Cross Platform

Preview 06:23

  1. เข้าใจจุดประสงค์ที่มีการคิดค้น PhoneGap ขึ้นมา
  2. ประโยชน์ของ PhoneGap
  3. รูปแบบการทำงานของ PhoneGap
Preview 02:37

  • ทำความเข้าใจความแตกต่างระหว่าง PhoneGap และ Cordova
  • เพื่อเลือกใช้เทคโนโลยีได้อย่างถูกต้อง
  • มีประโยชน์เวลาไปค้นใน Google หรือ StackOverflow
Preview 03:38

ทำความเข้าใจส่วนประกอบของ Cordova เพื่อการประยุกต์นำไปใช้งานใน Ionic Framework

โครงสร้างของ Cordova
03:55

ทบทวนความเข้าใจในจุดประสงค์ของแนวคิดการพัฒนา Mobile App แบบ Hybrid และการทำงานของเทคโนโลยีที่เกี่ยวข้อง

รู้จักกับการพัฒนา Mobile Application แบบ Hybrid
7 questions
+
รู้จักกับ Ionic Framework
4 Lectures 12:08

เข้าใจจุดประสงค์ของ Ionic Framework และเรียนรู้ส่วนประกอบต่างๆ ที่เราจะใช้ Ionic Framework ในการพัฒนา Mobile Application

รู้จักกับ Ionic Framework
06:10

  • รู้จักแพลตฟอร์มที่ Ionic Framework รองรับ
  • เวอร์ชั่นต่ำสุดของแต่ละแพลตฟอร์ม ที่สามารถรองรับการทำงานของ Ionic ได้
เวอร์ชั่นของระบบ ที่ Ionic Framework รองรับ
01:47

คำความเข้าใจความแตกต่างระหว่างการเลือกใช้เครื่องลง Windows หรือเครื่อง Mac ในการพัฒนาแอพพลิเคชั่น

  • เครื่อง Windows สามารถใช้พัฒนาแอพ iOS ได้หรือไม่?
  • เครื่อง Windows สามารถทำแอพ ระบบอะไรได้บ้าง?
  • เครื่อง Mac สามารถทำแอพ ระบบอะไรได้บ้าง?
  • ใช้ Windows ทำแอพ Android ก่อน แล้วค่อยซื้อ Mac มาทำแอพ iOS ได้หรือไม่?
Preview 02:23

ทราบถึงกลุ่มโปรแกรม และระบบที่ Ionic Framework ใช้งาน เพื่อรู้ถึงขอบเขตการทำงาน และโปรแกรมที่จะติดตั้งในขั้นตอนต่อไป

ระบบและโปรแกรมที่ใช้ใน Ionic Framework
01:48
+
Editor สำหรับพัฒนา Mobile Application
6 Lectures 08:39
Editor สำหรับการพัฒนาแอพ Ionic Framework
01:56

วิธีติดตั้ง Sublime Text สำหรับคนใช้ Windows
01:23

วิธีติดตั้ง Sublime Text สำหรับคนใช้ Mac OS X
01:35

วิธีติดตั้ง Package Manager ใน Sublime Text
01:57

รู้จักรายชื่อของส่วนเสริม ของ Sublime ที่จะช่วยให้เราเรียนรู้ และพัฒนาแอพได้อย่างรวดเร็ว

รายชื่อ Package และคุณสมบัติที่จะใช้ในคอร์ส
00:27

ติดตั้ง Package สำหรับทำแอพด้วย Ionic Framework
01:21
+
เตรียมเครื่อง Windows เพื่อพัฒนาแอพ Android
3 Lectures 11:01

ทำความเข้าใจสภาพแวดล้อมในการพัฒนาแอพ Android บนระบบ Windows

ระบบและโปรแกรมที่ใช้บน Windows
00:42

วิธีติดตั้งระบบสำหรับ Windows ด้วยตัวเอง
00:05

วิธีติดตั้ง JDK, Android Studio, และตั้งค่า Path ของ JDK และ Android SDK
10:14
+
เตรียมเครื่อง Mac OS X เพื่อพัฒนาแอพ Android
5 Lectures 13:40

เข้าใจสภาพแวดล้อมการพัฒนาแอพ iOS บนระบบ OS X 

ระบบและโปรแกรมที่ใช้บน OS X
01:16

วิธีติดตั้ง Node JS
01:27

วิธีติดตั้ง Cordova CLI และ Ionic Framework
01:57

วิธีติดตั้ง Android Studio
04:36

วิธีตั้งค่า PATH ของ Android SDK บน Mac OS X
04:24
+
การเตรียมเครื่อง Mac OS X เพื่อพัฒนาแอพ iOS
3 Lectures 02:33

รู้จักกับระบบช่วยรันแอพบน iOS Simulator และ iOS Device ผ่านโปรแกรม Terminal

รู้จักกับ ios-sim และ ios-deploy
01:05

เรียนรู้การติดตั้งระบบ ios-sim สำหรับสั่งทดสอบแอพบน iOS Simulator ผ่านโปรแกรม Terminal

วิธีติดตั้ง ios-sim
00:28

เรียนรู้การติดตั้งระบบ ios-deploy สำหรับสั่งทดสอบแอพบน iOS Device ผ่านโปรแกรม Terminal

วิธีติดตั้ง ios-deploy
01:00
+
สร้างแอพแรกของพวกเรา
8 Lectures 15:44

รู้จักกับ Ionic CLI เครื่องมือที่ให้จัดการโปรเจค Ionic ผ่านโปรแกรม Command Prompt บน Windows และโปรแกรม Terminal บน Mac

ทำความรู้จัก Ionic CLI
02:02

รู้จักกับคำสั่งสร้างโปรเจค ionic start ในการกำหนดชื่อโฟลเดอร์โปรเจค, ประเภทเทมเพลต, และชื่อของแอพพลิเคชั่น

คำสั่งสร้างโปรเจค: ionic start
01:51

วิธีการสั่งสร้างโปรเจค Ionic บนระบบ Windows ด้วยคำสั่ง ionic start

สร้างโปรเจค Ionic บน Windows
01:37

วิธีการสั่งสร้างโปรเจค Ionic บนระบบ OS X ด้วยคำสั่ง ionic start

สร้างโปรเจค Ionic บน Mac OS X
01:51

เรียนรู้โครงสร้างของโปรเจค Ionic และส่วนที่เราใช้งาน

ทำความเข้าใจโครงสร้างของโปรเจค Ionic
02:25

เรียนรู้การใช้งานคำสั่งรัน Web server ของ Ionic ในการทดสอบและพัฒนาตัวแอพพลิเคชั่น

คำสั่งรัน Web server: ionic serve
01:47

ทดสอบรัน Web Server ของ Ionic บน Windows เพื่อใช้ในการพัฒนาแอพพลิเคชั่น

ทดสอบแอพบน Web Server ของ Ionic
01:45

เรียนรู้และใช้งานความสามารถของ Live Reload บน Ionic Web server เพื่อให้พัฒนาแอพพลิเคชั่นได้อย่างสะดวกและรวดเร็ว

ใช้งาน Live Reload
02:26
+
เพิ่ม และลบ Mobile Platform ให้โปรเจค
2 Lectures 01:44
เพิ่ม/ลบ Android Platform จากโปรเจค (Windows & OS X)
00:41

เรียนรู้วิธีการเพิ่มและลบ iOS Platform ให้โปรเจค ionic

วิธีเพิ่มและลบ iOS Platform ในโปรเจค Ionic
01:03
13 More Sections
About the Instructor
Mr. Teerasej Jiraphatchandej
4.4 Average rating
192 Reviews
471 Students
1 Course
Cross Platform Developer & Web Technology Consultant

Teerasej is a 6 years-experienced in Cross Platform Mobile & Web Application Technology Developer & Consultant.

He believes that everyone can learn and use technology easier if they understand the nature of technology they want to use, and this theory have been proven along 6 years.

Teerasej is the first who's brought PhoneGap/Cordova into Thailand. Currently, he host training and provide consultant service about cutting-edge web technology, such as PhoneGap/Cordova, Ionic Framework, Angular JS, Sencha, React Native, Electron, Meteor JS, and MEAN Stack.

Some of his clients: SANSIRI, BEC Tero, GMM Grammy, TARAD dot com, Bangkok Cable, G-ABLE, Fuji Xerox, Kasersart University, Rajamangala University, Chaing Mai University, Software Park Phuket,. etc.