ปี 2016 นี้ ถือเป็นปีที่เทคโนโลยีส่วนใหญ่จะใหม่ และเปลี่ยนจากเวอร์ชันก่อนหน้าค่อนข้างมากครับ ข่าวดี คือ เรากำลังเรียนรู้อะไรใหม่ๆพร้อมๆกับ Web Developer จากทั่วโลก และทุกคนก็เริ่มศึกษาจาก 0 คล้ายๆกัน 🙂 ยกตัวอย่าง ด้านล่างนี้ สามารถเริ่มเรียนรู้ได้เลยครับ แม้จะเป็นมือใหม่ก็แนะนำเริ่มจากจุดนี้ได้เลย 1. JavaScript ES2015/ES6, TypeScript 2. PHP 7 3. Yii Framework 2 4. Laravel 5.2 5. Angular 2, React 6. Ionic Framework 2, React Native, Xamarin 7. ASP.NET Core ถ้าอยากเริ่มอัพเกรดตัวเอง ปีนี้แหละครับเหมาะสุดๆ เลย…
เรื่องเล่า Angular 2 (RC5)
สำหรับคนที่ตาม Angular 2 อยู่ ตอนนี้เป็นเวอร์ชัน RC5 (2.0.0-rc.5) ครับ ใน RC5 นี้ได้เพิ่ม features ที่สำคัญมาก ได้แก่ Angular Modules (@NgModule)การมาของ Angular Modules ทำให้ angular libraies หลายๆตัวจะเริ่มทยอยกลายเป็น modules ครับ ไม่ว่าจะเป็น FormsModule, HttpModule, RouterModule เป็นต้น ทำให้โค้ดที่เคยเขียนต้องเขียนใหม่หลายจุดเลยทีเดียว เช่นเดียวกันครับ พวก third party libraries ทั้งหลายก็จะเป็นกลายเป็น Modules เหมือนกัน เช่น Meterial Design, Ionic, AngularFire2 (Firebase) เป็นต้น ข้อดีของ Angular Modules จะทำให้โค้ดในแต่ละ…
7 ข้อแนะนำสำหรับมือใหม่ที่กำลังจะศึกษา Angular 2
1. Angular 2 มี style guide หรือคู่มือ/ข้อแนะนำ สำหรับการเขียนโค้ดที่ดีครับ แนะนำให้ศึกษาก่อนตามนี้ https://goo.gl/wW1wRf หรือง่ายกว่านั้น เวลาสร้างโปรเจคใหม่ หรือเขียนโค้ด ผมแนะนำให้ใช้ Angular-cli ครับ (https://goo.gl/pA0K5q) นอกจากจะช่วยเรา gen code แล้ว โค้ดที่ gen มา จะได้โค้ดซึ่งตรงกับ style guide ที่ดีด้วย สบายเลย 🙂 ตัวนี้ https://goo.gl/WsGW7o เป็นคู่มือ Angular CLI อย่าลืมพิมพ์แปะฝาบ้านไว้ 55+ 2. Editor เลือกตามใจชอบได้ เอาตัวที่ใช้กันบ่อยๆ ก็มี 3 ตัว ดังนี้ – Visual Studio Code (https://goo.gl/ex3TCL)…
6 ขั้นตอน การเตรียมตัวก่อนเขียน Angular 2 ครับ
ความรู้พื้นฐานที่ต้องมี 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…
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: 1053
แนะนำ Leaflet.js ไว้จัดการและทำแผนที่
แนะนำ Leaflet.js เป็น JavaScript library เกี่ยวกับการจัดการแผนที่อีกตัวที่น่าใช้มากๆครับ น้ำหนักเบาเพียง 33KB ฟีเจอร์เพียบ โค้ดสั้นกระชับ เหมาะกับมือถืออีกด้วย ลองใช้กันได้ครับ รายละเอียด http://leafletjs.com/ อันนี้ e-Book ฟรี (สมัครสมาชิก แล้วโหลด) http://goo.gl/bU5Epg วิดีโอสอนฟรี https://sirensoft.github.io/#free Views: 2749