🔥 วันนี้มาเอาใจสาย Backend กันบ้างดีกว่า !! กับของดีที่ต้องแชร์ สำหรับคนทำงานหลังบ้านมือใหม่ <3
.
ซึ่งเครื่องไม้เครื่องมือในที่นี้แอดรวมให้มาเพียบ ตั้งแต่ Framework, Web Server จนไปถึงสายชอบโม อย่าง CMS ที่เราใช้ระบบพื้นฐานเขาเป็นแกน แต่จะแปลงเป็นเว็บอะไรก็ได้บนโลก !
.
⭐️ ในวันนี้เรามาพร้อม Link เหมือนเดิม และ คัดเฉพาะอันที่เด็ด ๆ Doc อ่านง่าย ๆ มาให้ทุกคนแล้วว สำหรับใครพร้อมแล้วมาลุยดูกันเลย
.
📚 Framework เฟรมเวิร์คสุดเจ๋งในยุคนี้ ที่ไม่พูดไม่ได้
.
Django
https://www.djangoproject.com/
.
Flask
https://flask.palletsprojects.com/en/1.1.x/
.
Laravel
https://laravel.com/
.
✅ Runtime Environment ของมันต้องใช้ !
.
NodeJs
https://nodejs.org/en/
.
Deno
https://deno.land/
.
💻 Web Server เว็บ Server ที่เป็นของที่ขาดไม่ได้
.
Express.js
https://expressjs.com/
.
Nginx
https://www.nginx.com/
.
Apache
https://www.apache.org/
.
🔖 Content Management System จัดการ Content ง่าย ๆ แต่สร้าง Plugin /Add-on เองได้ไม่จำกัด
.
WordPress
https://wordpress.org/
.
Joomla
https://www.joomla.org/
.
Drupal
https://www.drupal.org/
.
📑 Database ระบบฐานข้อมูลที่สำคัญจัด ๆ เลือกได้ตามสไตล์งานเราได้เลย
.
MySQL
https://www.mysql.com/
.
Firebase Realtime Database
https://firebase.google.com/products/realtime-database
.
PostgreSQL
https://www.postgresql.org/
.
MongoDB
https://www.mongodb.com/
.
🧰 Developing & Debugging Tool เครื่องมือช่วยดีบัก และ แก้ไขเว็บไซต์ ตรวจสอบระบบให้ง่ายทันตา
.
Web Developer : Chrome extension ที่ทำให้สามารถเปิดปิดองค์ประกอบการทำงานของเว็บเช่น cookie JavaScript เพื่อทดสอบได้ตามที่ต้องการ
https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm
.
Postman : ทดสอบและพัฒนา API
https://www.postman.com/
.
ESLint : เครื่องมือตรวจโค้ด
https://eslint.org/
.
⏱ Performance Testing Tool ทดสอบประสิทธิภาพเว็บ ให้แรงเกินใคร
.
Apache JMeter
https://jmeter.apache.org/
.
Selenium
https://www.selenium.dev/
.
PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/
.
GTmetrix
https://gtmetrix.com/
.
💸 Payment Gateway ระบบชำระเงินหลังบ้าน ที่พลาดไม่ได้ !
.
PayPal
https://www.paypal.com/
.
2C2P
https://www.2c2p.com/
.
Omise
https://www.omise.co/th/thailand
.
Stripe
https://stripe.com/
.
"ใครมีตัวไหนดี ตัวไหนเด็ด มาแชร์กันได้ใต้ Comment เลยยย !"
.
ส่วนใครอยากสายจัดเต็ม Full-Stack มาอ่านส่วนของ Front-End ได้ที่นี่เลยย :
.
https://www.facebook.com/borntodev/photos/a.830302417028053/3151098954948376/?type=3&__xts__%5B0%5D=68.ARA4zgbud_wSTbb2v24PmV3dGtxcmM1rIQq2NBRv98xAKbRK7o51jdqKQPBpX-4fXq7zssGB3-pvI9Tt1Tsblr-irW6OsraEMcEIV3pYRmlAw88hdvSpLBpUkz9Fb1Wrnt4MysXgaBDe9Z3lv2SSz7pXAMCb_syq0QOjIpefgnbaMQDEm3AF8BBAtDVX1POivCkvYgerfYV19YnojEThkFU1ztVt2xz_fbgJbY_SJ3jaXZpGj_RuMtnmUcBQBu5qtBLbTuwRoxt4r9JqwKbGynToSCgDYeuCaaggQReB0UKf56eHewseUP2VnlDpegqRMN4Y-wQaFtIIxrlI9Ablg9lkXA&__tn__=-R
.
#BorntoDev - 🦖 Coding Academy ให้การพัฒนาเทคโนโลยีเป็นเรื่องง่ายสำหรับทุกคน
同時也有1部Youtube影片,追蹤數超過75萬的網紅เสกสรร ปั้น Youtube,也在其Youtube影片中提到,http://sekyoutube.com/ วิธีแก้ปัญหา ดู youtube ใน google chrome ไม่ได้ 1. อัพเดต version chrome : Settings - About Google Chrome 2. ตรวจสอบ Extension...
「javascript plugin」的推薦目錄:
javascript plugin 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 八卦
ก้าวสู่ยุคสังคมไร้เงินสด เมื่อแบงค์ชาติเปิดตัวมาตรฐาน QR Code เพื่อชำระเงิน
...พูดง่ายๆ ต่อไปมีมือถือเครื่องเดียว เวลาจะซื้อสินค้าและบริการ แม่ค้าพ่อค้าก็เตรียม QR code ให้ลูกค้าถ่ายรูป มันก็จะตัดบัญชีชำระเงินได้ทันที โดยไม่ต้องใช้เงินสดแต่อย่างใด
ถ้าใครสงสัยว่าจะสร้าง QR code อย่างไร ไม่ยากครับ แบงค์ชาติเขากำหนดมาตรฐานโครงสร้างข้อมูล QR code เอาไว้ให้ผู้บริการชำระเงิน ตัวแทนชำระเงิน ร้าน และธุรกิจ สามารถนำไปพัฒนาเขียนโปรแกรม จะบนแอพ บนเว็บ หรือบนพีซี ก็แล้วแต่จะสะดวก
โดยทั้งนี้แบงค์จะกำหนดไว้ 2 แบบ ได้แก่
แบบที่ 1) QR code สำหรับชำระเงิน เช่น ชำระเงินตามใบแจ้งหนี้ ชำระเงินค่าสินค้าและบริการ
แบบที่ 2) QR code สำหรับโอนเงิน เช่น การเงินระหว่างบุคคล การโอนเงินชำระค่าสินค้าและบริการ
ส่วนรายละเอียด format ของ QR code มากกว่านี้ ก็สามารถอ่านจากคู่มือแบงค์ชาติโดยตรง ว่าทางแบงค์ชาติกำหนดมาตรฐานให้สร้างยังไง ตามลิงค์นี้
https://www.bot.or.th/…/Docum…/FPG/2560/ThaiPDF/25600086.pdf
ส่วนใครจะเขียนโปรแกรมเพื่อสร้างและอ่าน QR code เดี่ยวนี้ ก็ทำได้ง่ายมาก เท่าที่ค้นหาใน google ก็มีไลบรารี่หลายตัว (เยอะ) ในที่นี้ก็ขอยกตัวอย่าง ไลบรารี่ในภาษา javascript แล้วกัน ดังต่อไปนี้
1) เอาไว้อ่าน QR code
อันนี้เป็น jquery plugin
http://jeromeetienne.github.io/jquery-qrcode/
https://github.com/jeromeetienne/jquery-qrcode
อันนี้เป็นไลบรารี่ชื่อ qrcodejs
https://davidshimjs.github.io/qrcodejs/
https://github.com/davidshimjs/qrcodejs
2) ตัวนี้เอาไว้อ่าน QR code
https://github.com/dwa012/html5-qrcode
https://github.com/LazarSoft/jsqrcode
https://www.npmjs.com/package/qrcode-reader
### ความรู้เพิ่มเติม ####
การใช้มาตรฐาน QR Code เพื่อการชำระเงิน มีหลักการและประโยชน์สำคัญใน 4 ด้าน คือ
(1) เป็นมาตรฐานกลางที่สอดคล้องกับมาตรฐานสากล เปิดโอกาสให้ผู้ให้บริการและผู้ใช้บริการสามารถเข้าถึงและใช้งานร่วมกันได้ ทั้งรายการชำระเงินในประเทศและต่างประเทศ ร้านค้ามี QR Code เดียว ก็สามารถรับชำระเงินผ่านช่องทางที่หลากหลายจากลูกค้าได้
(2) เป็นการเพิ่มช่องทางการชำระเงินที่สะดวก และมีต้นทุนต่ำให้แก่ประชาชนและร้านค้า ช่วยให้การจัดทำบัญชีและกระทบยอดเงินเข้า ง่ายกว่าการทำธุรกรรมด้วยเงินสดมาก
(3) เป็นการเพิ่มความปลอดภัยในการชำระเงิน เจ้าของบัตรไม่ต้องให้บัตรหรือ
ข้อมูลบนบัตรแก่ร้านค้า และระบบงานที่รองรับเป็นระบบโครงสร้างพื้นฐานการชำระเงินที่ใช้อยู่ในปัจจุบันจึงมีความปลอดภัย
และ
(4) สามารถต่อยอดนวัตกรรมทางการเงินที่หลากหลายได้โดยง่าย เป็นรากฐานสำคัญ
ของร้านค้าขนาดกลางและขนาดเล็กที่จะเก็บข้อมูลการรับชำระเงินอย่างเป็นระบบ เพื่อให้นำไปใช้ประโยชน์ในหลายด้านรวมถึงการขอสินเชื่อ ซึ่งสถาบันการเงินในหลายประเทศได้เริ่มให้สินเชื่อโดยใช้ข้อมูลชำระเงินเป็นข้อมูลอ้างอิง (Information based lending) แทนการใช้สินทรัพย์ถาวรเป็นหลักประกันแล้ว ช่วยให้ก้าวข้ามผ่านอุปสรรคของการปล่อยสินเชื่อ SME จากเดิมที่ต้องใช้หลักประกัน เพียงอย่างเดียว
อ้างอิง https://www.bot.or.th/…/PressandS…/Press/News2560/n4160t.pdf
javascript plugin 在 MUKI SPACE INC. Facebook 八卦
利用 HTML 跟 CSS 就可以很快速的做出簡易的 Lightbox 囉,而且可以支援 HTML,或是單純的展示圖片,非常好用呢!!!
有興趣的朋友,也可以自行修改 Lightbox 的樣式,讓他更符合每個網站的需求 :)
http://blog.mukispace.com/responsive-css3-lightbox-without-javascript/
javascript plugin 在 เสกสรร ปั้น Youtube Youtube 的評價
http://sekyoutube.com/ วิธีแก้ปัญหา ดู youtube ใน google chrome ไม่ได้
1. อัพเดต version chrome : Settings - About Google Chrome
2. ตรวจสอบ Extension หรือ Plugin :
ให้เข้าสู่โหมดไม่ระบุตัวตน (New incognito window) แล้วลองเล่นวีดีโอ
- ถ้าเล่นวีดีโอได้ ให้ลองปิด Extension หรือ Plugin บางตัวชั่วคราว ดูว่าตัวไหนมีปัญหา
- ถ้าเล่นวีดีโอไม่ได้ ให้เราทำการ Reset Chrome
3. ให้ทำการ Enable Javascript
4. ตรวจสอบสัญญาณ internet และทำการ reset router (ปิดและเปิดใหม่ ตัวส่งสัญญาณ intenet)
5. ให้ทำการเคลียร์ cache และ cookies (แนะนำว่าให้ลองทำวิธีอื่นก่อนครับ วิธีนี้ไม่เหมาะสำหรับมือใหม่ครับ)
https://www.youtube.com/watch?v=T3BBBcEZw8w
===========================================
เสกสรร ปั้น Youtube
ครูสอนการทำวีดีโอด้วยตัวเองลง Youtube
เพื่อสร้างแบรนด์หรือโปรโมทสินค้าและบริการ
สอนถ่ายวีดีโอ
http://xn--l3cdl7ac1a7b0al6ab0nxc.com
สอน After Effect
http://www.effectvideo.com
♥♥ SUBSCRIBE ♥♥
http://www.youtube.com/subscription_center?add_user=smileprovideo
♥♥ Let's Connect ♥♥
Facebook - http://www.Facebook.com/sekyoutube
===========================================
javascript plugin 在 Let's Build A Javascript Modal Plugin From Scratch - YouTube 的八卦
... plugins. Just plain JS. In this first video, we'll build ourselves a vanilla Javascript modal plugin. We'll setup default configuration ... ... <看更多>