Angularjs
-
สร้าง Desktop Apps ด้วย NodeJS และ Ionic Framework
บทเรียนรอบนี้เน้นการ Integrate ระหว่างการสร้าง Desktop Apps ด้วย Electron และ NodeJS ร่วมกับ ionic framework เน้นความเป็นไปได้ ยังคงอยู่ในแนวคิดของ HyBrid แต่อาจจะขอคิดนอกกรอบเล็กน้อย เมื่อลองประเมินความเป็นไปได้ว่าแอพพลิเคชันบน Mobile อย่าง ionic…
Read More » -
การใส่ Admob ในแอพพลิเคชัน ionic framework
บทความนี้จะเป็นตัวอย่างในการนำป้ายโฆษณา Admob ของ Google ไปติดไว้ในแอพพลิเคชันที่พัฒนาด้วย ionic framework ของเราสำหรับสร้างรายได้ ก่อนจะเริ่มต้นในการทำตามตัวอย่างบทนี้ อยากให้ทุกคนไปศึกษาการพัฒนาแอพพลิเคชันด้วย ionic framework กันก่อนที่บทเรียนย้อนหลัง ที่นี่ บทเรียน ionic framework และ angularjs หากว่าเข้าใจเนื้อหาและ…
Read More » -
Ionic Framework กับการเชื่อมต่อ Facebook Connect
ตัวอย่างในบทเรียนนี้จะเป็นการใช้ Facebook SDK สำหรับสร้างปุ่ม Facebook Login ร่วมกับ ionic framework ด้วย AngularJS เบื้องต้นสำหรับผู้ที่ต้องการพัฒนา Hybrid Apps ร่วมกับ Facebook เริ่มต้นพัฒนาแอพพลิเคชันของเราแบบไม่ต้องบรรยายอะไรมาก ให้เปิด command line…
Read More » -
สร้างแอพดูหนังด้วย YouTube API V3 และ ionic Framework
ตัวอย่างรวบยอดของการใช้งาน ionic framework ร่วมกับ YouTube API V3 ในการดึงข้อมูล Playlist รายการต่างๆ มาแสดงผลเป็นแอพพลิเคชันดูหนัง ตัวอย่างนี้ผมจะทำแอพพลิเคชันดูหนังจีน แบบซีรีย์ตอนๆ เราจะเริ่มต้นด้วยการสมัคร Google Developer ก่อนหลังจากนั้นต้องไปเปิดสิทธิ์ของ YouTube API ที่ตอนนี้เป็น…
Read More » -
การสร้างแอพพลิเคชัน eBook Store ด้วย Ionic Framework
ในบทเรียนนี้จะเป็นการใช้ Ionic Framework สร้างและออกแบบแอพพลิเคชันประเภท EBook หรือ Book Store ผ่านสมาร์ทโฟน หรือแท็บเล็ตด้วย AngularJS และ JSONแนวทางตัวอย่างนี้ได้ไอเดียของการออกแบบ Bookstore จากแอพพลิเคชัน AIS Bookstore บน Android เพียงแค่เราจะใช้…
Read More » -
เตรียมความพร้อม AngularJS กับ MongoDB ผ่าน MongoLab
บทเรียนนี้เป็นการเตรียมความพร้อมสำหรับการใช้ MEAN Stack ที่กำลังฮิตกัน โดยจะเป็นการใช้ AngularJS ร่วมกับ MongoDB ผ่าน Service ฟรีของอย่าง MongoLab.com ก่อนจะเข้าบทเรียนอยากให้ศึกษา AngularJS กันก่อนที่บทเรียนเหล่านี้ครับ https://www.daydev.com/category/developer/angularjs ทีนี้ก็มาพูดเรื่องของ Database แบบ NoSQL กันอย่างเจ้า MongoDB…
Read More » -
ionic framework กับ AngularJS ดึง Instagram ด้วย #HashTag
คำสั่งแบบง่ายสำหรับผู้เริ่มต้นพัฒนาแอพพลิเคชันแบบ Cross-Platform ด้วย ionic framework และ AngularJS ดึง API ของ instagram ผ่านการใช้ #HashTag ต่างๆ มาแสดงผล ง่ายและเร็ว คือ คำนิยามสั้นของบทความนี้ ทบทวนบทเรียนย้อนหลังได้ที่ https://www.daydev.com/category/developer/angularjs…
Read More » -
ระบบ 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 » -
การสร้างระบบ 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 » -
การใช้งาน 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 การใช้ 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 กับการสร้างหน้า Login และทำงานร่วมกับ Session API
บทเรียน AngularJS สำหรับผู้เริ่มต้นศึกษา ในตอนนี้จะนำเสนอส่วนของการทำ Login System ที่ต้องมีการดึงข้อมูลการเข้าระบบผ่าน API มาและใช้ร่วมกับ Session บทเรียนสำหรับให้ศึกษาก่อนหน้านี้ การเขียน Single Page Application ด้วย AngularJS AngularJS กับการวนซ้ำข้อมูลด้วย ng-repeat…
Read More » -
AngularJS การ Edit ข้อมูลรายการผ่าน Web Service และ MySQL
บทเรียน AngularJS กับตัวอย่างการส่ง Parameter ของข้อมูลด้วย id แล้วทำการ Edit ข้อมูลเพื่อ Update ไปยัง MySQL สำหรับผู้เริ่มต้นแบบง่ายๆ สบายๆ พร้อมตัวอย่าง บทความนี้ต่อเนื่องจาก การเขียน Single Page…
Read More » -
AngularJS กับการ GET ข้อมูล http เพื่อเปลี่ยนหน้าด้วย $location
บทเรียนการส่ง Parameter ด้วย AngularJS แบบ GET Method ไปบน URL รูปแบบของ AngularJS ต้องใช้ $location มาใช่ร่วมกับ $scope ในการรับค่า Paramter ที่ GET ไป…
Read More » -
AngularJS กับ POST ข้อมูลลง MySQL ผ่าน Web Service
บทเรียน AngularJS กับการส่งข้อมูลจาก Form ด้วย POST Method ผ่าน Web Service ไปเก็บลงในฐานข้อมูล MySQL แบบง่าย พร้อม Validation Form ที่มีมาพร้อม AngularJS บทความนี้เป็นบทความต่อเนื่องจากบทความ AngularJS…
Read More » -
AngularJS กับการทำงานร่วมกับ Web Service JSON
การใช้ AngularJS สร้าง Web Application แบบ MVC โดยใช้ View และ Controller เบื้องต้นให้เรียก JSON ส่วนของ Web Service มาแสดงบน ng-repeat สำหรับผู้เริ่มต้น บทเรียนให้ศึกษาก่อนหน้านี้…
Read More » -
AngularJS การแยก Controller และทำงานร่วมกับ Table
บทเรียน AngularJS กับการทำ ng-repeat ร่วมกับ HTML Tag table หรือ ตารางครับโดยบทเรียนนี้จะเป็นการกำหนด Controller เป็นไฟล์ Javascript ที่เรียกภายนอกครับ ศึกษาบทเรียนก่อนหน้านี้ การเขียน Single Page Application ด้วย…
Read More » -
AngularJS กับการวนซ้ำข้อมูลด้วย ng-repeat และกรองด้วย Filter
บทเรียนการใช้งาน ng-repeat สำหรับวน Object ที่ Binding อยู่ใน html หรือ controller เชิง Key Values ให้ออกมาแสดงผลหน้าเว็บไซต์ด้วย AngularJS ครับรับ ศึกษาบทเรียนก่อนหน้าได้ที่: การเขียน Single Page…
Read More » -
การเขียน Single Page Application ด้วย AngularJS
AngularJS เป็น Javascript Framework สำหรับทำ eb Application อีกทั้ง AngularJS ยังได้รับการสนับสนุนโดย Google อีกเช่นกันครับ สิ่งแรกที่เราจะต้องเรียนรู้ก่อนจะเข้าสู่การศึกษา AngularJS นั้น เราอาจจะต้องมีพื้นฐานของ Javascript (DOM, Javascript Object) และ…
Read More »