ข้ามไปยังเนื้อหาหลัก
ProgrammerThailand
เข้าสู่ระบบ
ProgrammerThailand
เข้าสู่ระบบ / สมัครสมาชิก
Search

บทเรียนที่เกี่ยวกับ “html”

พบ 132 บทเรียน

Yii Framework คืออะไร

Yii Framework คือ PHP Framework และ PHP Frameork คือ โปรแกรมที่ถูกเขียนขึ้นโดยใช้ภาษา PHP ที่เขียนขึ้นบนการออกแบบซอร์ฟแวร์ในลักษณะ Model, Vi…

admin 41,498

PHP ตัวแปรในภาษา PHP

ตัวแปรเป็นสัญลักษณ์แทนสิ่งใดสิ่งหนึ่งที่เราต้องการ เพื่อนำไปใช้ประมวลผล เช่น $a=1; โดยเราสามารถกำหนดตัวแปรไว้ล่วงหน้าแล้วเรียกใช้งานได้ตลอดห…

admin 107,132

PHP เริ่มต้นกับภาษา PHP

PHP เป็นภาษาสคริปที่ทำงานบนฝั่งเซอร์ฟเวอร์ (Server side script) โดยสามารถพัฒนาเว็บไซต์ให้ตอบโต้กับผู้ใช้งานได้อย่างลงตัว ที่สำคัญเราสามารถนำ…

admin 15,857

จัดการสิทธิ์การเข้าถึงด้วย Role Base Access Control (RBAC) แบบใช้ฐานข้อมูล

สำหรับ Role Base Access Control หรือ RBAC นั้นเป็นการจัดการสิทธิ์การเข้าถึง Action ต่างๆ คล้ายกันกับการใช้งาน Access Control Filter แต่มีควา…

admin 27,459

แก้ปัญหาการแสดงผลภาษาไทยเพี้ยนใน HighChart

หลายๆ ครั้งในการแสดงผลด้วยกราฟจาก HighChart แล้วเกิดปัญหาการแสดงวรรณยุกต์และสระผิดเพี้ยนไป ทำให้กราฟดูไม่ถูกต้องสวยงาม ในส่วนที่เป็น Label ท…

admin 3,849

PHP รูปแบบการเขียนภาษา PHP

การเปิด Tag และปิด Tag ภาษา PHP เหมือนกันกับทุกภาษาที่ต้องมีการประกาศ Tag เปิด และ Tag ปิด เพื่อให้ Complier ทราบว่าข้อความหลังจากประกาศ Tag…

admin 18,378

UML Designer อีกเครื่องมือคู่กายสำหรับนักพัฒนาซอร์ฟแวร์

การจะสื่อสารทั้งกับลูกค้าและทีมนักพัฒนาซอร์ฟแวร์ และโปรแกรมเมอร์เองก็ตาม เป็นความยากลำบากมากเหมือนกันที่จะคุยเห็นภาพเข้าใจตรงกัน การใช้เครื่…

admin 4,832

PHP Web Development Environment

เมื่อพูดถึงสภาวะแวดล้อมในการพัฒนา Web Application แล้วนั้นก็คงหนีไม่พ้นการติดตั้งโปรแกรมต่างๆ ถ้าในสายของ WAMP MAMP LAMP ก็คงหนีไม่พ้น Apach…

admin 5,472

ปูพื้นฐานภาษา HTML

ภาษาเอชทีเอ็มแอล (HTML) ย่อมาจาก Hyper Text Markup Language ซึ่งเป็นภาษาที่พัฒนามาตั้งแต่ช่วงปลายปี 1986 โดยทีมงานจากห้องปฏิบัติการทางจุลภาค…

admin 6,525

การกำหนดสีพื้นหลังและสีตัวอักษร

การกำหนดสีให้กับพื้นหลังและตัวอักษรนั้นสามารถกำหนดได้ 2 รูปแบบดังนี้ แบบที่ 1 แบบระบุชื่อสี เช่น red, green, blue, yellow เป็นต้น แบบที่ 2 แ…

admin 93,961

โครงสร้างของ HTML

โครงสร้างของ html นั้นจะเปิด Tag ด้วย <html> และปิดด้วย </html> ซึ่งภายในจะประกอบด้วยส่วน head และส่วน body ส่วน Head จะเป็นส่วนที่ไม่แสดงผล…

admin 16,980

รูปแบบของภาษา HTML

ภาษา HTML ประกอบไปด้วย Text หรือข้อความธรรมดา และ Tag หรือคำสั่งที่ใช้ในการกำหนดรูปแบบ Text โดย Tag จะอยู่ในเครื่องหมาย <> This is a <b>bold…

admin 8,108

การแสดงข้อมูลแบบลิสต์รายการ

การแสดงข้อมูลแบบลิสต์รายการใช้ในกรณีที่เราต้องการทำรายการเป็นข้อๆ เรียงลำดับ โดยสามารถกำหนดรายการแบบต่างๆ ได้ดังนี้ การแสดงรายการแบบมีลำดับก…

admin 6,362

การแทรกรูปภาพ

รูปภาพในเว็บเพจจะแยกเก็บไว้ข้างนอกเว็บเพจซึ่งการใช้งานนั้นจะลิ้งค์เข้ามาสู่หน้าเว็บเพจโดยมี Tag เฉพาะทำให้เว็บเพจมีความสวยงามมากยิ่งขึ้น รูป…

admin 7,562

เส้นตรงแนวนอน (Horizontal Rule)

เส้นตรงแนวนอนเป็นเส้นตรง มีไว้เพื่อคั่นระหว่างข้อความ หรือรูปภาพได้ ทำให้เว็บเพจมีความสวยงามมากยิ่งขึ้น รูปแบบการใช้งาน <hr noshade size= “1…

admin 16,105

การเชื่อมโยงหรือลิ้งค์ (Link)

ในเอกสารเว็บเพจนั้นจะขาดไม่ได้เลยก็คือการคลิ๊กไปยังหน้าต่างๆ ซึ่งการคลิ๊กเชื่อมโยงไปยังหน้าเว็บเพจต่างๆ นั้นเราเรียกว่า ลิ้งค์ (Link) หรือเร…

admin 16,468

การกำหนดรูปแบบตัวอักษร

การกำหนดรูปแบบตัวอักษรในเว็บเพจนั้นเป็นการใช้ Tag คู่เป็นส่วนมาก โดยข้อความที่อยุ่ใน Tag นั้นจะเป็นข้อความที่ถูกกำหนดลักษณะ ตาม Tag ต่างๆ โด…

admin 17,414

ตาราง (Table)

การใส่ตารางใน html นั้นสามารถที่จะแทรก Tag และกำหนด Attribute ต่างๆ ได้ดังนี้ <table border= “Border” bgcolor= “TableBg” cellspacing= “CS” c…

admin 10,681

ฟอร์ม (Form)

ฟอร์ม (Form) เป็นรูปแบบของการกรอกข้อมูลเพื่อส่งข้อมูลเข้าไปประมวลผลในฝั่ง Server โดยอาศัยภาษาที่ทำงานในฝั่ง Server เป็นตัวประมวลผลจากฟอร์ม ก…

admin 61,286

Cascading Style Sheet (CSS)

CSS เป็นรูปแบบของการจัดการกับ Tag ใดๆ ของ HTML โดยสามารถกำหนดรูปแบบ หรือ Attribute ให้กับ Tag ต่างๆ ได้อย่างสวยงามและเป็นรูปแบบตามต้องการได้…

admin 5,363

JavaScript คืออะไร?

JavaScript เป็นภาษาสคริปที่ทำงานในฝั่งไคลเอนต์ (Client) ซึ่งแน่นอนมันจะรวมอยู่กับภาษา HTML และโดยทั่วไปแล้วโปรแกรมเรียกดูเว็บ (Web Browser)…

admin 10,187

Extension การสร้างรายงานในรูปแบบไฟล์ PDF ด้วย mPDF

ทำไมต้อง PDF? แน่นอนครับ คงเป็นเรื่องที่ยุ่งยากแน่ๆ เมื่อเราจะสร้างไฟล์ pdf โดยใช้เทคโนโลยีด้าน Web Application นั่นก็หมายความว่าเราจะเอาคำส…

admin 29,099

การใช้ PayPal RESTful กับ Yii Framework 2

Paypal คืออะไร เข้าใจง่ายๆ Paypal คือธนาคารออนไลน์นั่นเองครับ ซึ่ง Paypal ได้สร้าง API ไว้ให้เราได้เขียนโปรแกรมในการเชื่อมต่อ รับชำระเงิน ตั…

admin 11,526

Bootstrap คืออะไร?

Bootstrap คืออะไร? Bootstrap คือ Frontend Framework ที่รวม HTML, CSS และ JS เข้าด้วยกันสำหรับพัฒนา Web ที่รองรับทุก Smart Device หรือ เรียกว…

admin 71,692

ทำงานกับฐานข้อมูล MongoDB ด้วย Meteor

โครงสร้างไฟล์ ใน meteor นั้น mongoDB นั้นเป็นฐานข้อมูลที่มีมาพร้อมในขั้นตอนการติดตั้งเลย ดังนั้นเราสามารถเรียกใช้งานได้ทันที โดยเราจะสร้าง f…

admin 4,270

การปรับ Breadcumb ให้อยู่ในรูปแบบของ Tag ul และ li

โดยส่วนใหญ่แล้ว Theme ที่มีการพัฒนาขึ้นมานั้นในส่วนของ Breadcumb นั้นจะมีการแสดงผลในแบบ Tag ul และ li โดยปกติแล้วถ้าไม่มีการกำหนดจะแสดงเป็น…

admin 4,248

การลงทะเบียน (Register) ไฟล์และสคริป CSS JavaScript (Client Script) ใน Web Application ด้วย Yii Framework 2

ในการพัฒนา Web Application นั้น คงหนีไม่พ้นการนำ CSS และ JavaScript หรือเรียกว่าเป็น Client Script หรือสคริปที่ทำงานฝั่งไคลเอนต์ มาใช้งาน ซึ…

admin 12,125

เรียนรู้ระบบ Grid ใน Bootstrap 3

ระบบ Grid ใน Bootstrap 3 การทำงานของระบบ Grid ใน Bootstrap 3 นั้นแสดงได้จากตารางต่อไปนี้ ขนาดเล็กพิเศษ (โทรศัพท์: xs) (<768px) ขนาดเล็ก (แทป…

admin 10,428

การทำ AJAX Validation ใน Yii Framework 2

AJAX Validation เป็นการตรวจสอบข้อมูลโดยการใช้เทคนิค AJAX ตามเหตุการณ์ต่างๆ เช่น เมื่อค่าเปลี่ยน (onChange) หรือเมื่อส่งข้อมูล (onSubmit) ให้…

admin 11,758

การตรวจสอบเว็บตามมาตรฐาน HTML

เราสามารถตรวจสอบเว็บไซต์ว่าเป็นไปตามมาตรฐาน HTML หรือไม่ โดยเข้าเว็บไซต์ https://validator.w3.org จากนั้นกรอก URL ของเว็บไซต์ที่ต้องการตรวจส…

admin 5,164

Extension การติดตั้งและใช้งาน CKEditor สำหรับ Yii Framework 2

CKEditor เป็น Editor ที่มีความสวยงามที่รองรับหลากหลาย Feature และสามารถกำหนดการแสดงผลได้หลากหลายรูปแบบ ในบทเรียนรู้นี้เรามาเรียนรู้การติดตั้…

admin 10,048

แปลงวันที่ ค.ศ. เป็น พ.ศ. อัตโนมัติ โดยการ Custom ActiveRecord Model ใน Yii Framework 2

ปัญหาของวันที่นั้นค่อนข้างสำคัญ ในประเทศไทย ส่วนใหญ่ใช้รูปแบบ พุทธศักราช เช่น 30/04/2559 แต่เมื่อบันทึกในฐานข้อมูลจะกลายเป็นคนละเรื่อง หากบั…

admin 21,018

การติดต่อฐานข้อมูล MySQL, Microsoft SQL, PosgreSQL, MongoDB และ Oracle ด้วย PHP Data Object (PDO)

ในบทเรียนรู้นี้มาทำความเข้าใจการติดต่อฐานข้อมูลด้วย PHP Data Object หรือ PDO โดยที่ PDO นั้นสามารถติดต่อฐานข้อมูลได้หลากหลายฐานข้อมูล เช่น M…

admin 45,832

การติดตั้งและใช้งาน Multiple Input สำหรับ Yii Framework 2

Multiple Input เป็นการเพิ่ม Input ในลักษณะ เรียกใช้งาน JavaScript เพื่อเพิ่มช่องสำหรับกรอกข้อมูล เหมาะสำหรับการบันทึกข้อมูลในลักษณะ Master D…

admin 18,195

การสร้าง LINE Bot แบบใช้ cURL ใน Yii Framework 2

สวัสดีครับก็เป็นกระแสมาสักระยะแล้วสำหรับ LINE Bot ซึ่งตอนนี้เปิดให้ใช้งานแบบ Trial โดยยังเป็น Beta Version อยู่ ดังนั้นในบทเรียนรู้นี้มาลองท…

admin 27,921

การใช้งาน jQuery UI Autocomplete ใน Yii Framework 2

ในบทเรียนรู้นี้เราจะมาเรียนรู้การใช้งาน Autocomplete ซึ่งเป็นการค้นหาข้อมูลใน TextInput ด้วยการพิมพ์ตัวอัษรแล้วระบบจะกรองข้อมูลมาให้ เช่น พิ…

admin 13,595

การ Upload และ อ่านไฟล์ Excel ด้วย PHPExcel ใน Yii Framework 2

ตัวอย่างไฟล์ Excel ที่เราจะทำการเขียนโปรแกรมเพื่ออ่าน การ upload และอ่านไฟล์ MS Excel เพื่อนำไปใช้ในระบบ เช่นบันทึกลงฐานข้อมูล หรือนำไปแสดงผ…

admin 21,822

การใช้งาน DepDrop (Dependent Dropdownlist) สำหรับเลือก ภาค จังหวัด อำเภอ และตำบล

ในบทเรียนรู้นี้มาทำความรู้จักและใช้งาน Dropdownlist แบบ Dependent โดย dependent dropdownlist เป็น dropdownlist ที่มีความเชื่อมโยงกัน ตัวอย่า…

admin 15,277

Pseudo Class

เป็นการกำหนดรูปแบบ css แบบหลายชั้น ตัวอย่างเช่น การกำหนด css ให้กับ tag a เป็นการกำหนดรูปแบบให้กับการเชื่อมโยงหรือลิ้งค์ 1. A:LINK การเชื่อม…

admin 3,978

แสดง HTML ใน Page แบบสวยๆ กับ Flutter

ปัญหาหนึ่งที่เจอ เนื่องจากใน API ฝั่ง Server เราไม่ได้เขียนให้ตัด HTML ทำให้การแสดงผลใน Page นั้นมีคำสั่ง HTML โผล่มา นั่นคงไม่ดีแน่ ดังนั้น…

admin 4,469

การใช้งาน SelectionColumn ใน GridView สำหรับ Yii Framework 2

SelectionColumn เป็นเครื่องมือที่มีความสะดวกในการเลือกข้อมูลเพื่อทำบางอย่าง เช่น การเลือกเพื่อลบข้อมูล หรือ เลือกเพื่อส่งข้อมูลไปบันทึกในลัก…

admin 10,574

Vue.js: Data Binding

สำหรับ data binding นั้นมีหลายแบบมาทดลองเขียน binding สำหรับ html element ดังตัวอย่างต่อไปนี้ กำหนดผ่าน v-bind:html element เช่น <input type…

admin 4,868

การแสดงผลโค๊ดโปรแกรม (Code)

บรรทัดเดียวกัน (Inline) ตัวอย่างโค๊ดในบรรทัดจะแสดงโดยใช้ Tag <code> ตัวอย่างคำสั่ง Tag <html> ในบรรทัดเดียวกัน ตัวอย่างคำสั่ง Tag <code>&lt;…

admin 9,767

การนำ Bootstrap ไปใช้ใน Webpage

สำหรับการนำ Bootstrap ไปใช้ใน Webpage นั้นสามารถทำได้หลายช่องทาง โดยใช้เครื่องมือต่างๆ หรือจะดาวน์โหลดมาใช้งานโดยตรงก็ได้ โดยมาดูรายละเอียดต…

admin 17,093

Vue.js: Components

Components ใน Vue เป็นการกำหนดชิ้นส่วนการแสดงผลใน vue application ซึ่งเราสามารถแบ่งการทำงานให้เป็นอิสระต่อกันได้ index.html <html> <head> <l…

admin 4,211

เริ่มต้นกับ mPDF

mPDF คืออะไร mPDF เป็น PHP Package Class สำหรับการสร้างไฟล์ PDF จาก HTML ซึ่งตอบสนองการจัดรูปแบบต่างๆ ผ่าน Web Application ได้ สำหรับ PHP De…

admin 14,220

มาฝัง font สวยๆ ลงใน web page กันเถอะ

ในบทเรียนรู้นี้เรามาเรียนรู้การฝัง font ลงใน web page โดยเป็น font หรือ แบบอักษร ที่ไม่มีทั่วไป ให้สามารถแสดงผลกับทุก browser ในทุกๆ เครื่อง…

admin 40,198

สร้าง PDF ภาษาไทยไฟล์แรกด้วย mPDF

ในบทเรียนรู้นี้เรามาทดลองการสร้างไฟล์ PDF เพื่อทดลองใช้งานภาษาไทย ในที่นี้จะใช้ข้อความจาก http://lorem.in.th/ ซึ่งเป็น Website ไว้สร้างข้อคว…

admin 30,512

การใส่รูปภาพใน mPDF

สำหรับการใส่รูปภาพใน mPDF นั้นสามารถทำได้ง่ายดายมาก เพียงใส่ tag html ในการแสดงรูปคือ <img> พร้อมระบุ path ไปยังรูปภาพให้ถูกต้อง ก่อนอื่นต้อ…

admin 10,336

สถาปัตยกรรมใน Angular Apps

สถาปัตยกรรมของ Web Application ในยุคใหม่นี้ประกอบไปด้วย 2 ส่วนใหญ่ๆ ด้วยกันนั้นคือ Front-end และ Back-end Front-end ทำงานที่ฝั่ง Client ผ่าน…

admin 8,127

สร้างไฟล์ MS Word จาก Word Template สำหรับงานเอกสารราชการ

เอาล่ะครับ หลังจากที่ประสบปัญหากับการใช้งาน HTML to PDF ด้วย mPDF เนื่องจากไฟล์ PDF ไม่สามารถจัดรูปแบบได้อย่างคล่องตัวมากนัก เช่นคำตก จัดรูป…

admin 29,113

Vue.js: Data และ Methods

ในบทเรียนรู้นี้เรามาเรียนรู้ data หรือ ข้อมูล และ methods หรือ กระบวนการ โดยมี code ดังต่อไปนี้ data จะอยู่ภายใน tag data:{} เช่น data: { te…

admin 6,003

แทรกตารางในเอกสาร MS Word จาก MS Word Template

หลังจากที่เรียนรู้การแทรกรูปภาพแล้วในบทเรียนรู้นี้มาแทรกตารางเข้าไปในเอกสาร MS Word จาก MS Word Template กันครับ เริ่มจากการตั้งค่าไฟล์ MS W…

admin 7,094

Simple URL Slug ด้วย Yii Framework 2

หลายๆ เว็บไซต์ จะเห็น URL ที่มีข้อความ เช่น www.example.com/post/view/1/ทดสอบ เป็นต้น ซึ่งเราจะเห็นว่ามีคำว่า ทดสอบ อยู่ใน URL ด้วย ส่วนใหญ่…

admin 7,595

บีบอัด JavaScript และ Cascade Style Sheet ใน Yii Framework 2

สำหรับบทเรียนรู้นี้เรามาทำการรวมไฟล์ JavaScript และ ไฟล์ CSS เพื่อบีบอัดให้มีขนาดเล็กลง ซึ่งแน่นอนจะทำให้การโหลดเว็บไซต์ได้ไวมากยิ่งขึ้น โดย…

admin 4,244

Vue.js: สวัสดีชาวโลก!

สำหรับบทเรียนรู้นี้มาสวัสดีชาวโลกหรือ Hello World กับ Vue.js กันนะครับ ในที่นี้จะใช้การเรียก Vue.js ผ่าน Browser โดยไม่ได้ติดตั้งผ่าน cli เพ…

admin 6,036

Vue.js: v-model

v-model เป็นการ 2 way binding คือเมื่อเปลี่ยนแปลงค่าฝั่ง html ฝั่ง program data ก็เปลี่ยนตาม เช่นกันเมื่อเปลี่ยนฝั่ง program data ฝั่ง html…

admin 8,133

Vue.js: Event modifiers

สำหรับ event modifiers นั้นเป็นการกำหนดรายละเอียดให้กับ event เช่น คลิกได้แค่ครั้งเดียว โดยใช้ .once เป็นต้น โดยสามารถกำหนดค่าต่างๆ ได้ดังต่…

admin 3,971

Vue.js: Events

events เป็นเหตุการณ์เมื่อผู้ใช้งานทำบางอย่างกับ web application เช่น click เป็นต้น แล้วเราจะให้เกิดอะไรขึ้น เราก็สามารถกำหนด หรือดักจับ even…

admin 3,777

การทำ Transaction ใน Yii Framework 2

ทำไมต้องทำ Transaction? เรื่องของ Transaction นั้นเป็นเรื่องที่มีมาค่อนข้างนานพอสมควร ข้อดีของการทำ Transaction คือ ในกรณีที่มีการทำงานกับคำ…

admin 11,208

กำหนดให้รูปภาพย่อ-ขยายอัตโนมัติตามขนาดหน้าจอด้วย CSS

สำหรับบทเรียนรู้นี้เป็นการกำหนดให้รูปภาพย่อขยายอัตโนมัติตามขนาดหน้าจอที่เปิด โดยกำหนดดังนี้ <div class="page-content"> <img src="path/to/ima…

admin 30,612

สร้าง theme bulma ใน Yii Framework 2

Bulma เป็น CSS Framework อีกตัวหนึ่งที่มีความนิยมไม่แพ้ Bootstrap ซึ่งเราสามารถนำมาใส่ใน Yii Framework 2 เราได้เหมือนกัน ติดตั้ง Bulma ก่อนอ…

admin 6,010

Upload file เข้าสู่ Amazon Web Service (AWS) S3 Storage ด้วย Yii Framework 2

สำหรับ Amazon Web Service นั้นมีบริการ S3 Storage ที่ออกข่าวว่ามีค่ายโทรศัพท์ค่ายหนึ่งทำการ public จนมีการคัดลอกสำเนาบัตรประชาชนออกไปได้นั่น…

admin 6,279

Role Base Access Control (RBAC) แบบ PhpManager

สำหรับบทเรียนรู้นี้เรามาสร้าง RBAC หรือ Role Base Access Control ที่มีการบันทึกลงไฟล์ PHP แทนการเก็บไว้ใน Database RBAC มาแก้ปัญหา 1 คน 1 สิ…

admin 6,766

การใส่ CSS แบบ Import File

ไฟล์ที่เป็น CSS นั้น จะมีนามสกุล หรือ Extension เป็น .css ซึ่งโดยทั่วไปแล้วจะสร้างไฟล์ CSS แยกอิสระจากไฟล์ html เพื่อให้มีการจัดการได้ง่ายมา…

admin 8,143

Vue.js: การจัดการเมื่อผู้ใช้คลิกปุ่ม

เมื่อผู้ใช้ทำบางอย่างเช่นการคลิกปุ่ม เราสามารถเขียนโปรแกรมให้ทำงานบางอย่างได้ผ่าน method โดยเมื่อเกิด action เช่น click ให้เรียก method ที่ต…

admin 6,117

การทำเว็บไซต์ให้เป็นสีเทาด้วย CSS

สวัสดีครับ สำหรับบทเรียนรู้นี้เรามาพูดถึงการปรับแต่งหน้าเว็บไซต์ให้แสดงผลสีเทา โดยการใช้ CSS ซึ่งสามารถทำได้โดยใช้คำสั่งต่อไปนี้ <style> htm…

admin 11,862

สร้าง Link สำหรับออกจากระบบโดยไม่ใช้ Form ใน Yii Framework 2

โดยปกติเวลาที่เราออกจากระบบใน Yii Framework 2 นั้นจะต้องส่งข้อมูลไปแบบ POST โดยอาศัยฟอร์มในการส่งข้อมูล เช่นใน Nav $menuItems[] = '<li>' . H…

admin 7,484

การใช้งาน Link

อีกส่วนที่สำคัญนั่นก็คือการทำ Link โดยใน Application ค่อนข้างมีการใช้งานบ่อยซึ่ง Link นั้นก็มี Helper ที่ทำงานเฉพาะ นั่นก็คือ CHtml::link()…

admin 8,006

Fold method ในภาษา Dart

fold เป็น function ที่ไม่มีชื่อ fold(ค่าเริ่มต้น, (parameter) => function body); void main() { final s = [ 1, 2, 3, 4 ]; print(sum(s)); } in…

admin 3,354

Vue.js: เงื่อนไข (Conditionals)

สำหรับเงื่อนไขในการเขียนโปรแกรมใน Vue จะใช้คำสั่งที่เรียกว่า v-if นั่นเอง โดยมีตัวอย่างของการเขียนดังต่อไปนี้ index.html <html> <head> <link…

admin 6,759

สร้าง API Provider สำหรับการเรียกใช้งาน API ใน Flutter

สำหรับบทเรียนรู้นี้เป็นการสร้าง API Provider สำหรับการเรียก API เพื่อนำข้อมูลมาแสดงที่ List View สำหรับตัวอย่างการใช้งาน แต่ก่อนอื่นให้ทำการ…

admin 13,256

ส่ง LINE Notify รับการแจ้งเตือนแบบตัวต่อตัว

เราสามารถสร้างการแจ้งเตือนจากเว็บไซต์เราเข้า LINE ของลูกค้าได้ผ่าน LINE Notify แบบ 1-1-Chat หลักการทำงาน ขั้นแรก ลูกค้าร้องข้อเชื่อมต่อกับ S…

admin 40,980

สร้าง GO API ด้วย Echo Framework

ในบทเรียนรู้นี้เรามาสร้าง API อย่างง่ายเพื่อการเรียนรู้ภาษา GO ที่เขาว่าเร็ว แรง ทะลุนรกกัน เริ่มจากการติดตั้ง Echo Framework เลยแล้วกันครับ…

admin 11,686

ติดตั้ง Yii Framework ที่ Server ต้องตั้งค่าอะไรบ้าง

เอาล่ะครับก็มีคำถามมานะครับว่าเราจะเอาระบบที่เขียน(เสร็จแล้ว) ไปติดตั้งที่ Server ต้องทำอย่างไร ในที่นี้ผมจะแนะนำการติดตั้งที่ Server ที่ใช้…

admin 7,074

การสร้างตาราง (Table) แบบต่างๆ

ตารางพื้นฐาน สำหรับการสร้างตารางแบบพื้นฐานโดยใช้ Bootstrap จะมีเพียงเส้นบรรทัดกั้นแต่ละแถวเท่านั้นโดยเพียงเรียกใช้งาน .table คำอธิบายตาราง #…

admin 31,497

NOSTRA MAP API แผนที่ประเทศไทย ใช้งานง่าย พัฒนาโดยคนไทย

Nostra map ถือเป็นผลิตภัณฑ์หนึ่งที่หลายคนน่าจะเคยได้ยินกันมาบ้าง พัฒนาโดยบริษัท โกลบเทค จำกัด ซึ่งเป็นผู้นำด้านแผนที่ดิจิตอลประเทศไทยและภูมิ…

admin 12,031

บีบอัดข้อมูลเว็บไซต์ให้เล็กลงด้วย Apache Mode Deflate

สำหรับบทเรียนรู้นี้เป็นการใช้งาน Apache Modules ในการบีบอัดเว็บไซต์ ให้เล็กลงก่อนส่งให้ Client (อาจไม่เกี่ยวกับ Yii2 นะครับ แต่ก็ใช้กับ Yii2…

admin 5,252

รวม Package ที่ควรมีติด Atom สำหรับ Web Developer

รวม Atom Package ที่ควรมีติดไว้ใช้งาน Emmet Emmet ช่วยให้สามารถเขียน HTML และ CSS ได้รวดเร็วมากยิ่งขึ้น สามารถดู Cheat Sheet เพิ่มเติมได้ ht…

admin 26,491

การเพิ่มหน้าใหม่ A4 แบบแนวนอนใน mPDF

สำหรับการเพิ่มหน้าใหม่ใน mPDF นั้นสามารถทำได้โดยเรียกใช้ method AddPage() ซึ่งในที่นี้จะกำหนดให้หน้าใหม่เป็นแบบแนวนอน (Landscape) โดยมีการเข…

admin 10,446

ตัวอักษรพิเศษ

ตัวอักษรพิเศษเป็นอักษรที่อยู่ในรูปแบบของโค๊ดเครื่องหมาย ตัวอย่างเช่น ตัวอย่าง ex10.html <html> <head> <title>Special Charecter</title> </hea…

admin 12,653

การสร้าง Drop Down List สำหรับการเก็บข้อมูลแบบ ENUM

ชนิดข้อมูลแบบ ENUM เป็นการเก็บข้อมูลลักษณะที่กำหนดค่าของข้อมูลไว้ล่วงหน้า อย่างเช่น รายชื่อจังหวัด ชนิดของผู้ใช้งาน เป็นต้น โดยมีการกำหนดลัก…

admin 7,406

การใช้งานรูปภาพ

บ่อยครั้งใน Application เราได้มีการใช้งานรูปภาพดังนั้นเราควรที่จะมาเรียนรู้ในเรื่องของการใช้งานรูปภาพกันนะครับ ซึ่งรูปภาพนั้นเป็นส่วนหนึ่งขอ…

admin 8,937

หัวเรื่อง (Heading)

การกำหนดหัวเรื่องนั้น เป็นการกำหนดขนาดตัวอักษรที่จะแสดงในหน้าเว็บเพจ โดยเป็นการใส่ตัวเลขในแต่ละหัวเรื่อง โดยมีรูปแบบของการใช้งานดังนี้ <Hn>……

admin 9,523

Angular คืออะไร

Angular คือ เฟรมเวร์ค (framework) สำหรับสร้างแอพลิเคชั่นในฝั่งไคลเอ็นในรูปแบบของ HTML, CSS และ JavaScript/TypeScript ซึ่ง TpyeScript จะถูก c…

admin 39,187

กฎการใช้ HTML

• Tag ต้องอยู่ในเครื่องหมาย < > เท่านั้น • Tag พิมพ์ด้วยอักษรตัวเล็กตัวใหญ่ก็ให้ความหมายเดียวกัน เช่น <body> กับ <BODY> • Tag ส่วนใหญ่จะมี T…

admin 8,582

สร้างลิ้งค์เพื่อเปลี่ยนภาษาสำหรับเว็บไซต์หลายภาษา

ในบทเรียนรู้นี้เราจะมาสร้างลิ้งค์สำหรับเปลี่ยนภาษาในระบบ โดยทำงานร่วมกับ Package localeurls ซึ่งก่อนอื่นก็ติดตั้ง Package นี้เสียก่อนโดยพิมพ…

admin 3,470

Editor และ Integrated Development Environment (IDE) สำหรับนักพัฒนา (Developer)

Web Developer EditPlus EditPlus เป็น Editor ที่ได้รับความนิยมมายาวนาน ซึ่งเป็น Editor ตัวเล็กๆ โหลดได้ไวรองรับการทำงานได้หลายภาษาเช่น HTML,…

admin 9,633

Vue.js: Component ที่มี props

อีกคุณสมบัติหนึ่งของ vue เราสามารถกำหนด props ใน component ได้ ดังตัวอย่างต่อไปนี้ index.html <html> <head> <link rel="stylesheet" href="ind…

admin 10,566

การทำ CRUD ด้วย AJAX สำหรับ Yii2 GridView

สวัสดีครับในตอนนี้เป็นตอนสำหรับการทำ CRUD แบบ AJAX นั้นสามารถทำได้หลายวิธี ในขั้นตอนนี้เป็นแนวทางหนึ่งในการทำเท่านั้นเอง ไปดูว่ามีขั้นตอนอย่…

admin 21,481

ใส่ ... เมื่อข้อความยาวด้วย CSS

ตัวอย่างนี้เป็นการกำหนดให้ข้อความตัดอัตโนมัติเมื่อยาวเกินกว่าขอบเขตการแสดงผล โดยใช้ css ในการตัดด้วยคำสั่ง overflow โดยมีการกำหนดดังนี้ <div…

admin 4,521

ปุ่มแบบต่างๆ (Button)

ปุ่มหรือ Button ใน Bootstrap นั้นมีหลายสีสันให้เลือก ซึ่งเราสามารถกำหนด class ให้กับ element ต่างๆ ได้เช่น <a>, <button> และ <input> LinkBut…

admin 23,589

การทำเว็บหลายภาษา Internationalization (I18N) ด้วย Yii Framework 2

หลักการทำงาน Internationalization (I18N) เป็นการออกแบบอย่างหนึ่งในกระบวนการของซอร์ฟแวร์นั่นคือการประยุกต์การใช้งานภาษาต่างในแต่ละภูมิภาค โดย…

admin 16,665

Vue.js: วนลูปด้วย For

ในการวนลูปด้วย Vue นั้นเราสามารถใช้ v-for ในการวนลูปได้ดังตัวอย่างต่อไปนี้ index.html <html> <head> <link rel="stylesheet" href="index.css">…

admin 5,953

PHP บทนำ

ภาษาพีเอชพี (PHP) ย่อมาจาก Hypertext Processor เป็นภาษาที่ทำงานในฝั่ง Server โดยเราสามารถใช้โปรแกรม Text Editor ทั่วไปในการสร้างไฟล์ เช่น No…

admin 9,589

เพิ่ม Font THSarabunNew ใน mPDF version 7

ในบทเรียนรู้นี้เรามาเพิ่ม font ใน mPDF version 7 กัน ซึ่งมีการตั้งค่าที่สะดวกกว่าเดิมมาก ดังนี้ โดยสร้าง folder fonts แล้วนำ font THSarabunN…

admin 14,488

การติดตั้ง Yii Booster Extension

Bootstrap เป็น CSS Framework ที่พัฒนาโดย Twitter จากนั้นมีผู้นำมาพัฒนาต่อเป็น Extension ให้สามารถใช้ได้กับ Yii Framework โดยรวบรวมทำเป็น Wid…

admin 6,583

Class และ ID

การใช้งานแบบ Inline และ การใส่ CSS ที่ <head> นั้นทำให้รูปแบบของ html tag ถูกกำหนดค่าใหม่ ในการเรียกใช้ทุกๆ ครั้งก็จะเป็นค่าใหม่ เช่น เมื่อเ…

admin 8,964

ใช้งานฟอนท์ THSarabun ใน html2pdf

เนื่องจาก html2pdf ใช้ library จาก TCPDF มาเพิ่มเติมคำสั่งด้าน html css ให้สมบูรณ์ยิ่งขึ้น และการใช้งาน html2pdf จะต้อง import TCPDF ด้วย เร…

fucyber 5,907

โฆษณาช่วยจ่ายค่าเซิร์ฟเวอร์ ทำให้บทเรียน ถาม-ตอบ และชุมชนนี้เปิดให้ทุกคนใช้ฟรี เราไม่ส่งชื่อ อีเมล หรือสิ่งที่คุณโพสต์ให้ผู้โฆษณา และเปลี่ยนใจได้ทุกเมื่อที่ "ตั้งค่าคุกกี้" ท้ายเว็บ อ่านเพิ่มเติม

ตั้งค่าเอง