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