บทช่วยสอน AngularJS สำหรับผู้เริ่มต้น: เรียนรู้ AngularJS ทีละขั้นตอน
เจมส์ ฮาร์ทแมน
สรุปบทช่วยสอน AngularJS
นี่คือบทช่วยสอน AngularJS สำหรับผู้เริ่มต้น คำแนะนำทีละขั้นตอนเพื่อเรียนรู้ AngularJS ตั้งแต่เริ่มต้น คู่มือบทช่วยสอน Angular JS นี้จะช่วยให้คุณเรียนรู้พื้นฐานและส่วนประกอบของ AngularJS เช่น คำสั่ง ตัวกรอง นิพจน์ ฯลฯ และสำรวจแง่มุมการเขียนโปรแกรมเพิ่มเติมสำหรับ SPA
AngularJS คืออะไร?
AngularJS คือ Javaกรอบงานสคริปต์สำหรับการสร้างแอปพลิเคชันบนเว็บที่ใช้ MVC ช่วยให้คุณสามารถแยกชั้นตรรกะทางธุรกิจ ชั้นข้อมูล และชั้นการนำเสนอได้ ใช้ HTML เป็นภาษาเทมเพลตเพื่อขยายไวยากรณ์สำหรับการสร้างส่วนประกอบแอปพลิเคชันต่างๆ นอกจากนี้ยังช่วยลดโค้ดด้วยคุณสมบัติการผูกข้อมูลและการแทรกการอ้างอิง
หลักสูตร AngularJS
พื้นฐาน AngularJS สำหรับผู้เริ่มต้น
| 👍 Lessเมื่อ 1 | AngularJS คืออะไร? - การแนะนำ, Archiเทคเจอร์และคุณสมบัติ |
| 👍 Lessเมื่อ 2 | AngularJS สวัสดีชาวโลก — โปรแกรม AngularJS แรกของคุณ |
| 👍 Lessเมื่อ 3 | บทช่วยสอนคอนโทรลเลอร์ AngularJS — คืออะไร วิธีการสร้างด้วยตัวอย่าง |
มุมมองโมเดลขอบเขต AngularJS
| 👍 Lessเมื่อ 1 | ขอบเขตเชิงมุม — $Scope ใน AngularJS คืออะไร? บทช่วยสอนพร้อมตัวอย่าง |
| 👍 Lessเมื่อ 2 | ng ทำซ้ำ — AngularJS ng-repeat Directive พร้อมตัวอย่าง |
| 👍 Lessเมื่อ 3 | ngรุ่น — วิธีใช้ “ng-model” ใน AngularJS พร้อมตัวอย่าง |
| 👍 Lessเมื่อ 4 | ngView — AngularJS ng-view พร้อมตัวอย่าง |
นิพจน์ AngularJS
| 👍 Lessเมื่อ 1 | นิพจน์ AngularJS — ARRAY, Objects, $eval, Strings [ตัวอย่าง] |
| 👍 Lessเมื่อ 2 | ตัวอย่างตัวกรอง AngularJS — ตัวพิมพ์เล็ก ตัวพิมพ์ใหญ่ และ JSON |
| 👍 Lessเมื่อ 3 | ตัวกรองแบบกำหนดเอง AngularJS — วิธีสร้างตัวกรองแบบกำหนดเองใน AngularJS พร้อมตัวอย่าง |
| 👍 Lessเมื่อ 4 | คำสั่ง AngularJS พร้อมตัวอย่าง — ng-init, ng-ซ้ำ, ng-app, ng-model |
| 👍 Lessเมื่อ 5 | คำสั่งแบบกำหนดเองใน AngularJS — จะสร้างคำสั่งที่กำหนดเองได้อย่างไร? [ตัวอย่าง] |
พื้นฐาน AngularJS ทีละขั้นตอน
| 👍 Lessเมื่อ 1 | โมดูล AngularJS — บทช่วยสอนโมดูล AngularJS พร้อมตัวอย่าง |
| 👍 Lessเมื่อ 2 | เหตุการณ์ AngularJS - คำสั่ง ng-click, ng-show, ng-hide [ตัวอย่าง] |
| 👍 Lessเมื่อ 3 | การกำหนดเส้นทาง AngularJS พร้อมพารามิเตอร์ — ตัวอย่างแอปพลิเคชันหน้าเดียว |
| 👍 Lessเมื่อ 4 | AngularJS $ทรัพยากร & $http — AngularJS AJAX โทรโดยใช้ $resource, $http [ตัวอย่าง] |
| 👍 Lessเมื่อ 5 | ตาราง AngularJS — เรียงลำดับ, เรียงลำดับตาม & กรองตัวพิมพ์ใหญ่ [ตัวอย่าง] |
| 👍 Lessเมื่อ 6 | การตรวจสอบแบบฟอร์ม AngularJS เมื่อส่ง — แบบฟอร์มพร้อมตัวอย่าง |
| 👍 Lessเมื่อ 7 | ตัวอย่างการส่งแบบฟอร์ม AngularJS — วิธีส่งแบบฟอร์มโดยใช้ ng-submit |
| 👍 Lessเมื่อ 8 | ng-รวมใน AngularJS — วิธีรวมไฟล์ HTML [ตัวอย่าง] |
| 👍 Lessเมื่อ 9 | การฉีดพึ่งพา AngularJS — ส่วนประกอบใดที่ฉีดเข้าไป |
สิ่งขั้นสูงของ AngularJS!
| 👍 Lessเมื่อ 1 | การทดสอบหน่วย AngularJS — กรรมสอนจัสมิน |
| 👍 Lessเมื่อ 2 | บทช่วยสอนการทดสอบไม้โปรแทรกเตอร์ — กรอบงานเครื่องมืออัตโนมัติ |
| 👍 Lessเมื่อ 3 | AngularJS กับ Angular 2 กับ Angular 4 — อะไรคือความแตกต่าง? |
| 👍 Lessเมื่อ 4 | โต้ตอบกับเชิงมุม — 10 ความแตกต่างที่สำคัญที่สุดที่คุณต้องรู้! |
คำถามสัมภาษณ์ AngularJS หนังสือและบทช่วยสอน PDF
| 👍 Lessเมื่อ 1 | คำถามสัมภาษณ์ AngularJS — คำถามและคำตอบสัมภาษณ์ AngularJS 75 อันดับแรก |
| 👍 Lessเมื่อ 2 | หนังสือ AngularJS — หนังสือ AngularJS ที่ดีที่สุด 10 เล่มสำหรับผู้เริ่มต้นและผู้เชี่ยวชาญ |
| 👍 Lessเมื่อ 3 | PDF บทช่วยสอน AngularJS — ดาวน์โหลด AngularJS Tutorial PDF สำหรับผู้เริ่มต้น |
คุณจะเรียนรู้อะไรในบทช่วยสอน Angular JS นี้
ในบทช่วยสอน AngularJS สำหรับผู้เริ่มต้นนี้ คุณจะได้เรียนรู้พื้นฐานของ Angular JS เช่น AngularJS คืออะไร, ตัวควบคุม, สโคป, ng-model, ng-view, การแสดงออกของ AngularJS, โมดูล, เหตุการณ์, ตาราง, ฟอร์ม ฯลฯ และแนวคิดขั้นสูง เช่น การทดสอบยูนิตของ AngularJS, การทดสอบโปรแทรกเตอร์, เวอร์ชันของ AngularJS, คำถามในการสัมภาษณ์ของ AngularJS ฯลฯ
ทำไมต้องเรียน AngularJS?
AngularJS เป็นเฟรมเวิร์กโอเพ่นซอร์สที่ใช้กันอย่างแพร่หลายในการสร้างเว็บแอปพลิเคชัน MVC ฝั่งไคลเอ็นต์ ยิ่งไปกว่านั้น บุคคลและธุรกิจทั่วโลกใช้กันอย่างแพร่หลายในทุกอุตสาหกรรม ดังนั้นจึงมีโอกาสทางอาชีพมากมายสำหรับผู้สมัครที่มีความรู้เกี่ยวกับ Angular JS เป็นอย่างดี
ข้อกำหนดเบื้องต้นในการเรียนรู้ AngularJS
บทช่วยสอน Angular นี้ออกแบบมาสำหรับผู้เริ่มต้น อย่างไรก็ตามหากคุณมีความรู้พื้นฐานเกี่ยวกับ HTML, CSS และ Javaต้นฉบับมันจะเป็นความช่วยเหลือเพิ่มเติม
คุณสมบัติของ AngularJS
ต่อไปนี้คือคุณสมบัติหลักของ Angular JS:
- มันเป็นโอเพ่นซอร์ส Javaกรอบงานสคริปต์ MVW
- ขยายการสนับสนุน HTML โดยการเพิ่มแท็ก คุณลักษณะ และนิพจน์
- ช่วยให้สามารถจัดการเหตุการณ์ได้ง่าย
- ให้การสนับสนุน Data Binding
- เสนอเอ็นจิ้นเทมเพลตและการกำหนดเส้นทางในตัว
- ให้การตรวจสอบแบบฟอร์มและภาพเคลื่อนไหว
- เสนอการฉีดพึ่งพา
ตัวอย่างโปรแกรม AngularJS อย่างง่าย
<!DOCTYPE html>
<html>
<script src="https://code.angularjs.org/1.6.9/angular.js"></script>
<head>
<meta chrset="UTF 8">
<title>Basic AngularJS Program</title>
</head>
<body ng-app="">
<h3>This is AngularJS Tutorial for Beginners..!!</h3>
</body>
</html>
Output:
This is AngularJS Tutorial for Beginners..!!
