กวดวิชาAppML

AppML นำข้อมูลมาสู่ HTML

"ไม่มีเว็บแอปพลิเคชันไร้สาระ"

บทนำ

เว็บเติบโตอย่างรวดเร็ว และปริมาณข้อมูลในไซเบอร์สเปซก็เติบโตเร็วยิ่งขึ้นไปอีก

ทุกวันมีการพัฒนาระบบข้อมูลใหม่ และทุกวันมีการเชื่อมต่อผู้ใช้ใหม่ และสามารถเข้าถึงข้อมูลได้ทุกวันตลอด 24 ชั่วโมงจากทุกที่ในโลก

วิธีการพัฒนาซอฟต์แวร์ที่รวดเร็วและดีกว่าเป็นสิ่งที่จำเป็นอย่างยิ่ง

ตามแนวทางเหล่านี้ W3Schools ได้พัฒนาเทคนิคที่ยืดหยุ่นมากสำหรับการดึง แสดง และจัดการข้อมูล โดยไม่ต้องใช้โปรแกรมแบบเดิม

ด้วยความร่วมมือกับ Jan Egil Refsnes W3schools ได้พัฒนาคำศัพท์สำหรับการกำหนดเว็บแอปพลิเคชัน คำศัพท์เรียกว่า AppML (Application Modeling Language)

AppML ใช้เทคนิคและแนวคิดที่ทันสมัยที่สุดในการพัฒนาเว็บสมัยใหม่ โดยเน้นที่:

ราคาถูก
การพัฒนาเว็บที่รวดเร็วและคล่องตัว
ปรับให้เหมาะสมสำหรับการประมวลผลแบบคลาวด์
ความเร็วสูงและการใช้แบนด์วิดท์ต่ำ
สถาปัตยกรรม MVC (ตัวควบคุม Model Viev)
การแยกเนื้อหาจากการนำเสนอทั้งหมด
ปรับขนาดได้สูงและทดสอบได้
กำหนดค่าและกำหนดค่าใหม่ได้ง่าย

AppML รองรับฟังก์ชันที่คุณพบในเฟรมเวิร์กอื่นๆ เช่น React, Angular และ Vue แต่ AppML ใช้งานง่ายกว่ามากและเข้าใจง่ายกว่ามาก

AppML คืออะไร?

AppML ย่อมาจากApp lication M odeling L anguage

AppML ไม่ใช่ภาษาโปรแกรม เป็นภาษาอธิบาย (ภาษาสำหรับอธิบายการใช้งาน)

มันถูกสร้างขึ้นจากแนวคิดเว็บแอปพลิเคชันที่คุ้นเคยเช่น:

แบบฟอร์ม
รายการ
รายงาน
ตัวกรอง
ฟังก์ชั่น
ฐานข้อมูล

AppML ทำงานในหน้า HTML ใดก็ได้ ไม่จำเป็นต้องติดตั้ง

AppML เป็นเครื่องมือสำหรับนำข้อมูลไปยังแอปพลิเคชัน HTML:

จากวัตถุ
จากไฟล์ JSON
จากไฟล์ข้อความ
จากไฟล์ XML
จากฐานข้อมูล

ทำไมต้อง AppML?

HTML ไม่เหมาะสำหรับการอธิบายเว็บแอปพลิเคชันมากนัก

AppML สร้างขึ้นสำหรับเว็บแอปพลิเคชัน:

AppML ขยาย HTML ด้วยแอตทริบิวต์ ข้อมูล
AppML เพิ่มตัวควบคุมลงใน HTML เพื่อควบคุมพฤติกรรมของข้อมูล HTML

AppML นั้นเข้าใจง่ายและพัฒนาขึ้นอย่างรวดเร็วเป็นพิเศษ

ตัวอย่าง AppML

ตัวอย่างนี้แสดงให้เห็นว่า AppML สามารถนำข้อมูลไปยัง HTML ได้ง่ายเพียงใด:

ตัวอย่าง AppML

<!DOCTYPE html>
<html lang="en-US">

<title>Customers</title>
<link rel="stylesheet" href="style.css">
<script src="https://www.w3schools.com/appml/2.0.3/appml.js"></script>

<body>
<h1>Customers</h1>

<table appml-data="customers.js">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr appml-repeat="records">
<td>{{CustomerName}}</td>
<td>{{City}}</td>
<td>{{Country}}</td>
</tr>
</table>

</body>
</html>

AppML เป็นเครื่องมือสำหรับการพัฒนาเว็บแอปพลิเคชันที่ง่าย รวดเร็ว และคล่องตัว

ง่ายและคล่องตัว

ในตลาดปัจจุบัน มีเฟรมเวิร์กมากมาย (เครื่องมือหรือไลบรารี) ที่ออกแบบมาเพื่อขยาย HTML

เฟรมเวิร์กเหล่านี้ส่วนใหญ่จัดการ HTML, CSS หรือ JavaScript ในลักษณะที่ทำให้ใช้งานยาก (โดยเฉพาะเมื่อใช้ร่วมกัน)

AppML นั้นแตกต่างกัน คุณมีอิสระ HTML, CSS และ JavaScript เต็มรูปแบบ

AppML ทำให้ง่ายต่อการสร้าง Single Page Applications (SPA) ด้วยวิธีที่สะอาดและมีประสิทธิภาพ

แม้ว่าคุณจะไม่เคยทำงานกับการพัฒนาเว็บมาก่อน คุณจะพบว่า AppML ใช้งานง่ายมาก

หากคุณเป็นนักพัฒนาเว็บที่มีประสบการณ์ คุณจะค้นพบพลังของ AppML ในไม่ช้า

❮ บ้าน ถัดไป ❯