AngularJs : เริ่มต้นการเขียน AngularJs เเละวิธีการติดตั้ง

Jquery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , Jquery ม Ajax

Moderators: mindphp, ผู้ดูแลกระดาน

thatsawan
PHP VIP Members
PHP VIP Members
Posts: 19353
Joined: 31/03/2014 10:02 am
Contact:

AngularJs : เริ่มต้นการเขียน AngularJs เเละวิธีการติดตั้ง

Post by thatsawan » 23/04/2016 11:24 am

  • Angular ถูกพัฒนาโดย google มันคือ client-side MVC/MVVM Framework ด้วย JavaScript จะมี model , view , controller ในฝั่งของ client นั้นเอง ในลักษณะ Single Page Applications (SPA) ซึ่งปัจจุบันมีการพัฒนา Angular เวอร์ชั่นที่ 2 เเล้ว ซึ่งตัวเวอร์ชั่น 2 นี้จะใช้งานได้ทั้งกับ web เเละ mobile เช่น การพัฒนา mobile app โดยใช้ Ionic framwork เป็นต้น
ความรู้พื้นฐานในการเรียนเเละใช้ Angular JS
1. HTML
2. javascript

วิธีการติดตั้งหรือใช้งาน
1. ให้เราไปดาวน์โหลด Angular JS เวอร์ชั่นที่เราจะใช้งาน https://angularjs.org/ ในตัวอย่างเราจะโหลด 1.1.5 มาใช้งาน
ให้เราโหลดเป็นไฟล์ zip นะค่ะ
2. จากนั้นจะได้ไฟล์
2016-04-23_11-18-01.png
2016-04-23_11-18-01.png (140.46 KiB) Viewed 689 times
3. จากนั้นให้ทำการสร้างไฟล์ index.html (สร้างโปรเจคของเรา) ขึ้นมาใน folder เเล้วในเอาไฟล์ Angular.js ที่เราโหลดมาใส่ลงไปด้วย (ในตัวอย่างเราจะขอใช้เพียงเเค่ไฟล์เดียวก่อนนะค่ะ)
2016-04-23_11-22-03.png
2016-04-23_11-22-03.png (59.54 KiB) Viewed 689 times
4. ให้เราทำการเรียกไฟล์ angular.js เรามาใช้งาน ในไฟล์ index.html

Code: Select all

<!DOCTYPE html>
<html lang="en-US">
<script src="angular.js"></script>
<body>

<div>
 
</div>

</body>
</html>
เพียงเท่านี้ก็จะเสร็จสิ้นในส่วนของการติดตั้งพร้อมใช้งานค่ะ

สามารถศึกษา เพิ่มเติมได้ที่
บทเรียน HTML
บทเรียน-html5
บทเรียน CSS
บทเรียน Javascript
บทเรียน jquery

  • Similar Topics
    Replies
    Views
    Last post

Return to “Jquery & Ajax Knowledge”

Who is online

Users browsing this forum: No registered users and 3 guests