ความรู้พื้นฐานที่ต้องมี HTML, CSS, Modern JavaScript (ES2015/ES6) TypeScript https://www.typescriptlang.org/ การเตรียมเครื่องมือ ติดตั้ง Node.js และ npm ดาวน์โหลด และติดตั้งได้ที่ https://nodejs.org/en/ ติดตั้ง Editor ในที่นี้จะยกตัวอย่าง Atom ครับ ดาวน์โหลดและติดตั้งได้ที่ https://atom.io/ ติดตั้ง package ชื่อว่า Atom TypeScript ให้กับ Atom Editor (เข้าเมนู Settings -> Install พิมพ์ atom-typescript แล้วกด Install) ติดตั้ง package ชื่อว่า Angular 2 TypeScript Snippets เพื่อช่วยประหยัดเวลาในการเขียนโค้ด (เข้าเมนู Settings -> Install พิมพ์ angular-2-typescript-snippets…
Month: May 2016
4 ขั้นตอน การแทรก Google reCAPTCHA และใช้งานร่วมกับ PHP
ขั้นตอนการแทรก Google reCAPTCHA เพื่อป้องกัน robot และ spam ให้กับฟอร์มในเว็บไซต์ ล็อกอินเพื่อรับ API Key ก่อน ที่ http://www.google.com/recaptcha/admin เสร็จแล้วให้กรอก Label และ Domains ของเราเอง ดังรูป เราจะได้ Site key และ Secret key มา ดังรูป ต่อมา จากภาพ (หมายเลข 1) ให้ copy โค้ดส่วนนี้ ไปวางไว้ในส่วน <head> ของ html และ (หมายเลข 2) ให้ copy โค้ดส่วนนี้ไปวางไว้ฟอร์ม <form> ที่ต้องการครับ หมายเหตุ สำหรับคนที่อยากแสดงผลภาษาไทย ให้แก้โค้ดหมายเลข 1 ดังนี้…
รวม 19 Extensions ของ Yii Framework 2 ที่น่าใช้
1. Bx Slider Widget for Yii 2 https://github.com/yii2mod/yii2-bx-slider 2. Star Rating Widget for Yii 2 https://github.com/yii2mod/yii2-star-rating 3. jQuery countdown widget for Yii2 https://github.com/russ666/yii2-countdown 4. Sweet Alert Widget for Yii 2 https://github.com/yii2mod/yii2-sweet-alert 5. Yii 2 Tree (jsTree) https://github.com/arogachev/yii2-tree 6. Infinite AJAX scrolling for Yii2 https://github.com/kop/yii2-scroll-pager 7. Yii2 Toastr Notification https://github.com/odai-alali/yii2-toastr 8….
แนะนำ 5 PHP Class ช่วยในการเขียนอัพโหลด และจัดการไฟล์
1. Upload https://github.com/brandonsavage/Upload 2. PHP-file-upload-class https://github.com/aivis/PHP-file-upload-class 3. class.upload.php https://github.com/verot/class.upload.php 4. upload https://github.com/siriusphp/upload 5. stapler https://github.com/CodeSleeve/stapler Views: 754
รวมลิงก์เว็บ ฟรี! Open source themes และ templates ของ Bootstrap
รวมลิงก์เว็บ ฟรี! Open source themes และ templates ของ Bootstrap ครับ Start Bootstrap http://startbootstrap.com/ Bootswatch http://bootswatch.com/ Black Tie http://www.blacktie.co/ Bootstrap Zero http://bootstrapzero.com/ Bootplus http://aozora.github.io/bootplus/ Fbootstrapp http://ckrack.github.io/fbootstrapp/ Bootmetro http://aozora.github.io/bootmetro/ หรือลองค้นได้ที่ GetTemplate http://www.gettemplate.com/ Cardeostrap http://cardeostrap.cardeo.ca/ VegiThemes http://vegibit.com/vegithemes-twitter-bootstrap-themes/ Bootstrap Taste http://bootstraptaste.com/ Views: 9342
แนะนำ Blur Admin เป็น Admin HTML template ที่น่าใช้ดี
แนะนำ Blur Admin เป็น Admin HTML template ที่น่าใช้อีกตัวครับ มีการผสมผสานเทคโนโลยีใหม่ๆ เข้ามาใช้ และลงตัวดีทีเดียว คุณสมบัติ ————————- Responsive layout High resolution Bootstrap CSS Framework Sass Gulp build AngularJS Jquery Jquery ui Charts (amChart, Chartist, Chart.js, Morris) Maps (Google, Leaflet, amMap) รายละเอียด https://goo.gl/pfBpt5Demo: http://akveo.com/blur-admin/ Views: 1052
แนะนำ Leaflet.js ไว้จัดการและทำแผนที่
แนะนำ Leaflet.js เป็น JavaScript library เกี่ยวกับการจัดการแผนที่อีกตัวที่น่าใช้มากๆครับ น้ำหนักเบาเพียง 33KB ฟีเจอร์เพียบ โค้ดสั้นกระชับ เหมาะกับมือถืออีกด้วย ลองใช้กันได้ครับ รายละเอียด http://leafletjs.com/ อันนี้ e-Book ฟรี (สมัครสมาชิก แล้วโหลด) http://goo.gl/bU5Epg วิดีโอสอนฟรี https://sirensoft.github.io/#free Views: 2749
แนะนำ Guzzle สำหรับทำ RESTful APIs (PHP)
สำหรับคนที่เขียน 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 แบบปกติ…
แนะนำ package สำหรับ Atom Editor มีไว้ค้นคำถามจากเว็บ Stack Overflow
แนะนำ package สำหรับ Atom Editor มีไว้ค้นคำถามจากเว็บ Stack Overflow เราสามารถ copy หรือ แทรกโค้ดคำตอบ ลงไปใน Editor ได้เลยครับ สบายสุดๆ 55+ ลิงก์: https://atom.io/packages/ask-stack วิธีการใช้ แค่กด CTRL + ALT + A แล้วพิมพ์ Ask Stack ใช้ง่ายมากๆ 🙂 Views: 1560
แนะนำ Sails.js MVC Framework สำหรับ Node.js
แนะนำ 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 สอนใช้งานบน…