ฟอรั่ม | ล่าสุดการพัฒนาเว็บบทเรียน
 

ExtJS กวดวิชา



แนะนำพื้นฐาน

ExtJS ยืนสำหรับขยาย JavaScript, เป็นกรอบ JavaScript และสินค้าของ Sencha ซึ่งจะขึ้นอยู่กับยูอิ (Yahoo user interface) มันเป็นพื้นแพลตฟอร์มการพัฒนาโปรแกรมคอมพิวเตอร์ที่มี UI ที่ทันสมัย กวดวิชานี้จะช่วยให้ความเข้าใจที่สมบูรณ์ของ Ext JS อ้างอิงนี้จะนำคุณผ่านวิธีการที่ง่ายและปฏิบัติในขณะที่การเรียนรู้ Ext JS


ผู้ชม

กวดวิชานี้ได้จัดทำขึ้นสำหรับผู้เริ่มต้นที่จะช่วยให้พวกเขาเข้าใจแนวคิดของ Ext JS ที่จะสร้างเว็บ UI แบบไดนามิก


ข้อกำหนดเบื้องต้น

สำหรับการกวดวิชานี้ผู้อ่านควรมีความรู้ก่อน HTML, CSS และ JavaScript การเข้ารหัส มันจะเป็นประโยชน์หากผู้อ่านรู้แนวคิดของการเขียนโปรแกรมเชิงวัตถุและมีความคิดทั่วไปเกี่ยวกับการสร้างการใช้งานเว็บ


ดำเนินการ ExtJS ออนไลน์

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

ตัวอย่างต่อไปนี้ลองใช้ Try it ตัวเลือกที่มุมขวาด้านบนของกล่องด้านล่างโค้ดตัวอย่าง -

<!DOCTYPE html>
<html>
   <head>
      <link href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" />
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"></script>
      <script type="text/javascript">
         Ext.onReady(function() {
         Ext.create('Ext.Panel', {
            renderTo: 'helloWorldPanel',
            height: 100,
            width: 200,
            title: 'Hello world',
            html: 'First Ext JS Hello World Program'
            });
         });
      </script>
   </head>
   <body>
      <div id="helloWorldPanel"></div>
   </body>
</html>