แนะนำ Guzzle สำหรับทำ RESTful APIs (PHP)

โค้ชเอก Leave a comment

สำหรับคนที่เขียน PHP อยากเขียนต่อกับ RESTful APIs หรือ Web Services แนะนำตัวนี้ครับ “Guzzle”

 

 

รายละเอียด
http://goo.gl/BKjZXv

– Guzzle เป็น PHP HTTP client ที่ใช้สำหรับส่ง HTTP requests และเชื่อมต่อกับ web services ครับ

– สามารถดึงข้อมูล เพิ่ม แก้ไข ลบ หรืออัพโหลดไฟล์ไปที่ web services ได้ง่ายมากเพียงใช้โค้ดไม่กี่บรรทัด

– สามารถเขียนเชื่อมกับ APIs เจ้าดังๆ ได้ไม่ว่าจะเป็น Twitter, Facebook, GitHub ได้สบายๆ

แน่นอนมันติดตั้งผ่าน Composer เราสามารถใช้ได้ทั้ง เขียน PHP แบบปกติ หรือใช้ PHP framework ก็ได้

 

ถ้าง่ายหน่อยสำหรับคนใช้ Yii Framework 2 ดูที่นี่
https://goo.gl/PLq6gg

สำหรับคนใช้ Laravel 5 ดูที่นี่
https://goo.gl/4kq0PT

ลองใช้ดูกันได้ครับ

แนะนำ package สำหรับ Atom Editor มีไว้ค้นคำถามจากเว็บ Stack Overflow

โค้ชเอก Leave a comment

แนะนำ package สำหรับ Atom Editor มีไว้ค้นคำถามจากเว็บ Stack Overflow เราสามารถ copy หรือ แทรกโค้ดคำตอบ ลงไปใน Editor ได้เลยครับ สบายสุดๆ 55+

ลิงก์: https://atom.io/packages/ask-stack

วิธีการใช้ แค่กด CTRL + ALT + A แล้วพิมพ์ Ask Stack ใช้ง่ายมากๆ 🙂

แนะนำ Sails.js MVC Framework สำหรับ Node.js

โค้ชเอก Leave a comment

แนะนำ Sails.js MVC Framework สำหรับ Node.js ที่ครบเครื่อง ใช้งานง่าย และมี features ครบถ้วน ครับ

 

จุดเด่น
1. เหมาะสำหรับทำ RESTful APIs มาก เพราะมีตัว genereate โค้ดอัตโนมัติภายในบรรทัดเดียว!
2. เหมาะสำหรับงานแบบ Realtime โค้ดที่ใช้เขียนง่าย และสั้นมาก! (เขียนครอบ socket.io อีกที)
3. มี ORM ให้ใช้ สามารถติดต่อฐานข้อมูลได้หลายตัว เช่น MySQL, PostgreSQL, MongoDB, SQLite3, Redis เป็นต้น (ใช้ Waterline ORM)

————————
เว็บไซต์
http://sailsjs.org/

https://goo.gl/2Krndf

สอนใช้งานบน Youtube
https://goo.gl/OwtRIR

โค้ดตัวอย่าง
https://github.com/sails101

ใครที่เคยเขียนแนว MVC อยู่แล้วคงจะชอบมาก ลองใช้ดูได้ครับ

แนะนำ responsive lightbox plugin ขนาดเล็ก ใช้งานง่าย

โค้ชเอก Leave a comment

lity

แนะนำ responsive light box plugin ขนาดเล็ก ใช้งานง่าย ขนาดเพียง 2kB เราแค่ระบุ data-lity เข้าไปใน html tag ก็ใช้ได้แล้วครับ

ตัวอย่างการใช้งาน

<a href="‪#‎inline‬" data-lity>Inline</a>

ดูรายละเอียดการใช้งานเต็มๆได้ที่นี่
http://sorgalla.com/lity/

แนะนำ 5 Date Picker (ปฏิทิน) ที่น่าใช้

โค้ชเอก Leave a comment

1. Pickadate.js
http://amsul.ca/pickadate.js

2. Bootstrap Datepicker
https://github.com/eternicode/bootstrap-datepicker

3. jQuery UI datepicker
https://jqueryui.com/datepicker/

4. Zebra_Datepicker
http://stefangabos.ro/jquery/zebra-datepicker/

5. Eyecon.ro datepicker
http://www.eyecon.ro/datepicker/
ถ้าให้เลือกตัวที่ชอบที่สุดน่าจะเป็น Pickdate.js (mobile-friendly,responsive) กับคู่มือที่ละเอียดดีจริงๆ

13 ข้อ แนวทางการเพิ่มความเร็ว (Speed) ให้กับหน้าเว็บไซต์

โค้ชเอก Leave a comment

จริงๆ แล้วการเพิ่มความเร็วให้หน้าเว็บเพจมีหลายวิธี โพสต์นี้จะเน้นไปที่ CSS นะครับ และเพิ่มเรื่องการจัดการรูปภาพให้ด้วยครับ

 

…………………………………………………….

9 แนวทางเพิ่มความเร็วให้เว็บไซต์ด้วย CSS

…………………………………………………….

1. เขียนโค้ดแบบ Shorthand แน่นอนเมื่อโค้ดสั้นลง การประมวลผลย่อมน้อยลง ส่งผลให้หน้าเว็บโหลดเร็วขึ้น
2. หลีกเลี่ยงการทำ CSS Hacks ให้กับแต่ละบราวเซอร์ เพราะมันเพิ่มขนาดให้กับไฟล์และซับซ้อน
3. ลดขนาดไฟล์ของ CSS ลง เพื่อเพิ่มความเร็วในการโหลด
4. ควรเขียน CSS ใน tag <head>
5. พยายามใช้ external CSS เพียง 1 ไฟล์
6. อย่าใช้การเรียกแบบ @import
7. เอา CSS ที่ไม่ใช้ออกให้หมด อย่าปล่อยทิ้งไว้
8. อย่าเขียน CSS ให้ tag HTML เช่น h1 และ DIV
9. ถ้าเป็นเพียงคำสั่ง CSS เล็กๆ ก็ให้เขียนแบบ inline ได้

………………………………………………………………………………..

4 แนวทางเพิ่มความเร็วให้กับเว็บไซต์ด้วยการจัดการรูปภาพ (Images)

………………………………………………………………………………..
1. นามสกุลรูปภาพ ใช้ JPGs เมื่อภาพมีคุณภาพ ความละเอียดสูง
ใช้ PNG กับรูปภาพที่เป็นไอคอน,โลโก้,ข้อความ,สัญลักษณ์ต่างๆ
ใช้ GIFs สำหรับภาพเล็กๆ ไม่มีรายละเอียดมาก และแน่นอนควรหลีกเลี่ยง BMPs หรือ TIFFs.
2. ขนาดภาพควรเหมาะสม ควรบันทึกรูปภาพให้พอดีกับความกว้างของ Template สร้างรูปภาพในแบบ Responsive โดยกำหนดความกว้างคงที่แต่ความสูงให้กำหนดเป็นแบบ auto
3. การบีบอัดรูปภาพ สำหรับนามสกุล JPGs ให้ใช้การบีบอัดที่ 60-70% และสำหรับหน้าจอแบบ Retina ให้เพิ่มขึ้นเป็น 150-200%
4. แน่นอนควรใช้รูปภาพให้น้อยที่สุดเท่าที่จะเป็นไปได้

แนะนำ PouchDB

โค้ชเอก Leave a comment

pd

เป็น JavaScript Database (NoSQL) ที่ช่วยให้ web app หรือ mobile app ของเราเก็บข้อมูลแบบ offline ได้ และสามารถ sync กับ server ได้ทันทีที่ online!

เหมาะมากสำหรับ app ใดๆก็ตามที่อยากเก็บข้อมูล local ไว้ตลอดเวลา และซิงค์กับ server ทันทีเมื่อออนไลน์ครับ ประยุกต์ใช้ได้เยอะมาก จะทำเป็นโปรแกรม chat ก็ได้ หรือจะทำเป็น app แบบ realtime ก็ยังไหว

ลองใช้ดูครับ มีตัวอย่างเป็น todo app ให้ลองเล่นด้วย

อ้อที่ว่า sync กับ Server หมายถึง เราต้องติดตั้ง CouchDB (คนละตัวกับ PouchDB นะ) ที่ server เราด้วยครับ หรือใครไม่มี server ก็แนะนำให้ใช้ cloudant.com เป็น CouchDB แบบ Cloud ครับ

เว็บหลัก:
https://pouchdb.com

เริ่มได้ที่นี่มี youtube สอน:
https://pouchdb.com/getting-started.html

รวมลิงก์ 11 library ที่น่าใช้สำหรับ Laravel 5

โค้ชเอก Leave a comment

l55

1. Role-based Permissions for Laravel 5 (RBAC)
https://goo.gl/bMN7kU

2. Scaffold generator for Laravel 5 with bootstrap 3 (Gen CRUD)
https://goo.gl/KpxMNC

3. A package to backup your Laravel 5 app (Backup site and DB)
https://goo.gl/NNPKxX

4. An eloquent way of importing and exporting Excel and CSV files
https://goo.gl/dLCKuh

5. Get started with Laravel 5.2 and Angular (material)
https://goo.gl/PNKmbW

6. Simple laravel5 example for tutorial
https://goo.gl/MhA5Ru

7. jQuery DataTables API for Laravel 5
https://goo.gl/J44a0z

8. Lavalite – CMS built on Laravel 5.2
https://goo.gl/9wxP3G

9. A library to help you work with dates in multiple languages, based on Carbon.
https://goo.gl/5LGZsz

10. No CAPTCHA reCAPTCHA For Laravel.
https://goo.gl/vFiPsS

11. A MongoDB based Eloquent model and Query builder for Laravel
https://goo.gl/TUIZ1C