สรุป 14 คำสั่ง NPM ที่ใช้บ่อย สำหรับสาย Node.js

โค้ชเอก Leave a comment

npm

 

• npm init
เริ่มต้นใช้งาน และช่วยให้เราสร้าง และใส่รายละเอียดเกี่ยวกับโปรเจคของเรา (package.json)

• npm install module_name
ติดตั้ง module

• npm install -g module_name
ติดตั้ง module ในระดับ global

• npm install module_name –save
ติดตั้ง module และเพิ่มมันเข้าไปในไฟล์ package.json (ข้างใน dependencies)

• npm install module_name –save-dev
เหมือนกันกับข้างบน ติดตั้ง module และเพิ่มมันเข้าไปในไฟล์ package.json (ข้างใน dependencies) และบอกว่าจะนำมาช่วยในส่วนของนักพัฒนา

• npm list
แสดงรายการ modules ทั้งหมดที่ติดตั้งไปแล้วในโปรเจคของเรา

• npm list -g
แสดงรายการ modules ระดับ global ทั้งหมดที่ถูกติดตั้งบน OS ของเรา

• npm remove module_name
uninstall module ออกจากโปรเจคของเรา

• npm remove -g module_name
uninstall module ระดับ global

• npm remove module_name –save
uninstall module ออกจากโปรเจคของเรา พร้อมทั้งนำออกจาก attribute dependencies ด้วย (ในไฟล์ package.json)

• npm remove module_name –save-dev
เหมือนกันกับด้านบน uninstall module ออกจากโปรเจคของเรา พร้อมทั้งนำออกจาก attribute dependencies ด้วย (ในไฟล์ package.json)

• npm update module_name
update เวอร์ชัน module ให้ใหม่ล่าสุด

• npm update -g module_name
update เวอร์ชัน module ให้ใหม่ล่าสุด ในระดับ global

• npm -v
แสดงเวอร์ชันปัจจุบันของ npm

ป.ล. module_name คือ ชื่อ module/library ที่เราต้องการติดตั้งครับ

รวมลิงก์แหล่งศึกษา PHP 7 ที่ควรอ่านครับ

โค้ชเอก Leave a comment

php7

1. PHP Manual: Migrating from PHP 5.6.x to PHP 7.0.x
https://secure.php.net/manual/en/migration70.php

2. PHP 7 UPGRADING doc
https://github.com/php/php-src/blob/PHP-7.0.0/UPGRADING

3. PHP 7 Requests for Comments
https://wiki.php.net/rfc#php_70

4. PHPNG (next generation)
https://wiki.php.net/phpng

5. Getting Ready for PHP 7
https://www.digitalocean.com/…/blog/getting-ready-for-php-7/

6. What to Expect When You’re Expecting: PHP 7, Part 1
https://blog.engineyard.com/2015/what-to-expect-php-7

7. What to Expect When You’re Expecting: PHP 7, Part 2
https://blog.engineyard.com/2015/what-to-expect-php-7-2

8. Zend: 5 Things You Must Know About PHP 7
http://www.zend.com/en/resources/php-7

9. The PHP 7 Revolution: Return Types and Removed Artifacts
http://www.sitepoint.com/php-7-revolution-return-types-rem…/

10. PHP 7: 10 Things You Need to Know
http://www.hongkiat.com/blog/php7/

11. ‪#‎php7‬ on Twitter
https://twitter.com/hashtag/php7

12. GoPHP7 Extensions Project
http://gophp7.org/gophp7-ext/

13. Laracasts – PHP 7 Up and Running
https://laracasts.com/series/php7-up-and-running

.
แถม ใครใช้ Ubuntu 14.04, 15.04, และ 15.10 สามารถติดตั้ง PHP 7 เพียงได้ 3 คำสั่ง ดังนี้

sudo add-apt-repository ppa:ondrej/php-7.0
sudo apt-get update
sudo apt-get install php7.0

——————————
ขอให้สนุกกับการเรียนรู้ครับ

แนะนำ 16 เว็บไซต์ ไว้ออกแบบ UI แนว Material Design

โค้ชเอก Leave a comment

mm

1. Material Design Lite (ของ google)
http://www.getmdl.io/

2. Material UI
http://www.material-ui.com/#/home

3. Bootswatch Paper
http://bootswatch.com/paper/#

4. MUI
https://www.muicss.com/

5. Leaf
http://getleaf.com/

6. Materialize
http://materializecss.com/

7. Polymer
https://www.polymer-project.org

8. Angular Material
https://material.angularjs.org/latest/

9. LumX
http://ui.lumapps.com/

10. daemonite material
http://daemonite.github.io/material/index.html

11. Angular 2 Material
https://material.angular.io/

12. MATERIAL DESIGN FOR BOOTSTRAP 4
http://mdbootstrap.com/

13. Material design theme for Bootstrap 3
http://fezvrasta.github.io/bootstrap-material-design/

14. Material Framework
http://nt1m.github.io/material-framework/#introduction

15. Material Foundation
http://eucalyptuss.github.io/material-foundation/

16. Essence
http://getessence.io/

9 ฟังก์ชัน PHP สำหรับจัดการข้อความ ที่มือใหม่ควรใช้ให้เป็น

โค้ชเอก Leave a comment

1. rawurlencode เปลี่ยนเครื่องหมาย & และช่องว่าง ให้อยู่ในรูปแบบ url ที่ถูกต้อง
2. htmlentities ช่วยแปลง string ให้อยู่ในรูปแบบของ html entities
3. nl2br แทรกคำสั่ง <br> ถ้าต้องการขึ้นบรรทัดใหม่
4. strip_tags การเอาคำสั่ง html ออกจาก string
5. wordwrap ตัดคำ หรือขึ้นบรรทัดใหม่ โดยกำหนดได้ว่าจะแทรกที่ตัวอักษรที่เท่าไหร่
6. trim ลบช่องว่างออกจาก string ทั้งซ้ายและขวา
7. substr ตัดเอา string บางส่วนตามตำแหน่งที่เรากำหนด
8. number_format จัดรูปแบบของตัวเลข เช่น ให้มีคอมม่าคั่นหลักพัน เป็นต้น
9. strcmp เปรียบเทียบ string แบบแน่นอนในระดับ binary

สรุปแบบย่อๆนะครับ วิธีใช้แบบเต็มๆดูเพิ่มเติมได้ที่:
http://php.net/manual/en/ref.strings.php

Yii 2.0.8 มีอะไร update สำคัญๆ บ้าง

โค้ชเอก Leave a comment
  • ปรับปรุงความเข้ากันได้กับ PHP 7
  • เพิ่ม method andFilterCompare() สำหรับกรองข้อมูลในคอลัมน์ของ GridView ให้ง่ายขึ้น ใครใช้ Yii 1.1 อยู่น่าจะคุ้นเคยเป็นอย่างดี
  • เพิ่ม comments ให้กับตาราง และคอลัมน์ ในฐานข้อมูล
  • เมื่อเราอัพโหลดไฟล์เรามักลืมระบุ enctype ให้กับฟอร์ม ตอนนี้ไม่ลืมแน่นอน เพราะ Yii จัดการเพิ่ม enctype ให้เราแบบ Auto แล้ว ไม่ต้องระบุครับ
  • เราสามารถระบุเครื่องหมายดอกจันทร์ (*) เพื่อตรวจสอบ mimeTypes แบบกลุ่มได้เช่น image/* หมายถึง image/jpeg, image/png เป็นต้น
  • สามารถตรวจสอบความถูกต้อง (Validate) เวลาได้แล้ว โดยระบุ property ชื่อว่า type กำหนดเป็น TYPE_DATETIME หรือ TYPE_TIME ไม่ต้องเขียนเช็คเองแล้ว
  • เรื่องความปลอดภัย ส่วนใหญ่อัพเดทตั้งแต่ 2.0.7 แล้วครับ สำหรับ 2.0.8 จะเป็นการปรับปรุงประสิทธิภาพเสียมากกว่า เช่น ปรับปรุง Random Number Generator (RNG) ให้ดีขึ้น
  • ล่าสุด มีการปรับปรุง MongoDB extension ใครใช้อยู่ก็ update กันได้เลย
    อ่านเพิ่มเติมได้ที่
    http://goo.gl/FGZ97k

แนะนำหนังสือ Git (version control system) อ่านฟรี

โค้ชเอก Leave a comment

a

ช่วงหลังๆ เห็นประกาศรับสมัครงานต้องการคนที่ใช้ git เป็นด้วย ซึ่งจริงๆแล้ว ผมคิดว่าโปรแกรมเมอร์ทุกคนควรใช้ให้เป็นครับ

ลิงก์ดาวน์โหลดแบบ PDF
https://goo.gl/PCLXsl

ลิงก์อ่านแบบออนไลน์
https://goo.gl/2bstxn

 

แนะนำ WYSIWYG editor ใช้กับ Yii2 Framework

โค้ชเอก Leave a comment

สำหรับใครที่กำลังมองหา WYSIWYG editor ของ Yii2 Framework แนะนำตัวนี้เลยครับ yii2-redactor คุณสมบัติหลักๆ ที่ชอบคือมันสวย ใช้ง่าย มีระบบจัดการรูปภาพ และจัดการไฟล์มาให้เรียบร้อย!! ลิงก์ตามนี้ https://github.com/yiidoc/yii2-redactor

 

1. หลังจากติดตั้งเสร็จ เปิดไฟล์ common\config\main.php ขึ้นมาแล้วเพิ่ม module ครับ

'modules' => [
'redactor' => [
'class' => 'yii\redactor\RedactorModule',
'uploadDir' => 'C:\xampp\htdocs\inpiredev\uploads',
'uploadUrl' => '@web/uploads',
'imageAllowExtensions'=>['jpg','png','gif']
],
],

หมายเหตุ ตรง uploadDir และ uploadUrl ใส่เป็นเว็บของตัวเองนะครับ

2. ไปที่ View ของโปรเจคเรา สมมติว่าเป็นไฟล์ _form.php แล้วแทรกโค้ด ดังนี้

<?= $form->field($model, 'content')->widget(\yii\redactor\widgets\Redactor::className(), [
'clientOptions' => [
'imageManagerJson' => ['/redactor/upload/image-json'],
'imageUpload' => ['/redactor/upload/image'],
'fileUpload' => ['/redactor/upload/file'],
'lang' => 'th',
'minHeight' => 300,
'plugins' => ['clips', 'fontcolor','imagemanager']
]
])?>

เรียบร้อย!! ถ้าอยากรู้ว่ามี options อะไรเพิ่มเติมอีกก็ตามไปได้ที่เว็บ http://imperavi.com/redactor

รวม 14 บทความความรู้เกี่ยวกับ Yii Framework 2 เขียนโดย Jeff Reifman

โค้ชเอก Leave a comment

รวม 14 บทความความรู้เกี่ยวกับ Yii Framework 2 เขียนโดย Jeff Reifman ครับ ผมลองเรียงลำดับเนื้อหาให้เรียบร้อย นี่ถ้า print มาอ่านคงได้เป็นเล่มเลย

1. Programming with Yii2: Getting Started
http://goo.gl/FgqVJh

2. Programming With Yii2: Exploring MVC, Forms and Layouts
http://goo.gl/ZSTjGM

3. Programming With Yii2: Integrating User Registration
http://goo.gl/wmByJr

4. Programming With Yii2: Localization With I18n
http://goo.gl/w6vxC1

5. Programming With Yii2: User Access Controls
http://goo.gl/RcPrZj

6. Programming With Yii2: Sluggable Behavior
http://goo.gl/5w2z4S

7. Programming With Yii2: Blameable Behaviors
http://goo.gl/pPrsuQ

8. Programming With Yii2: Timestamp Behavior
http://goo.gl/7rGWmZ

9. Programming With Yii2: Validations
http://goo.gl/Hi6hwN

10. Programming With Yii2: Specialized Validations
http://goo.gl/dlkWhd

11. Programming With Yii2: Working With Asset Bundles
http://goo.gl/UYW4zX

12. Programming With Yii2: Rich Text Input With Redactor
http://goo.gl/IIpKze

13. Programming With Yii2: Working With the Database and Active Record
http://goo.gl/1pl5MD

14. Programming With Yii2: AuthClient Integration With Twitter, Google and Other Networks
http://goo.gl/urxNYJ

การเปลี่ยน port MySQL/MariaDB จาก 3306 เป็น port อื่น (XAMPP)

โค้ชเอก Leave a comment

ถ้าใครใช้ XAMPP ในการจำลอง Server ถ้า Start MySQL แล้วมีปัญหา อาจเป็นไปได้ว่ามีการชนกันของ port ครับ หรือเราอยากทดลองใช้ MySQL เวอร์ชันใหม่ๆ แต่ไม่อยากลบ MySQL ตัวที่กำลังใช้งานอยู่ บทความนี้จะพาเราไปทำความรู้จักกับการเปลี่ยนหมายเลข port ของ MySQL กัน ลุยกันเลย!

 

1.ดับเบิ้ลคลิก XAMPP Control Panel ขึ้นมา จากนั้น คลิกที่ปุ่ม Config (ของ MySQL) เลือกไฟล์ my.ini ครับ

2.เมื่อเปิดไฟล์ my.ini ขึ้นมาแล้วแก้ไขหมายเลข port ให้เป็นหมายเลขที่เราต้องการ (2จุด) จากนั้นให้บันทึกไฟล์นี้ แล้วปิดไปได้เลย

3.คลิกที่ปุ่ม Config (ของ Apache) เลือกเปิดไฟล์ php.ini ขึ้นมาเพื่อแก้ไขครับ

4.ให้ค้นหาคำว่า mysql.default_port ครับเมื่อเจอแล้ว ให้แก้หมายเลขจาก 3306 เป็นหมายเลข port ที่เราต้องการ และค้นหาคำว่า mysqli.default_port (มี i ต่อท้ายด้วยนะ) ให้แก้หมายเลขเป็นหมายเลข port ที่เราต้องการเช่นกัน จากนั้นให้บันทึกไฟล์แล้วปิดไปได้เลย

หมายเหตุ ในรูปมีเฉพาะ mysql.default_port นะครับ เลื่อนลงมานิดหน่อยจะเจอ mysqli.default_port

5.กดปุ่ม Start ทั้งในส่วนของ Apache และ MySQL ให้สังเกตหมายเลข port MySQL ครับว่าเปลี่ยนไปตามหมายเลขที่เราต้องการหรือเปล่า ถ้าทำครบทุกขั้นตอนก็จะเห็นว่าหมายเลข port ได้เปลี่ยนแล้ว

แต่เดี๋ยวก่อน เวลาเขียน PHP อย่าลืมใส่หมายเลข port ใหม่ในขั้นตอนการ connect ด้วยนะครับ โค้ดตามนี้เลย

//สำหรับ MySQLi connection เขียนแบบ procedural

$link = mysqli_connect('localhost', 'root', 'password', 'database_name',3307);

//สำหรับ MySQLi เขียนแบบ object-oriented

$link = new mysqli('localhost', 'root', 'password', 'database_name',3307);

แค่นี้ก็เรียบร้อย!

แนะนำใช้งาน XAMPP แบบ portable

โค้ชเอก Leave a comment

คิดว่าหลายคนที่เขียน PHP มา คงใช้ XAMPP กันเป็นประจำอยู่แล้วครับ แต่ปัญหาคือ XAMPP 5.6.11 เป็นต้นไป มีการเปลี่ยนแปลงในส่วนที่เรียกว่า dashboard กันใหม่ทั้งหมด ทำให้มือใหม่หลายคนปวดหัว และงงกับการใช้งาน วันนี้เลยมาแนะนำวิธีการใช้งานกัน ดังนี้ครับ

1. ดาวน์โหลดโปรแกรมได้ที่

http://sourceforge.net/projects/xampp/files/XAMPP%20Windows/5.6.11/xampp-portable-win32-5.6.11-1-VC11.zip/download

หากมี version ใหม่กว่านี้ก็เปลี่ยนได้ แนะนำให้เลือกแบบ xampp-portable ครับ เพราะเวลาย้ายเครื่องสามารถ copy โฟลเดอร์ xampp ไปได้เลย

2. เมื่อได้ไฟล์ในรูปแบบ .zip มาแล้วให้ extract ไฟล์ไว้ที่ไหนก็ได้ตามต้องการเช่น วางไว้ที่ Drive C:\xampp ในโฟลเดอร์ xampp นี้จะมีไอคอนสีส้มชื่อว่า xampp-control ให้ดับเบิ้ลคลิกขึ้นมาได้เลยครับ จะมีหน้าต่างให้เลือกภาษา แนะนำให้กดปุ่ม Save ได้เลยครับ

 

3. จากนั้นจะกดปุ่ม Start ในส่วนของ Apache และ MySQL ถ้าไม่มีปัญหาอะไรจะขึ้นแถวสีเขียวครับ

 

4. กำหนดรหัสผ่านให้กับ MySQL มีขั้นตอนดังนี้

4.1 เปิด XAMPP control panel ขึ้นมา ให้คลิกปุ่ม Shell ทางด้านขวา แล้วกดปุ่ม Yes อีกครั้งหนึ่ง จะได้โปรแกรมในรูปแบบ command line (หน้าจอดำๆ) ขึ้นมา
4.2 พิมพ์คำสั่งลงไปตามนี้

mysqladmin --user=root password "123456"

แล้วกด Enter **(123456 คือรหัสผ่านที่เราต้องการตั้ง)**

4.3 จากนั้นให้เปิดไฟล์ ชื่อว่า config.inc.php ในโฟลเดอร์ phpMyAdmin ตามนี้ C:\xampp\phpMyAdmin
4.4 มองหาบรรทัดที่ 19 และ 21 โดยเปลี่ยน

$cfg['Servers'][$i]['auth_type'] = 'config';

เป็น

$cfg['Servers'][$i]['auth_type'] = 'cookie';

แล้วให้ใส่รหัสผ่านที่ได้ตั้งไว้ในข้อ 4.2 ในบรรทัด

$cfg['Servers'][$i]['password'] = '';

แก้เป็น

$cfg['Servers'][$i]['password'] = '123456';

(ย้ำอีกครั้ง 123456 คือรหัสผ่านที่ได้ตั้งไว้ในข้อ 4.2) ดังนี้

/* Authentication type and info */
$cfg['Servers'][$i]['auth_type'] = 'cookie';**
$cfg['Servers'][$i]['user'] = 'root';
$cfg['Servers'][$i]['password'] = '123456';
$cfg['Servers'][$i]['extension'] = 'mysqli';
$cfg['Servers'][$i]['AllowNoPassword'] = true;
$cfg['Lang'] = '';

เสร็จแล้ว อย่าลืม!!! กดบันทึกหรือ save ไฟล์นี้ ด้วยครับ

 

5. ทดสอบโดยเปิด browser แล้วพิมพ์ http://localhost/phpmyadmin/ จะขึ้นหน้าล็อกอิน ก็ลองกรอก username เป็น root และ password ตามข้อที่ 4.2 ได้เลยครับ แค่นี้ก็เรียบร้อย

 

ขอให้สนุกกับเรียนรู้ครับ