คู่มือผู้ใช้การเขียนโปรแกรม LUMIFY WORK Angular 15

ใบสมัครและ WEB การพัฒนา
การเขียนโปรแกรมเชิงมุม 15
ความยาว 5 วัน
เวอร์ชัน 15

ทำไมต้องเรียนหลักสูตรนี้

หลักสูตรการฝึกอบรม Angular 15 ที่เข้มข้นและครอบคลุมนี้จะช่วยให้ผู้เข้าร่วมมีทักษะที่สามารถใช้งานได้ทันทีในการทำงาน คุณจะได้เรียนรู้พื้นฐานของการพัฒนา Angular 15 เช่น ไอออนของแอปพลิเคชันเบราว์เซอร์หน้าเดียว, การตอบสนอง webไซต์และแอปพลิเคชันมือถือแบบไฮบริด
หลักสูตรนี้เป็นการรวมการเรียนรู้ทางทฤษฎีและห้องปฏิบัติการเชิงปฏิบัติซึ่งรวมถึงไอออนเบื้องต้นเกี่ยวกับ Angular ตามด้วย TypeScript ส่วนประกอบ ไดเร็กอีฟ บริการ HTTPClient การทดสอบ และการดีบัก
บันทึก: เรายังสามารถจัดการฝึกอบรมเกี่ยวกับ Angular เวอร์ชันอื่นๆ ได้อีกด้วย กรุณาติดต่อเราเพื่อสอบถามข้อมูลหรือลงทะเบียนแสดงความสนใจ

เชิงมุมที่งาน LUMIFY

คุณจะได้เรียนรู้อะไร

เมื่อสำเร็จหลักสูตรนี้ คุณจะมีความรู้ในเรื่อง:

• พัฒนาแอพพลิเคชั่นเชิงมุมหน้าเดียวโดยใช้ Typescript
• ตั้งค่าสภาพแวดล้อมการพัฒนาเชิงมุมที่สมบูรณ์
• สร้างส่วนประกอบ, ไดเร็กอีฟ, บริการ, ไปป์, แบบฟอร์ม และเครื่องมือตรวจสอบแบบกำหนดเอง
• จัดการงานการดึงข้อมูลเครือข่ายขั้นสูงโดยใช้ Observables
• ใช้ข้อมูลจาก REST web บริการต่างๆ โดยใช้ Angular HTTP Client
• จัดการไอออนการเชื่อมต่อแบบพุชข้อมูลโดยใช้ Webโปรโตคอลซ็อกเก็ต
• ทำงานร่วมกับ Angular Pipes เพื่อจัดรูปแบบข้อมูล
• ใช้คุณสมบัติเราเตอร์ส่วนประกอบเชิงมุมขั้นสูง
• ทดสอบและแก้ไขข้อบกพร่องของแอปพลิเคชัน Angular โดยใช้เครื่องมือในตัว
• ทำงานร่วมกับ Angular CLI

ผู้สอนของฉันเก่งมากที่สามารถใส่สถานการณ์ต่างๆ ลงในโลกแห่งความเป็นจริงที่เกี่ยวข้องกับสถานการณ์เฉพาะของฉันได้
ฉันรู้สึกเป็นที่ต้อนรับตั้งแต่วินาทีแรกที่มาถึง และการได้นั่งเป็นกลุ่มนอกห้องเรียนเพื่อหารือเกี่ยวกับสถานการณ์ของเราและเป้าหมายของเรานั้นมีค่าอย่างยิ่ง
ฉันได้เรียนรู้มากมายและรู้สึกว่าการบรรลุเป้าหมายในการเข้าร่วมหลักสูตรนี้เป็นสิ่งสำคัญ
เยี่ยมมาก ทีมงาน Lumify Workอแมนดา นิโคล
ผู้จัดการฝ่ายบริการสนับสนุนด้านไอที – HEALTH WORLD LIMITED

วิชาเรียน

1. แนะนำเชิงมุม
   • เชิงมุมคืออะไร?
   • คุณสมบัติกลางของ Angular Framework
   • กรณีการใช้งานที่เหมาะสม
   • การสร้างบล็อคของแอปพลิเคชันเชิงมุม
   • สถาปัตยกรรมพื้นฐานของแอปพลิเคชันเชิงมุม
   • การติดตั้งและใช้งานเชิงมุม
   • กายวิภาคของไอออนประยุกต์เชิงมุม
   • การรัน Application ion
   • การสร้างและการปรับใช้แอปพลิเคชัน
   • เชิงมุมสำหรับแอปมือถือแบบเนทีฟ
2. บทนำสู่ TypeScript
   • ภาษาโปรแกรมสำหรับใช้กับเชิงมุม
   • ไวยากรณ์ของ TypeScript
   • บรรณาธิการโปรแกรม
   • ระบบประเภท – กำหนดตัวแปร
   • ระบบประเภท – การกำหนดอาร์เรย์
   • ประเภท Primit ive ขั้นพื้นฐาน
   • พิมพ์ฟังก์ชันไอออน
   • การอนุมานประเภท
   • การกำหนดคลาส
   • วิธีการเรียน
   • การควบคุมการมองเห็น
   • ตัวสร้างคลาส
   • ตัวสร้างคลาส – แบบฟอร์มสำรอง
   • ฟิลด์ที่ไม่ได้เตรียมใช้งาน
   • อินเทอร์เฟซ
   • การทำงานกับโมดูล ES6
   • var กับให้
   • ฟังก์ชั่นลูกศร
   • ฟังก์ชันลูกศรแบบกระชับไวยากรณ์
   • สตริงเทมเพลต
   • ข้อมูลทั่วไปในชั้นเรียน
   • ข้อมูลทั่วไปในฟังก์ชันไอออน
3. ส่วนประกอบ
   • ส่วนประกอบคืออะไร?
   • อดีตampเลอคอมโพเนนต์
   • การสร้าง Component โดยใช้ Angular CLI
   • คลาสส่วนประกอบ
   • มัณฑนากร @Component
   • การลงทะเบียนส่วนประกอบไปยังโมดูลของมัน
   • เทมเพลตส่วนประกอบ
   • อดีตampเลอ: เทมเพลต HelloComponent
   • อดีตample: คลาส HelloComponent
   • การใช้ส่วนประกอบ
   • เรียกใช้แอปพลิเคชัน
   • ลำดับชั้นของส่วนประกอบ
   • ส่วนประกอบรากของไอออนของแอปพลิเคชัน
   • บูทสแตรป File
   • Hooks วงจรชีวิตของส่วนประกอบ
   • อดีตampตะขอวงจรชีวิต
   • สไตล์ CSS
4. เทมเพลตส่วนประกอบ
   • เทมเพลต
   • ตำแหน่งเทมเพลต
   • ไวยากรณ์หนวด {{ }}
   • การตั้งค่าคุณสมบัติองค์ประกอบ DOM
   • การตั้งค่าข้อความเนื้อหาองค์ประกอบ
   • การเชื่อมโยงเหตุการณ์
   • ตัวจัดการเหตุการณ์นิพจน์
   • ป้องกันการจัดการเริ่มต้น
   • คำสั่งคุณลักษณะ
   • ใช้สไตล์โดยการเปลี่ยนคลาส CSS
   • อดีตampเลอ: ngClass
   • การใช้สไตล์โดยตรง
   • คำสั่งเชิงโครงสร้าง
   • ดำเนินการเทมเพลตตามเงื่อนไข
   • อดีตampเลอ: ngIf
   • วนซ้ำโดยใช้ ngFor
   • ngสำหรับตัวแปรท้องถิ่น
   • การจัดการคอลเลกชัน
   • อดีตample – การลบรายการ
   • การติดตามรายการด้วย ngFor
   • การสลับองค์ประกอบด้วย ngSwitch
   • การจัดกลุ่มองค์ประกอบ
   • ตัวแปรอ้างอิงเทมเพลต
5. การสื่อสารระหว่างองค์ประกอบ
   • พื้นฐานการสื่อสาร
   • สถาปัตยกรรมการไหลของข้อมูล
   • การเตรียมเด็กให้พร้อมรับข้อมูล
   • ส่งข้อมูลจากผู้ปกครอง
   • ข้อมูลเพิ่มเติมเกี่ยวกับการตั้งค่าคุณสมบัติ
   • การยิงเหตุการณ์จากส่วนประกอบ
   • @Output() เช่นampเลอ – องค์ประกอบลูก
   • @Output() เช่นample – องค์ประกอบหลัก
   • การเข้าเล่มแบบสองทางแบบเต็ม
   • การตั้งค่าการเชื่อมโยงข้อมูลแบบสองทางในพาเรนต์
6. เทมเพลตและแบบฟอร์มที่ขับเคลื่อน
   • แบบฟอร์มที่ขับเคลื่อนด้วยเทมเพลต
   • การนำเข้าโมดูลแบบฟอร์ม
   • แนวทางพื้นฐาน
   • การตั้งค่าแบบฟอร์ม
   • รับข้อมูลจากผู้ใช้
   • ละเว้นแอตทริบิวต์ ngForm
   • เริ่มต้นแบบฟอร์ม
   • การเชื่อมโยงข้อมูลแบบสองทาง
   • การตรวจสอบแบบฟอร์ม
   • เครื่องมือตรวจสอบเชิงมุม
   • การแสดงสถานะไอออนตรวจสอบความถูกต้องโดยใช้คลาส
   • ประเภทอินพุตเพิ่มเติม
   • ช่องทำเครื่องหมาย
   • เลือกฟิลด์ (ดรอปดาวน์)
   • ตัวเลือกการแสดงผลสำหรับการเลือก (เลื่อนลง)
   • ฟิลด์วันที่
   • ปุ่มตัวเลือก
7. แบบฟอร์มปฏิกิริยา
   • แบบฟอร์มปฏิกิริยาสิ้นสุดลงview
   • การสร้างบล็อค
   • นำเข้า Reactive FormsModule
   • สร้างแบบฟอร์ม
   • ออกแบบเทมเพลต
   • รับค่าอินพุต
   • การเริ่มต้นช่องป้อนข้อมูล
   • การตั้งค่าแบบฟอร์ม
   • สมัครรับการเปลี่ยนแปลงการป้อนข้อมูล
   • การตรวจสอบความถูกต้อง
   • เครื่องมือตรวจสอบในตัว
   • แสดงข้อผิดพลาดในการตรวจสอบความถูกต้อง
   • เครื่องมือตรวจสอบแบบกำหนดเอง
   • การใช้เครื่องมือตรวจสอบแบบกำหนดเอง
   • การจัดหาการกำหนดค่าให้กับ Custom Validator
   • FormArray – เพิ่มอินพุตแบบไดนามิก
   • FormArray – คลาสคอมโพเนนต์
   • FormArray – เทมเพลต
   • FormArray – ค่า
   • Sub FormGroups – คลาสส่วนประกอบ
   • Sub FormGroups – เทมเพลต HTML
   • เหตุใดจึงต้องใช้ Sub FormGroups
8. บริการและการพึ่งพาการฉีด
   • บริการคืออะไร?
   • การสร้างบริการขั้นพื้นฐาน
   • ระดับการบริการ
   • การฉีดพึ่งพาคืออะไร?
   • การอัดอินสแตนซ์บริการ
   • หัวฉีด
   • ลำดับชั้นของหัวฉีด
   • การลงทะเบียนบริการกับ Root Injector
   • การลงทะเบียนบริการกับหัวฉีดของส่วนประกอบ
   • ลงทะเบียนบริการด้วย Feature Module Injector
   • จะลงทะเบียนบริการได้ที่ไหน?
   • การพึ่งพาการฉีดในสิ่งประดิษฐ์อื่น ๆ
   • จัดให้มีการดำเนินการสำรอง
   • การพึ่งพาการฉีดและ @Host
   • การพึ่งพาการฉีดและ @Optional
9. ไคลเอนต์ HTTP
   • ไคลเอนต์ HTTP เชิงมุม
   • การใช้ไคลเอ็นต์ HTTP – โอเวอร์view
   • นำเข้า HttpClientModule
   • บริการโดยใช้ HttpClient
   • ทำการร้องขอ GET
   • วัตถุที่สังเกตได้ทำหน้าที่อะไร?
   • การใช้บริการในส่วนประกอบ
   • คอมโพเนนต์ไคลเอนต์ PeopleService
   • การจัดการข้อผิดพลาด
   • การปรับแต่งออบเจ็กต์ข้อผิดพลาด
   • ทำการร้องขอ POST
   • ทำการร้องขอ PUT
   • ทำการร้องขอการลบ
10. ไปป์และการจัดรูปแบบข้อมูล
    • ไปป์คืออะไร?
    • ท่อบิวท์อิน
    • การใช้ไปป์ในเทมเพลต HTML
    • การต่อท่อ
    • ท่อไอออนไนซ์ระหว่างประเทศ (i18n)
    • กำลังโหลดข้อมูลสถานที่
    • ท่อวันที่
    • เบอร์ไพพ์
    • ไปป์สกุลเงิน
    • สร้างไปป์แบบกำหนดเอง
    • ท่อสั่งทำพิเศษample
    • การใช้ไปป์แบบกำหนดเอง
    • การใช้ไปป์ด้วย ngFor
    • มีท่อกรอง
    • ประเภทท่อ: บริสุทธิ์และไม่บริสุทธิ์
    • เพียวไปป์ เช่นample
    • ท่อไม่บริสุทธิ์ เช่นample
11. ข้อมูลเบื้องต้นเกี่ยวกับแอปพลิเคชันหน้าเดียว
    • Single Page Application Ion (SPA) คืออะไร
    • แบบดั้งเดิม Web แอปพลิเคชัน
    • ขั้นตอนการทำงานของสปา
    • Advan แอปพลิเคชั่นหน้าเดียวtages
    • API ประวัติ HTML5
    • ความท้าทายของสปา
    • การนำ SPA ไปใช้โดยใช้เชิงมุม
12. เราเตอร์ส่วนประกอบเชิงมุม
    • เราเตอร์ส่วนประกอบ
    - View การนำทาง
    • API เราเตอร์เชิงมุม
    • การสร้างแอปพลิเคชันที่เปิดใช้งานเราเตอร์
    • โฮสต์ส่วนประกอบที่กำหนดเส้นทาง
    • การนำทางโดยใช้ลิงก์และปุ่ม
    • การนำทางแบบเป็นโปรแกรม
    • พารามิเตอร์เส้นทางที่ผ่าน
    • การนำทางด้วยพารามิเตอร์เส้นทาง
    • การได้รับค่าพารามิเตอร์เส้นทาง
    • การดึงข้อมูลพารามิเตอร์เส้นทางแบบซิงโครนัส
    • การดึงข้อมูลพารามิเตอร์เส้นทางแบบอะซิงโครนัส
    • พารามิเตอร์แบบสอบถาม
    • จัดหาพารามิเตอร์แบบสอบถาม
    • การเรียกพารามิเตอร์แบบสอบถามแบบอะซิงโครนัส
    • ปัญหาเกี่ยวกับคู่มือ URL รายการและการบุ๊กมาร์ก
13. ไคลเอนต์ HTTP ขั้นสูง
    • ขอตัวเลือก
    • การส่งคืนวัตถุ HttpResponse
    • การตั้งค่าส่วนหัวคำขอ
    • การสร้างสิ่งที่สังเกตได้ใหม่
    • การสร้างสิ่งที่สังเกตได้ง่าย
    • วิธีการสร้างที่สังเกตได้
    • ผู้ปฏิบัติงานที่สังเกตได้
    • ผู้ประกอบการแผนที่และตัวกรอง
    • ตัวดำเนินการ flatMap()
    • ตัวดำเนินการ tap()
    • ตัวรวม zip()
    • แคชการตอบสนอง HTTP
    • การโทร HTTP ตามลำดับ
    • การโทรแบบขนาน
    • การปรับแต่ง Error Object ด้วย catchError()
    • ข้อผิดพลาดในไปป์ไลน์
    • การกู้คืนข้อผิดพลาด
14. โมดูลเชิงมุม
    • ทำไมต้องใช้โมดูลเชิงมุม?
    • กายวิภาคของคลาสโมดูล
    • คุณสมบัติ @NgModule
    • โมดูลคุณลักษณะ
    • อดีตampโครงสร้างโมดูล
    • สร้างโมดูลโดเมน
    • สร้างคู่โมดูลกำหนดเส้นทาง/กำหนดเส้นทาง
    • สร้างโมดูลบริการ
    • การสร้างโมดูลทั่วไป
    • การใช้โมดูลหนึ่งจากอีกโมดูลหนึ่ง
15. การกำหนดเส้นทางขั้นสูง
    • โมดูลคุณลักษณะที่เปิดใช้งานการกำหนดเส้นทาง
    • การใช้โมดูลคุณลักษณะ
    • ขี้เกียจโหลดโมดูลคุณสมบัติ
    • การสร้างลิงค์สำหรับส่วนประกอบโมดูลคุณสมบัติ
    • ข้อมูลเพิ่มเติมเกี่ยวกับ Lazy Loading
    • กำลังโหลดโมดูลล่วงหน้า
    • การเชื่อมโยงเราเตอร์LinkActive
    • เส้นทางเริ่มต้น
    • เส้นทางเส้นทางตัวแทน
    • เปลี่ยนเส้นทางไปที่
    • เส้นทางเด็ก
    • การกำหนดเส้นทางลูกสำหรับเส้นทางลูก
    • ลิงค์สำหรับเส้นทางเด็ก
    • เจ้าหน้าที่นำทาง
    • การสร้างการใช้งานยาม
    • การใช้ยามในเส้นทาง
16. การทดสอบหน่วยแอปพลิเคชันเชิงมุม
    • หน่วยทดสอบสิ่งประดิษฐ์เชิงมุม
    • เครื่องมือทดสอบ
    • ขั้นตอนการทดสอบทั่วไป
    • ผลการทดสอบ
    • ห้องจัสมินเทสสวีท
    • ข้อมูลจำเพาะของจัสมิน (การทดสอบหน่วย)
    • ความคาดหวัง (ยืนยันไอออน)
    • ผู้จับคู่
    • อดีตampของการใช้ Matchers
    • การใช้คุณสมบัติที่ไม่ใช่
    • ติดตั้งและรื้อถอนในชุดทดสอบหน่วย
    • อดีตampของ beforeEach และ afterEach Functions
    • โมดูลทดสอบเชิงมุม
    • อดีตampโมดูลทดสอบเชิงมุม
    • การทดสอบบริการ
    • การอัดอินสแตนซ์บริการ
    • ทดสอบวิธีการซิงโครนัส
    • ทดสอบวิธีการแบบอะซิงโครนัส
    • การใช้ไคลเอนต์ HTTP จำลอง
    • จัดหาคำตอบสำเร็จรูป
    • การทดสอบส่วนประกอบ
    • โมดูลทดสอบส่วนประกอบ
    • การสร้างอินสแตนซ์ส่วนประกอบ
    • คลาส ComponentFixture
    • การทดสอบส่วนประกอบพื้นฐาน
    • คลาส DebugElement
    • จำลองการโต้ตอบของผู้ใช้
17. การแก้จุดบกพร่อง
    • เกินview ของการดีบักเชิงมุม
    - Viewการใช้โค้ด TypeScript ใน Debugger
    • การใช้คำสำคัญดีบักเกอร์
    • การบันทึกการแก้ไขจุดบกพร่อง
    • Angular DevTools คืออะไร?
    • การใช้ Angular DevTools
    • Angular DevTools – โครงสร้างส่วนประกอบ
    • Angular DevTools – เปลี่ยนการดำเนินการตรวจจับไอออน
    • การจับข้อผิดพลาดทางไวยากรณ์

หลักสูตรนี้เหมาะสำหรับใคร?

หลักสูตรนี้มุ่งเป้าไปที่ทุกคนที่ต้องการเรียนรู้พื้นฐานของการพัฒนา Angular 15 และนำไปประยุกต์ใช้กับการสร้างได้ทันที web การประยุกต์ใช้งาน
นอกจากนี้เรายังสามารถจัดส่งและปรับแต่งหลักสูตรการฝึกอบรมนี้สำหรับกลุ่มขนาดใหญ่ ซึ่งช่วยประหยัดเวลา เงิน และทรัพยากรขององค์กรของคุณ สำหรับข้อมูลเพิ่มเติม โปรดติดต่อเราทางอีเมลที่ ph.training@lumifywork.com

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

• Web จำเป็นต้องมีประสบการณ์การพัฒนาโดยใช้ HTML, CSS และ JavaScript เพื่อให้ได้รับประโยชน์สูงสุดจากหลักสูตร Angular นี้
• ความรู้เกี่ยวกับเบราว์เซอร์ DOM ก็มีประโยชน์เช่นกัน
• ไม่จำเป็นต้องมีประสบการณ์เกี่ยวกับ Angular หรือ AngularJS มาก่อน

การจัดหาหลักสูตรนี้โดย Lumify Work อยู่ภายใต้ข้อกำหนดและเงื่อนไขการจอง
โปรดอ่านข้อกำหนดและเงื่อนไขอย่างละเอียดก่อนที่จะลงทะเบียนในหลักสูตรนี้ เนื่องจากการลงทะเบียนในหลักสูตรนั้นขึ้นอยู่กับการยอมรับข้อกำหนดและเงื่อนไข

https://www.lumifywork.com/en-ph/courses/angular-15-programming/ ph.training@lumifywork.com
lumifywork.com
facebook.com/LumifyWorkPh
linkedin.com/company/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork