angularjs
-
Angularjs
Ionic Framework กับการเชื่อมต่อ Facebook Connect
ตัวอย่างในบทเรียนนี้จะเป็นการใช้ Facebook SDK สำหรับสร้างปุ่ม Facebook Login ร่วมกับ ionic framework ด้วย AngularJS เบื้องต้นสำหรับผู้ที่ต้องการพัฒนา Hybrid Apps ร่วมกับ Facebook เริ่มต้นพัฒนาแอพพลิเคชันของเราแบบไม่ต้องบรรยายอะไรมาก ให้เปิด command line…
Read More » -
Angularjs
สร้างแอพดูหนังด้วย YouTube API V3 และ ionic Framework
ตัวอย่างรวบยอดของการใช้งาน ionic framework ร่วมกับ YouTube API V3 ในการดึงข้อมูล Playlist รายการต่างๆ มาแสดงผลเป็นแอพพลิเคชันดูหนัง ตัวอย่างนี้ผมจะทำแอพพลิเคชันดูหนังจีน แบบซีรีย์ตอนๆ เราจะเริ่มต้นด้วยการสมัคร Google Developer ก่อนหลังจากนั้นต้องไปเปิดสิทธิ์ของ YouTube API ที่ตอนนี้เป็น…
Read More » -
Angularjs
การสร้างแอพพลิเคชัน eBook Store ด้วย Ionic Framework
ในบทเรียนนี้จะเป็นการใช้ Ionic Framework สร้างและออกแบบแอพพลิเคชันประเภท EBook หรือ Book Store ผ่านสมาร์ทโฟน หรือแท็บเล็ตด้วย AngularJS และ JSONแนวทางตัวอย่างนี้ได้ไอเดียของการออกแบบ Bookstore จากแอพพลิเคชัน AIS Bookstore บน Android เพียงแค่เราจะใช้…
Read More » -
Angularjs
เตรียมความพร้อม AngularJS กับ MongoDB ผ่าน MongoLab
บทเรียนนี้เป็นการเตรียมความพร้อมสำหรับการใช้ MEAN Stack ที่กำลังฮิตกัน โดยจะเป็นการใช้ AngularJS ร่วมกับ MongoDB ผ่าน Service ฟรีของอย่าง MongoLab.com ก่อนจะเข้าบทเรียนอยากให้ศึกษา AngularJS กันก่อนที่บทเรียนเหล่านี้ครับ https://www.daydev.com/category/developer/angularjs ทีนี้ก็มาพูดเรื่องของ Database แบบ NoSQL กันอย่างเจ้า MongoDB…
Read More » -
Angularjs
ionic framework กับ AngularJS ดึง Instagram ด้วย #HashTag
คำสั่งแบบง่ายสำหรับผู้เริ่มต้นพัฒนาแอพพลิเคชันแบบ Cross-Platform ด้วย ionic framework และ AngularJS ดึง API ของ instagram ผ่านการใช้ #HashTag ต่างๆ มาแสดงผล ง่ายและเร็ว คือ คำนิยามสั้นของบทความนี้ ทบทวนบทเรียนย้อนหลังได้ที่ https://www.daydev.com/category/developer/angularjs…
Read More » -
Angularjs
ระบบ Login ผ่าน Webservice บน ionic framework ด้วย AngularJS
ตัวอย่างการสร้างระบบ Web Service สำหรับทำฟังก์ชัน Login เข้าสู่ระบบเพื่อให้ ionic framework สามารถเรียกใช้ผ่าน http protocol ด้วย ภาษา PHP และ AngularJSทบทวนบทเรียนย้อนหลังได้ที่ https://www.daydev.com/category/developer/angularjs จากบทเรียนก่อนหน้านี้คือ: การสร้างระบบ Login สำหรับ ionic…
Read More » -
Angularjs
การสร้างระบบ Login สำหรับ ionic framework ด้วย AngularJS
ตัวอย่างการสร้าง Template ของ ionic framework แบบ Side Menu เพื่อดึงหน้า Login เข้าสู่ระบบมาพัฒนาเงื่อนไขการทำงานร่วมกับ AngularJS สำหรับผู้เริ่มต้นพัฒนา Cross-Platform Apps ทบทวนบทเรียนย้อนหลังได้ที่ https://www.daydev.com/category/developer/angularjs บทเรียนนี้จะเป็นการสร้างระบบ Login เบื้องต้นอย่างง่ายโดยไม่เชื่อมต่อฐานข้อมูลแบบ APIs…
Read More » -
Angularjs
การใช้งาน ionic Framework ร่วมกับ AngularJS แสดง Card View
บทเรียนการเขียนโปรแกรมด้วย AngularJS ร่วมกับ ionic framework เบื้องต้นสำหรับการนำ CardView มาแสดงผลบนแอพพลิเคชันของเราให้เหมือน Facebook ทำงานร่วมกับ Json บทเรียนก่อนหน้านี้: https://www.daydev.com/category/developer/angularjs เป็นการทบทวนคำสั่งภาษา AngularJS และ ionic framework เบื้องต้นในการดึง Web Service…
Read More » -
Angularjs
AngularJS การใช้ ng-include และปรับสไตล์ด้วย MDL (Material Design Lite)
รอบนี้จะเป็นการนำคำสั่ง ng-include มาใช้ร่วมกับ AngularJS ครับ เพียงแค่จะเปลี่ยนเรื่องของ Layout เล็กน้อยเพราะเอา MDL (Material Design Lite) มาปรับแต่งกัน ก่อนอื่นให้เราไปดาวน์โหลด MDL ของ Google Developes กันครับที่ http://www.getmdl.io/started/index.html…
Read More » -
Angularjs
AngularJS การ Edit ข้อมูลรายการผ่าน Web Service และ MySQL
บทเรียน AngularJS กับตัวอย่างการส่ง Parameter ของข้อมูลด้วย id แล้วทำการ Edit ข้อมูลเพื่อ Update ไปยัง MySQL สำหรับผู้เริ่มต้นแบบง่ายๆ สบายๆ พร้อมตัวอย่าง บทความนี้ต่อเนื่องจาก การเขียน Single Page…
Read More » -
Angularjs
AngularJS กับการ GET ข้อมูล http เพื่อเปลี่ยนหน้าด้วย $location
บทเรียนการส่ง Parameter ด้วย AngularJS แบบ GET Method ไปบน URL รูปแบบของ AngularJS ต้องใช้ $location มาใช่ร่วมกับ $scope ในการรับค่า Paramter ที่ GET ไป…
Read More » -
Angularjs
AngularJS กับ POST ข้อมูลลง MySQL ผ่าน Web Service
บทเรียน AngularJS กับการส่งข้อมูลจาก Form ด้วย POST Method ผ่าน Web Service ไปเก็บลงในฐานข้อมูล MySQL แบบง่าย พร้อม Validation Form ที่มีมาพร้อม AngularJS บทความนี้เป็นบทความต่อเนื่องจากบทความ AngularJS…
Read More » -
Angularjs
AngularJS กับการทำงานร่วมกับ Web Service JSON
การใช้ AngularJS สร้าง Web Application แบบ MVC โดยใช้ View และ Controller เบื้องต้นให้เรียก JSON ส่วนของ Web Service มาแสดงบน ng-repeat สำหรับผู้เริ่มต้น บทเรียนให้ศึกษาก่อนหน้านี้…
Read More » -
Angularjs
AngularJS กับการวนซ้ำข้อมูลด้วย ng-repeat และกรองด้วย Filter
บทเรียนการใช้งาน ng-repeat สำหรับวน Object ที่ Binding อยู่ใน html หรือ controller เชิง Key Values ให้ออกมาแสดงผลหน้าเว็บไซต์ด้วย AngularJS ครับรับ ศึกษาบทเรียนก่อนหน้าได้ที่: การเขียน Single Page…
Read More » -
Angularjs
การเขียน Single Page Application ด้วย AngularJS
AngularJS เป็น Javascript Framework สำหรับทำ eb Application อีกทั้ง AngularJS ยังได้รับการสนับสนุนโดย Google อีกเช่นกันครับ สิ่งแรกที่เราจะต้องเรียนรู้ก่อนจะเข้าสู่การศึกษา AngularJS นั้น เราอาจจะต้องมีพื้นฐานของ Javascript (DOM, Javascript Object) และ…
Read More » -
Developer
Lab: การสร้าง Hybrid Apps ด้วย ionic framework กับ JSONP
Lab ทดสอบการพัฒนาแอพพลิเคชันด้วย ionic framework ร่วมกับการเรียก jsonp และ ใช้งาน Angularjs เริ่มต้นจากตัวอย่าง Tutorial ของเว็บไซต์ ionic framework งานหนักไปหน่อยก็เลยหาเวลาว่างๆ มาย่อยตัว Tutorial ของ ionic framework…
Read More »
