บทเรียน - เขียนโปรแกรม เบื้องต้น

ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน

     การใส่ code แปลงอุณภูมิลงใน WebSite เว็บไซต์ เป็นเทคนิคเล็กๆน้อยๆ ที่ผู้ใช้งานบางคนไม่ทราบว่าสามารถทำได้ โดยผู้ใช้งานนั้นสามารถใส่ทำได้โดยง่าย สามารถนำ Code ไปใส่ได้ทั้ง PHP และ Html ทำให้ผู้ใช้งานสามารถนำไปแสดงผลบน Webbrowser (เว็บเบราว์เซอร์) ได้อย่างง่ายด้าย

 

ตัวอย่างโค้ดแปลงฟาเรนไฮต์เป็นเซลเซียส

 

<html>
<title>แปลงอุณหภูมิจากฟาเรนไฮต์เป็นเซลเซียส</title>
<body>

<h2>แปลงอุณหภูมิจากฟาเรนไฮต์เป็นเซลเซียส</h2>

<p>
  <label>ฟาเรนไฮต์</label>
  <input id="Fahrenheit" type="number" placeholder="ฟาเรนไฮต์" oninput="temperatureConverter(this.value)" onchange="temperatureConverter(this.value)">
</p>
<p>Celcius: <span id="Celcius"></span></p>

<script>
function temperatureConverter(num) {
  num = parseFloat(num);
  document.getElementById("Celcius").innerHTML=(num-32)/1.8;
}
</script>

</body>
</html>

 

ผลลัพธ์

 

 

ผลลัพธ์
ผลลัพธ์

 

อ้างอิง : w3schools 

 

ข่าวสารเพิ่มเติมเกี่ยวกับ HTML

ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน

บทที่1 โครงสร้างภาษา HTML อย่างง่าย
   {--mlinkarticle=2026--}HTML {--mlinkarticle--} คือภาษาประเภท Markup สำหรับการการสร้างเว็บเพจ

ตัวอย่างการเขียนโค๊ด HTML
<html>
<body>

<h1>ละครไทย</h1>

<p>เรยา</p>

</body>
</html>
ผลลัพธ์ที่ได้คือ

จากตัวอย่างจะเห็นว่า
-การเขียนโค๊ด HTML เริ่มต้นด้วย <html> และต้องจบ </html>
-มีส่วนแสดงเนื้อหาของเพจ คือ body โดยการเขียน body จะเริ่มต้นด้วย <body> และต้องจบด้วย </body>
-ภายในตัว body (ส่วนเนื้อหา) ก็จะประกอบด้วยส่วนย่อยอื่นอีก เช่นในตัวอย่าง body ประกอบด้วย
   1. head  ซึ่งเป็นส่วนหัวเรื่อง (ในตัวอย่างนี้คือ  ละครไทย) การเขียนโค๊ด เริ่มต้นด้วย <h1> และต้องจบ </h1>
   2. page  ซึ่งเป็นส่วนเนื่อเรื่อง (ในตัวอย่างนี้คือ เรยา) การเขียนโค๊ด เริ่มต้นด้วย <p> และต้องจบ </p>
**จะสังเกตเห็นว่าการเขียนโค๊ด HTML นั้น ขึ้นต้นด้วยอะไรก็ต้องจลด้วยสิ่งนั้น



ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน

บทที่2 วิธีการเขียนภาษา HTML
 โปรแกรมที่ใช้เขียนคือ Notepad หรือ TextEdit
   นอกจากนี้ยังมีโปรแกรมตัวอื่นซึ่งทำให้เราสามารถสร้างเว็บเพจ จากภาษา HTML โดยไม่ต้องมานั่งเขียนโค๊ด HTML เอง เช่น
    -Adobe Dreamweaver
    -Microsoft Expression Web
    -CoffeeCup HTML Editor
วิธีการเขียนภาษา HTML
1.เปิดโปรแกรม Notepad หรือ TextEdit
 Start>   All Programs>   Accessories>    Notepad
2.พิมพ์โค๊ด HTML โดยยึดรูปแบบโครงสร้างตาม บทที่1 ({--mlinkarticle=2443--}บทที่1 โครงสร้างภาษา HTML อย่างง่าย{--mlinkarticle--})

3. บันทึกโค๊ด HTML 
 File> Save As>
โดยบันทึกเป็นนามสกุล .html
4.รัน โค๊ด HTML
โดย คลิกขวาที่ไฟล์ เลือก open with  จากนั้น ให้คลิกเลือก Browser ที่เราต้องการรันไฟล์
เมื่อรันแล้วจะได้ผลลัพธ์ดังรูป


ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน

บทที่3 ตัวอย่างการเขียนภาษา HTML
การทำข้อความเป็นลิงค์ โค้ดสำหรับ สร้างลิงค์ และข้อความ

<!DOCTYPE html>
<html>
<body>

<h1>หัวข้อใหญ่</h1>
<h1>หัวข้อย่อย1</h1>
<h2>หัวข้อย่อย2</h2>
<h3>หัวข้อย่อย3</h3> 

<p>ส่วนเนื้อหา</p>
<p>เนื้อหาส่วนย่อย</p> 

<a href="http://www.mindphp.com/">ลิงค์</a> 

<img src="/w3schools.jpg" width="104" height="142"> 


</body>
</html>


เมื่อรันโค๊ดแล้วจะได้ผลลัพธ์ดังรูป

ส่วนที่ 1  ส่วนหัวเรื่อง
<h1> ชื่อเรื่อง ,ข้อข้อหลัก-ย่อย </h1>​

ส่วนที่ 2  ส่วนเนื้อหา

<p> เนื้อหาที่ต้องการ</p>
ส่วนที่ 3 สำหรับใส่ลิงค์

<a href="/ที่อยู่ลิงค์ เช่น www.mindphp.com">ข้อความที่สื่อถึงลิงค์ เช่น เข้าสู่เว็บไซต์ คลิกที่นี่ </a> ​
ส่วนที่4 สำหรับใส่รูปภาพ
<img src="/ชื่อภาพ เช่น cartoon.jpg" width="104" height="142"> ​

ในตัวอย่างนี้ ใส่ทั้งชื่อภาพ และขนาดของภาพด้วย นั้นคือกว้าง=104 สูง=142 มม.

**จะสังเกตว่าข้อความที่พิเศษ เป็นลักษณะเฉพาะ จะเขียนโค๊ดแบบ name="value" (name คือ คุณสมบัติที่ต้องการให้แสดง , value คือ ค่า เช่น ขนาดใหญ่-เล็ก ) เช่น width="104" หมายถึง ขนาดกว้าง 104 มม. เป้นต้น


ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน

บทที่ 4 ส่วนประกอบสำคัญของภาษา HTML
   ภาษา HTML มีโครงสร้างการเขียน ที่อาศัยตัวกำกับ เรียกว่า แท็ก (Tag) ควบคุมการแสดงผลของข้อความ, รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรม บราวเซอร์ (Browser)

Tag
Tag เป็นลักษณะเฉพาะของภาษา HTML ใช้ในการระบุรูปแบบคำสั่ง หรือการลงรหัสคำสั่ง HTML ภายในเครื่องหมาย less-than bracket ( < )
และ greater-than bracket ( > ) โดยที่ Tag HTML แบ่งได้ 2 ลักษณะ คือ
   -Tag เดี่ยว
    เป็น Tag ที่ไม่ต้องมีการปิดรหัส เช่น <P>, <HR> เป็นต้น
   -Tag เปิด/ปิด
    เป็น Tag ที่ประกอบด้วย Tag เปิด และ Tag ปิด โดย Tag ปิด จะมีเครื่องหมาย slash (/) นำหน้าคำสั่งใน Tag นั้นๆ เช่น <B>?</B>, <P>?</P> เป็นต้น
ตัวอย่าง Tag

Tag ขึ้นต้น ความหมาย Tag จบ
<p> เนื้อเรื่อง ส่วนบรรยาย </p>
<a href="/default.htm"> ลิงค์ </a>
<html> ขอบเขตเนื้อหาทั้งหมด จะอยู่ในส่วนี้ จะสังเกิดว่า Tag นี้ เป็น Tag แรก และเป็น Tag สุดท้ายเสมอ </html>
<body> ส่วนเนื้อหา ส่วนนี้มักอยู่ถัดจาก Tag <html> </body>


Attributes
      Attribute เป็นส่วนขยายใน tag ใช้สําหรับจัดรูปแบบเพิ่มเติม เช่น ขนาด สี ระยะห่าง เป็นต้น ค่าของ attribute จะอยู่ในเครื่องหมาย "?"  เช่น
align="center">ข้อความในพารากราฟนี้จัดวางอยู่กึ่งกลางหน้าจอ

width="200" color="red" noshade> ใช้สร้างเส้นคั่นยาว 200 pixel สีแดงทึบ
   โดยคำสั่ง HTML แต่ละคำสั่ง จะมี Attribute แตกต่างกันไป และมีจำนวนไม่เท่ากัน การระบุ Attribute มากกว่า 1 Attribute ให้ใช้ช่องว่างเป็นตัวคั่น เช่น Tag ควบคุมเกี่ยวกับรูปภาพ <IMG> มี Attributes ดังนี้
    

<IMG SRC="ชื่อไฟล์.นามสกุล" WIDTH="n" HEIGHT="n" ALT="text" BORDER="n">

   โดย SRC เป็น Attribute ควบคุมชื่อไฟล์ภาพที่จะนำมาแสดงผล

        WIDTH เป็น Attribute ควบคุมความกว้างของภาพ

        HEIGHT เป็น Attribute ควบคุมความสูงของภาพ

        ALT เป็น Attribute ควบคุมคำอธิบายภาพ

        BORDER เป็น Attribute ควบคุมขนาดของเส้นขอบของภาพ

    ไฟล์เอกสาร HTML เป็นไฟล์ข้อความรูปแบบหนึ่ง (Text File) ที่เก็บชุดคำสั่ง HTML ดังนั้นการสร้างเอกสาร HTML จึงสามารถใช้ Text Editor ตัวใดก็ได้ เช่น NotePad หรือ TextEdit

ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน

บทที่ 5 HTML Heading
   Heading (คือการเน้นคำต่าง ๆ เช่นการเน้นหัวเรื่องเพื่อให้เป็นจุดสนใจของผู้ชมเว็บเพจ) ก็เป็นอีกส่วนที่มีความสำคัญกับเอกสาร HTML โดยเราสามารถใช้ Tag แเพื่อทำ heading ได้

1. HTML Heading หรือ ส่วนหัวเรื่อง ตัวอย่างเช่น

<!DOCTYPE html>
<html>
<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

</body>
</html>

ผลลัพธ์ที่ได้คือ

ความสำคัญของ Heading
   เราควรจะใช้ HTML heading เพื่อกำหนดหัวเรื่องเพียงอย่างเดียว อย่าใช้ในการสร้างข้อความหรือเนื้อหาให้เป็นตัวใหญ่หรือตัวหนา เพราะว่า Search engines จะใช้ heading ของเราในการทำดัชนีเนื้อหา ของเว็บเพจของเรา

2. HTML Lines แท็ก <hr /> จะใช้ในการสร้างเส้นแนวนอน horizontal line ตัวอย่างเช่น

<!DOCTYPE html>
<html>
<body>
<p>The hr tag defines a horizontal rule:</p>
<hr><p>This is a paragraph</p>
<hr><p>This is a paragraph</p>
<hr><p>This is a paragraph</p>
</body>
</html>

ผลลัพธ์ที่ได้คือ

3.HTML Comments หรือ ส่วน คอมเมนต์ ตัวอย่างเช่น

<!DOCTYPE html>
<html>
<body>

<!--This comment will not be displayed-->
<p>This is a regular paragraph</p>

</body>
</html>

ผลลัพธ์ที่ได้คือ


ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน

บทที่ 6 HTML Paragraphs

    เอกสาร {--mlinkarticle=2026--}HTML {--mlinkarticle--} จะถูกแบ่งออกเป็นส่วน ๆ ตาม Paragraph ซึ่งเราจะกำหนด paragraph ให้กับเอกสาร HTML ได้โดยใช้ <p> tag ตัวอย่าง เช่น

<html>
<body>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

</body>
</html>

ผลลัพธ์ที่ได้คือ

*** จะสังเกตว่า Browser จะมีการเว้นบรรทัดโดยอัโนมัติ เมื่อเจอ Tag <p> ซึ่งTag <p> นี้จะใช้เมื่อมีการขึ้นต้นย่อหน้า หรือ เริ่ม paragraph ใหม่
และสิ่งสำคัญของการเขียนโค๊ดคือ เราต้องไม่ลืมใส่ Tag ปิด เช่น Tag <p> ก็ต้องปิดด้วย </p> เสมอ เพราะถ้าเราไม่ปิด Tag การแสดงผลบน Browser อาจเกิดการ {--mlinkarticle=2246--}Error {--mlinkarticle--} ได้

   การขึ้นบรรทัดใหม่ของ HTML
เราจะต้องใช้ <br> tag เมื่อเราต้องการเว้นบรรทัดใหม่ โดยที่แท็กนี้จะต้องปิดในตัวมันเองเพราะว่ามันเป็นแท็กว่าง และเราจะใช้กี่ครั้งก็ได้ เช่น

<html>
<body>

<p>This is<br>a para<br>graph with line breaks</p>

</body>
</html>

ผลลัพธ์ที่ได้คือ

***<br> หรือ <br /> นั้นก็ให้ผลเหมือนกันก็ตาม แต่ในอนาคต HTML จะไม่ยอมให้เราใช้ <br> แล้วเพราะมันเป็นข้อกำหนดว่าทุกแท็กจะต้องมีการปิดแท็กด้วย ซึ่งการใช้งานที่เหมาะสมที่สุดและให้รองรับเวอร์ชันในอนาคตเราควรจะใช้ <br /> แทนเลย

ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน

บทที่ 7 HTML Text Formatting
Tag ที่ใช้ในการจัดรูปแบบ

<b> กำหนดข้อความแบบตัวหนา
<big> กำหนดข้อความแบบตัวใหญ่
<del>  กำหนดข้อความที่ถูกลบ
<em> กำหนดข้อความแบบตัวเอียง
<i> กำหนดข้อความแบบตัวเอียง
<ins> กำหนดข้อความที่ถูกแทนที่
<small> กำหนดข้อความแบบตัวเล็ก
<strong> กำหนดข้อความแบบตัวหนา
<sub> กำหนดข้อความแบบตัวห้อย
<sup> กำหนดข้อความแบบตัวยก


Tag การแสดงผลเหมือนคอมพิวเตอร์ใน html

<code> กำหนดข้อความแบบโค้ดคอมพิวเตอร์
<kbd> กำหนดข้อความแบบคีย์บอร์ด
<samp> กำหนดข้อความแบบตัวอย่างโค้ดคอมพิวเตอร์
<tt> กำหนดข้อความแบบโค้ดคอมพิวเตอร์แบบ teletype
<var> กำหนดข้อความแบบตัวแปรในโค้ดคอมพิวเตอร์
<pre> กำหนดข้อความที่ถูกแทนที่


Tag คำนิยาม,การอ้างอิงต่าง ๆ ใน html

<abbr> กำหนดตัวอักษรย่อ
<acronym> กำหนดตัวอักษรย่อ
<address> กำหนดข้อมูลที่ติดต่อสำหรับผู้แต่งหรือเจ้าของบทความ
<bdo> กำหนดทิศทางของข้อความ
<blockquote> กำหนดข้อความอ้างอิงแบบยาว
<q> กำหนดข้อความอ้างอิงแบบสั้น
<cite> กำหนดการอ้างอิง
<dfn> กำหนดคำนิยาม


ตัวอย่าง

<html>
<body>

<p><b>ข้อความตัวหนา </b></p>
<p><big>ข้อความตัวใหญ่</big></p>
<p><i>ข้อความตัวเอียง </i></p>
<p><code>ข้อความตัวคอมพิวเตอร์</code></p>
<p><sub>ตัวห้อย</sub> และ<sup>ตัวยก</sup></p>
<p><b><i>ตัวหนาเอียง</i></b></p>
<p><small>ข้อความตัวเล็ก</small></p>
ภาษา <abbr title="Hyper Text Markup Language">HTML</abbr> ไว้สำหรับสร้างเว็บเพจ.

</body>
</html>

ผลลัพธ์คือ

***Tag <strong> จะแสดงผลเหมือนกับ Tag <b>   และTag <em> จะแสดงผลเหมือน  Tag <i>

ให้เรตสมาชิก: 2 / 5

ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน

บทที่ 8 HTML Links

   HTML Links ก็คือการเชื่อมโยงจากหน้าเว็บเราไปยังที่ต่าง ๆ ซึ่งเรียกว่า Hyperlinks หรือทำการเชื่อมโยง (link) ภายในเอกสารของเราเองหรือเรียกว่า Anchors ซึ่งการสร้างลิงค์ของเอกสาร HTML ทั้งสองแบบนั้นจะสร้างโดยแท็ก <a> เหมือนกัน
การสร้าง links จะสร้างโดยใช้โครงสร้าง  <a href="/url">Link text</a>  ตัวอย่างเช่น

<html>
<body>

<a href="http://www.mindphp.com/">visit mindphp.com</a>

</body>
</html>

ผลัพธ์ที่ได้คือ


Attribute "id"

การใช้ attribute "id" เป็นการกำหนดชื่อให้กับ anchor เมื่อเราต้องการลิงค์ภายในเอกสารนั้น ๆ เช่น

<a id="mindphp.com">หัวข้อ 1</a>
เป็นการกำหนดว่าส่วนเนื้อหานี้มีชื่อว่า "label" ถ้าเราต้องการลิงค์มายังเนื้อหานี้เราจะต้องทำการอ้างอิงชื่อ "label"
<a name="#mindphp.com">ไปที่หัวข้อ 1</a>เมื่อเราคลิกที่ลิงค์ "ไปที่หัวข้อ 1" มันก็จะทำการลิงค์ไปยังเนื้อหา "หัวข้อ 1"


การใช้ attribute "name" เป็นการกำหนดชื่อให้กับ anchor เมื่อเราต้องการลิงค์ภายในเอกสารนั้น ๆ เช่น

<a name="label">Any content</a>

เป็นการกำหนดว่าส่วนเนื้อหานี้มีชื่อว่า "label" ถ้าเราต้องการลิงค์มายังเนื้อหานี้เราจะต้องทำการอ้างอิงชื่อ "label"

<a name="#label">Link to label</a>

เมื่อเราคลิกที่ลิงค์ "Link to label" มันก็จะทำการลิงค์ไปยังเนื้อหา "Any content"

หมวดหมู่รอง

บทเรียน MySQL Store Procedure เป็นเนื้อหาสำหรับสอน Store Procedure ด้วยภาษา SQL สำหรับ MySQL 5.x ศึกษาได้ง่ายๆ แบ่งออกเป็นเรื่องๆ

บทเรียน PostgreSQL Stored Procedures เป็นเนื้อหาสำหรับสอน Store Procedure ด้วยภาษา SQL สำหรับ PostgreSQL แนะนำ ใช้ PostgreSQL เวอร์ชั่น 9.x

บทเรียน Python Framework Flask ในการพัฒนา  Web Application

แนะนำการเขียน Website (เว็บไซต์) ตั้งแต่เริ่มต้นแนะนำทำความรู้จัก โครงสร้างต่างๆ วิธีการคเขียน ตัวอย่างการเขียน ส่วนประกอบที่สำคัญของภาษาโดยใช้ภาษา HTML (เอชทีเอ็มแอล) โดยไม่พึ่งเครื่องมือช่วย ใช้งานได้ทั้ง HTML xHTML สอนพื้นฐาน Tag html ต่างๆ ได้แก่ โครงสร้างภาษา HTML (HyperText Markup Language) วิธีการเขียนภาษา HTML โดยใช้ Notepad หรือ TextEdit ตัวอย่างการเขียนภาษา HTML ส่วนประกอบสำคัญของภาษา HTML

บทเรียน HTML5 (เอชทีเอ็มแอลห้า) ภาษามาร์กอัป ที่ใช้สำหรับเขียน website ที่พัฒนามาจาก HTML ในบทเรียนนี้ก็จะสอนในเรื่อง Tag (แท๊ก) ต่างๆ ของ HTML5 ที่เพิ่มมาจาก HTML4 หรือ xHTML (เอ็กซ์เอชทีเอ็มแอล) ทำความรู้จักตั้งแต่เบื้องต้นก่อนการเริ่มเขียน สามารถเขียนตามได้ มีโค้ดตัวอย่างให้สามารถเขียนตามได้ HTML5 new Elements อิลิเม็นท์ส่วนประกอบใหม่ๆ ใน HTML5 สามารถใช้งานได้ดียิ่งขึ้น HTML5 Canvas แท็กที่ใช้สร้างงานกราฟฟิกเปลี่ยนลูกเล่นการแสดงผลจากเดิม

บทเรียน CSS (ซีเอสเอส) หรือ Cascading Style Sheets ภาษาที่ใช้เป็นส่วนของการจัดรูปแบบการแสดงผลเอกสาร HTML สอนพื้นฐานของ CSS สอนรูปแบบการเขียน Syntax ที่เฉพาะ ใช้สำหรับตกแต่งเอกสาร HTML หรือ XHTML ให้มีหน้าตา สีสัน ตัวอักษร เส้นขอบ พื้นหลังการใส่ลูกเล่นให้หน้าเว็บด้วย CSS ความรู้เบื้องต้นเกี่ยวกับ CSS3 ใช้จัดรูปแบบการแสดงผลให้สวยงามขึ้น

บทเรียน เนื้อหา การเขียนเว็บเพจ ภาษา PHP ประวัติความเป็นมาของภาษา PHP ทำความรู้จักประวัติของ php mysql date datetime การใช้งาน math functions การใช้งาน php ส่งเมล send mail การสอดแทรกคำสั่งภาษา PHP ในเอกสาร HTML การใช้ตัวแปรในภาษา PHP การกำหนดค่าของตัวแปร คำอธิบาย Comment หมายเหตุ คอมเม้น ในภาษา PHP ตัวอย่างการใช้ echo เพื่อแสดงข้อความ การใช้ตัวแปรในภาษา PHP

ReactJS เป็น JavaScript library ตัวหนึ่ง สำหรับสร้าง UI (User interfaces) ที่มีการนำไปใช้ใน Facebook, Instagram

บทเรียน php 5 เนื้อหาสอนเขียน PHP5 แบบ OOP การเขียนโปรแกรมเชิงวัตถุใน PHP5 เรียนรู้การเขียนโปรแกรมภาษา PHP แบบ OOP (Object Oriented Programming) ที่จะช่วยให้สามารถเขียนโปรแกรมภาษา PHP ที่เป็นมาตรฐานสากลมากยิ่งขึ้น การสร้าง Methods สำหรับ Class php5  สร้างคลาส และใช้งานคลาส ใน PHP5 OOP Class Constructors in PHP5 ฟังก์ชั่นที่ถูกเรียกใช้งานโดยอัตโนมัติ

บทเรียนสอนการพัฒนา Web Application โดยการใช้ Joomla Framework การเขียนโปรแกรมตามหลัก MVC การสร้าง Component เรียนรู้ MVC แบบ Joomla การใช้ class ติดต่อฐานข้อมูล ของ Joomla สอน JHTML เพื่อสร้าง HTML แบบไม่ต้องเขียน Tag HTML เรียนรู้การสร้าง addon คอมโพเน้นท์ โมดูล ปลั๊กอิน สร้าง Controller สร้าง View ในส่วนที่ไม่ใช่ Template Joomla Model สร้างโฟลเดอร์สำหรับเก็บไฟล์ Model

สอนการเขียนเว็บ ด้วย Yii Framework ซึ่งเป็น PHP Framework ที่มีสมรรถนะสูง สำหรับการพัฒนา Web Application ตั้งแต่เริ่มจนทำเว็บด้วย Yii Framework ได้ Debug ด้วย Unit test สอนตั้งแต่พื้นฐานทำความรู้จัก Yii Framework  ความสามารถเด่นของ Yii Framework หลักการทำงานของ Yii Framework เริ่มต้นใช้ Yii Framework Testing การทดสอบ โปรแกรม Yii Framework โปรแกรมประยุกต์บนเว็บ

บทเรียน SQL สอนคำสั่ง SQL เพื่อการใช้งานที่หลากหลาย และเพื่อความเร็วในการค้นหาข้อมูลจากฐานข้อมูล ชนิดต่างๆ เช่น Mysql, Oracle, SQL SERVER, PGSQL และ SQL มาตรฐานอื่นๆ การใช้ INNER JOIN ชนิดของข้อมูล (Data type) คำสั่ง SQL การใช้ CASE การใช้สูตรทางคณิตต่างๆ ได้แก่ ABS, Power การแปลงชนิดข้อมูล การใช้ Operator การ SELECT ข้อมูล การ INSERT ข้อมูล

เนื้อหา บทเรียน SQL: http://www.mindphp.com/forums/viewforum.php?f=74

บทเรียน สอนการใช้งาน phpMyadmin สอนการช้งานโปรแกรมใช้ในการจัดการฐานข้อมูล Mysql บน browser ด้วย phpMyadmin ทำความรู้จัก phpMyAdmin การสร้างฐานข้อมูล Create Database การสร้างตาราง Create Table ในฐานข้อมูล การเพิ่มฟิลด์ Field ในตาราง ที่สร้างไว้แล้ว การป้อนข้อมูลของฟิลด์ Field ในตาราง Table การเพิ่ม user มีวิธีการใช้งานที่ง่ายๆ การลบข้อมูลในฟิลด์ Field การลบฟิลด์ Field ในตาราง การลบฐานข้อมูล Database MySQL วิธีการลบตาราง Table การแก้ไขข้อมูลในฟิลด์ Field การเปลี่ยนชื่อฐานข้อมูล นำเข้า Import ส่งออก Export ฐานข้อมูล นำเข้า Import ส่งออก Export ตาราง Table MySQL

บทเรียนสอนการใช้งาน PgAdmin มารู้จักและติดตั้ง PostgreSQL ระบบการจัดการฐานข้อมูลเชิงวัตถุ-สัมพันธ์ แบบ ORDBMS โดยสามารถใช้รูปแบบคำสั่งของภาษา SQL ได้เกือบทั้งหมด การเชื่อมต่อ SERVER รู้จักส่วนประกอบของโปรแกรม PostgreSQL การเชื่อมต่อฐานข้อมูล Connect to Database การสร้างฐานข้อมูล Create Database การสร้างตาราง Create Table การสร้างคอลัมน์ Column และคีย์หลัก Primary Key ให้กับตาราง Table การป้อนข้อมูลในคอลัมน์ Columns การลบข้อมูล Delete การแก้ไขข้อมูลในคอลัมน์ Columns 

บทเรียน Javascript เป็นการสอน เขียนโปรแกรมภาษา Javascript เบื้องต้น สำหรับ เป็นพื้นความรู้ในการพัฒนเว็บ ที่มีลูกเล่น และใช้คู่กับ CSS มีตัวอย่างโค้ดจาวาสคริปให้ ดาวน์โหลดไปทดลอง รันได้ สอนพื้นฐานการเขียนโปรแกรม ภาษา Javascript ทั้งหมด 19 บทเรียนรู้ง่าย ๆ เข้าใจได้เร็ว วิธีการใช้งาน JavaScript คำสั่งต่างๆ ในการเเสดงผลหน้าเว็บไซต์ Javascript statements คำสั่งที่ให้ทำงานตามลำดับ Comments เขียนข้อความบอกรายละเอียดในโค้ดโปรแกรม การประกาศตัวแปร

บทเรียนสอน AJAX ย่อมาจาก Asynchronous JavaScript and XML PHP AJAX เนื้อหา php Javascript XML บทเรียนการใช้งาน Ajax เทคนิคการเขียน สอนแบบเน้นลงมือปฏิบัติจริง การทำงานของ AJAX สร้าง Ajax ด้วย Jquery Example ควรมีความรู้ พวกภาษาที่ทำงาน บน server เช่น php, jsp, asp อย่างใดอย่างหนึ่งด้วย เพื่อเพิ่มประสิทธิภาพ และ ความสามารถของ AJAX ยิ่งขึ้น aj

บทเรียน Jquery สอน Jquery ตั้งแต่พื้นฐาน จนถึงการนำ jquery ไปใช้กับงานจริง ซึ่ง JavaScript Library ตัวหนึ่งที่นิยมมากในปัจจุบันซึ่งถูกออกแบบมาเพื่อให้การเขียน Javascript ทำความรู้จักกับ Jquery การ Selectors ส่วนที่เลือก การ Event Funtions กำหนดเหตุการณ์ต่าง ๆ ที่ผู้ใช้งานมีต่อเว็บไซต์ Effects เอฟเฟคต่างๆของ jQuery การมองส่วนต่างๆของหน้าเว็บ DOM = Document Object Model 

บทเรียนออนไลน์ android ประวัติความเป็นมาของ Android วิวัฒนาการ สอนการพัฒนา App android ตั้งแต่พื้นฐานและนำไปใช้ใน อุปกรณ์พกพา ได้จริงๆ พร้อมทั้งแนะนำ เทคนิคต่างๆ ในการพัฒนา App บน android OS การใช้งาน IDE พื้นฐานภาษา JAVA เครื่องมือในการพัฒนาสำหรับมือใหม่ที่เริ่มพัฒนา แนะนำ Android Studio เพราะไม่ต้องตั้งค่าเพิ่มเติม และง่ายต่อการใช้งาน
สำหรับท่านที่ยังไม่รู้ว่า android คืออะไรลองอ่านบทความนี้ 
พูดคุยการพัฒนาและปัญหาการใช้ Android

บทเรียน Python สอนการเขียน ภาษา Python เบื้องต้น Python สามารถพัฒนา Web Application ได้เหมือนกับ ภาษา PHP ,Perl , JSP และ ASP

บทเรียนออนไลน์ Java สอนกาเขียน  พื้นฐาน เรียนรู้ Java ตั้งแต่เบื้องต้น การเขียนโปรแกรมด้วยภาษา Java สอนตั้งแต่ Basic พื้นฐานจนการเขียนโปรแกรมสามารถนำไปใช้งานได้จริง 

เรียนภาษาอังกฤษกับโปรแกรมเมอร์ ฉบับโปรแกรมเมอร์สอน สอนภาษาอังกฤษที่เกี่ยวข้องกับคอมพิวเตอร์ ภาษาคอมพิวเตอร์เรียกว่าอะไร หมายถึงอะไรเรียนรู้ได้จากที่นี่

บทเรียน สอนการใช้ คอมพิวเตอร์พื้นฐาน สอน การใช้งานตั้งค่า Internet ความรู้ทั่วไป เกี่ยวกับคอมพิวเตอร์

หมวดหลัก วีดีโอสอน เขียนโปรแกรม ด้วยภาษาต่าง PHP, Python, Javascript, Odoo Website, Joomla, phpBB, PostgreSQL, Framework ต่างๆ

วีดีโอสอน เขียน php7 พื้นฐานสำหรับนักพัฒนาเว็บไซต์ ทำความรู้จัก php เครื่องมือที่ใช้พัฒนา โปรแกรม ภาษา PHP แนะนำ เครื่องมือ พัฒนา ทำความรู้จัก ตัวแปลใน php - PHP Variable

วีดีโอสอนเขียน Python สำหรับพื้นฐาน สามารถเขียนตามได้ง่าย การเขียน Server Script และ พัฒนาโมดูล OpenERP หรือ Odoo

บทเรียน CSS ความรู้เบื้องต้นเกี่ยวกับ CSS แนะนำ ซีเอสเอส ทำเว็บสวย ตกแต่งเว็บไซต์ให้สวยงามด้วยการใช้ CSS ทำตามได้ไม่ยาก อยากทำเว็บไซต์ให้สวยต้องดู

VDO สอนการใช้โปรแกรมจัดการฐานข้อมูล PostgreSQL สำหรับผู้ใช้งานเบื้องต้น สอนการสร้างฐานข้อมูล (Database) อธิบายเข้าใจง่าย สามารถศึกษาได้จากวีดีโอเลย

VDO สอนการใช้งาน phpBB Webboard (พีเอสพีบีบี เว็บบอร์ด) สอนการใช้งานตั้งแต่พื้นฐาน ไปจนถึงการสร้างเป็นเว็บบอร์ด อธิบายละเอียดสามารถเข้าใจได้ง่าย

VDO สอนการใช้งาน Odoo Website (โอดู เว็บไซต์) สอนการใช้งานเบื้อต้น การปรับแต่งส่วนต่างๆของ Odoo Website สามารถปรับแต่งได้อย่างไรบ้าง รับชมได้จากวีดีโอสอนการใช้งานเลย

VDO สอนการใช้งาน Joomla พื้นฐาน สามารถใช้งานส่วนอะไรได้บ้าง อยากปรับแต่ง Joomla ให้เป็นแบบที่ต้องการต้องทำอย่างไร ศึกษาได้จากวีดีโอ

บทเรียน Python GUI

บทเรียน Python Tensorflow สอนใช้งาน

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
Q - ตัว search tools ใน Joomla 4 ลอง search แล้วไม่สามารถเคลียได้
โดย Parichat ส 16 ก.พ. 2019 6:57 pm บอร์ด Joomla Dev
0
3
ส 16 ก.พ. 2019 6:57 pm โดย Parichat
อยากทราบวิธีการ ปิด ไม่ใช้ เทมเพลตกลายเป็น เว็บ responsive ใน phpbb
โดย Ittichai_chupol ส 16 ก.พ. 2019 6:56 pm บอร์ด Programming - PHP
0
7
ส 16 ก.พ. 2019 6:56 pm โดย Ittichai_chupol
อยากทราบวิธีการแก้ไข้ ปัญหา ขณะเปิดใช้งาน Extension ใน phpbb
โดย Ittichai_chupol ส 16 ก.พ. 2019 6:22 pm บอร์ด Programming - PHP
0
7
ส 16 ก.พ. 2019 6:22 pm โดย Ittichai_chupol
อยากทราบวิธีการตรวจสอบสิทธิ์ ของผู้ใช้งาน
โดย Ittichai_chupol ส 16 ก.พ. 2019 1:26 pm บอร์ด Programming - PHP
0
9
ส 16 ก.พ. 2019 1:26 pm โดย Ittichai_chupol
วิธีแก้ปัญหาบันทึกข้อมูลไม่ลงใน Joomla Version 4
โดย Parichat ส 16 ก.พ. 2019 11:49 am บอร์ด Joomla Dev
0
2
ส 16 ก.พ. 2019 11:49 am โดย Parichat
ทำความรู้จักกับ วิธีจัดการการแจ้งเตือน พร้อมวิธีการบันทึกการแจ้งเตือนว่าอ่านแล้ว ในหลายๆหัวข้อพร้อมกัน
โดย จันนุสรณ์ ดีแก่ ส 16 ก.พ. 2019 10:26 am บอร์ด phpBB user Guide Knowledge
0
13
ส 16 ก.พ. 2019 10:26 am โดย จันนุสรณ์ ดีแก่
งานประจำวันที่ 16 กุมภาพันธ์ 2562
โดย Four ส 16 ก.พ. 2019 9:47 am บอร์ด M077 - อิษยา งามสอาด
1
10
ส 16 ก.พ. 2019 7:13 pm โดย Four
Mod MDFiles Popular 모듈 소개 MDFile에서 파일을 가져와 표시
โดย wipaporn ศ 15 ก.พ. 2019 6:06 pm บอร์ด korean Language - 한국어
0
14
ศ 15 ก.พ. 2019 6:06 pm โดย wipaporn
MDFiles Featured modules를 소개하면 MDFile에서 파일을 가져와 보여준다.
โดย wipaporn ศ 15 ก.พ. 2019 6:06 pm บอร์ด korean Language - 한국어
0
14
ศ 15 ก.พ. 2019 6:06 pm โดย wipaporn
Q - เกิดerror โค้ด ขึ้นว่า AttributeError: 'TextTestResult' object has no attribute 'openwed_Login'
โดย ธวัชชัย แสนหาญ ศ 15 ก.พ. 2019 5:55 pm บอร์ด Programming - C/C++ & java & Python
0
19
ศ 15 ก.พ. 2019 5:55 pm โดย ธวัชชัย แสนหาญ
마스터 사이트에서 Web Client로 문서를 끌어오기 위한 플러그인인 Editors XTD Multicontent를 소개한다.
โดย wipaporn ศ 15 ก.พ. 2019 5:48 pm บอร์ด korean Language - 한국어
0
6
ศ 15 ก.พ. 2019 5:48 pm โดย wipaporn
Joomla 1.5를 Joomla 2.5, 3.X로 업그레이드하기 위한 MJUpgrade 소개
โดย wipaporn ศ 15 ก.พ. 2019 5:36 pm บอร์ด korean Language - 한국어
0
10
ศ 15 ก.พ. 2019 5:36 pm โดย wipaporn
MApplication Form Components를 소개한다. 구직 신청서는 웹사이트를 통해 작성된다.
โดย wipaporn ศ 15 ก.พ. 2019 5:27 pm บอร์ด korean Language - 한국어
0
9
ศ 15 ก.พ. 2019 5:27 pm โดย wipaporn
การรันTestCaseโดยใช้ตัวแปรเป็นตัวกำหนด ใน Python
โดย ธวัชชัย แสนหาญ ศ 15 ก.พ. 2019 5:20 pm บอร์ด Python Knowledge
0
7
ศ 15 ก.พ. 2019 5:20 pm โดย ธวัชชัย แสนหาญ
Joomla 웹사이트 방문수를 집계하기 위한 "Mod vinaora visitors counter" 소개
โดย wipaporn ศ 15 ก.พ. 2019 5:09 pm บอร์ด korean Language - 한국어
0
5
ศ 15 ก.พ. 2019 5:09 pm โดย wipaporn
유투브 동영상 및 클립매스 업로드를 위한 MVDO 플러그인 소개
โดย wipaporn ศ 15 ก.พ. 2019 4:45 pm บอร์ด korean Language - 한국어
0
7
ศ 15 ก.พ. 2019 4:45 pm โดย wipaporn
Joomla 3.x 홈페이지에서 사진 갤러리를 만들기 위한 MD 갤러리 컴포넌트 소개
โดย wipaporn ศ 15 ก.พ. 2019 4:36 pm บอร์ด korean Language - 한국어
0
8
ศ 15 ก.พ. 2019 4:36 pm โดย wipaporn
介绍了editors xtd multicontent,一个将文章从主网站拉入Webclien的插件。
โดย wipaporn ศ 15 ก.พ. 2019 4:08 pm บอร์ด Chinese Language - 简体中文
0
5
ศ 15 ก.พ. 2019 4:08 pm โดย wipaporn
介绍MDFiles popular模块将mdfile中的文件显示出来
โดย wipaporn ศ 15 ก.พ. 2019 4:08 pm บอร์ด Chinese Language - 简体中文
0
6
ศ 15 ก.พ. 2019 4:08 pm โดย wipaporn
介绍将joomla 1.5升级到joomla 2.5、3.x的 MJupgrade
โดย wipaporn ศ 15 ก.พ. 2019 4:07 pm บอร์ด Chinese Language - 简体中文
0
6
ศ 15 ก.พ. 2019 4:07 pm โดย wipaporn