Advance Angular with Firebase Realtime web application

  • TTDG25
  • Classroom
  • Fundamental
  • Thai
Digital Technology

เรียนรู้การเชื่อมโยง Technology ทั้ง Angular และ Firebase  นี้เข้าด้วยกัน โดยเป็นการนำ Angular เป็นตัวทำหน้า UI และเชื่อมโยงกับฐานข้อมูลใน Firebase แบบ Realtime Web Application พร้อมทั้งเรียนรู้วิธีการ Deploy application ที่พัฒนาเสร็จแล้วไป deploy บน firebase hosting

Course description

Time
Days :
3 Day(s)
Duration :
18 Hour(s)
Time :
09:00:00 - 16:00:00
Training Date :
19 September 2022 - 21 September 2022
Status :
Open Register
Instructor
Name :
avatar
Mr.Sommai Krangpanich

Language :
Thai
Venue
Venue :
ห้องอบรม ชั้น 3 อาคารซอฟต์แวร์พาร์ค
Type :
Classroom
Advance Angular with Firebase Realtime web application

                   Angular เป็น Web Framework ตัวนึงที่พัฒนาโดยบริษัท Google ที่ได้รับความนิยมเป็นอย่างสูง เหมาะสำหรับพัฒนา Web Application โดยเฉพาะระบบ Enterprise Software เนื่องจากเป็น Framework ที่มีความครบถ้วนในตัวเอง เป็น Framework ที่เหมาะสำหรับพัฒนาระบบงานใหญ่ ๆ

              Firebase เป็น technology ในแบบ Serverless ของทาง Google ที่มีความสามารถสูงหลายอย่าง ซึ่งเป็นที่ได้รับความนิยมเป็นอย่างมากโดยเฉพาะ Application ที่ต้องการความสามารถ update ข้อมูลแบบ Real Time

              ในหลักสูตรนี้จะเรียนรู้การเชื่อมโยงทั้งสอง Technology นี้เข้าด้วยกันโดยเป็นการนำ Angular เป็นตัวทำหน้า UI และเชื่อมโยงกับฐานข้อมูลใน Firebase แบบ Realtime Web Application พร้อมทั้งเรียนรู้วิธีการ Deploy application ที่พัฒนาเสร็จแล้วไป deploy บน firebase hosting

  • นักเรียน, นักศึกษา, ผู้ประกอบการ, Developer ที่มีความรู้ในการพัฒนาโปรแกรมในด้าน Web ทั้งสาย .NET, PHP, Java และอื่นๆ
  • ผู้ที่ทำงานทางด้าน IT อื่นๆ ที่อยากศึกษาเพิ่มเติมความรู้ หรืออยากเปลี่ยนมาทำงานสายนี้เหมาะกับคนที่เขียน JavaScript อยากอัพเดทพื้นฐาน และ feature ใหม่ๆ เพื่อต่อยอดเขียน JS Framework ในอนาคต

ความรู้พื้นฐาน :

  • Programming experience
  • Understanding of HTML and HTTP
  • Windows, Internet หรือมีความรู้ทาง HTML

  • เรียนรู้วิธีการพัฒนา Web application ด้วย Angular
  • เรียนรู้วิธีการใช้งาน Firebase console
  • เรียนรู้วิธีการพัฒนา angular ให้สามารถเชื่อมโยงกับฐานข้อมูล firebase ได้
  • เรียนรู้วิธีการพัฒนา angular ให้สามารถ upload / download file จาก firebase ได้
  • เรียนรู้วิธีการ build angular เพื่อ deploy บน firebase hosting ได้

Day 1

Module 1 : Architecture Overview

  • Basics of Typescript
  • Components, Bootstrap, and the DOM
  • Directives and pipes
  • Data binding
  • Dependency Injection
  • Services and other business logic
  • Data Persistence
  • Routing

Module 2 : Components

  • Component metadata
  • The component selector
  • The component template
  • Styling a component
  •  Using other components in a component
  • Interpolation and the expression context
  • Property binding
  • Getting data to the component with input
  • Subscribing to component events with output

Module 3 : Directives and Pipes

  • ­Structural directives – nglf
  • Structural directives – ngFor

Module 4 : Directives and Pipes

  • Using directive values
  • Working with events in directives
  • Angular pipes – built in
  • Angular pipes – custom

Module 5 : Form

  • Angular Form
  • Template – driven forms
  • Model – driven forms
  • Validation – built in
  • Validation – custom
  • Error handing

Module 6 : Dependency Injection and Services

  • How Angular does dependency injection
  • Services in Angular
  • Class constructor injection
  • Building a service

Day 2

  • Introduction to Firebase
  • Firebase Auth
  • Firebase Database
  • Firebase Storage
  • Firebase Hosting
  • Firebase Functions

Day 3

Module 7 : HTTP

  • The Angular HTTP bundle
  • Using a mock back end for HTTP calls
  • Using HTTP for GET calls
  • Using UrlSearchParams
  • Using HTTP for POST, PUT, and DELETE calls

Module 8 : Routing

  • The Angular routing bundle
  • Route configuration
  • Router outlets
  • Router links

Payment can be made by:

    1. Cash or Credit Card or Bank Cheque payable to “Software Park Thailand #2” (a post-dated cheque is not accepted) on the first day of the service or within the last day of the service.
     2. Account transfer and send the proof of the payment (the deposit slip) via fax or email to fax no. 02-583-2884 or email ttd@swpark.or.th

        2.1 Siam Commercial Bank, Chaengwattana Branch
             Saving Account Number: 324-2-56262-0
             Account Name: Software Park Thailand#2

        2.2 Krungsri Bank, Chaengwattana (Software Park) Branch
             Saving Account Number: 329-1-34850-3
             Account Name: Software Park Thailand#2

Notes:
- Withholding tax (3%) is exempt.
- Should you need to withdraw, you must send the notice of the withdrawal in writing no later than 7 working days before the commencement date. The cancellation less than 7 days will be subject to a fine of 40% of the fee.
- Software Park Thailand reserves the rights to cancel courses due to unforeseen circumstances.

Contact Person

For more information, contact our course coordinator on:

คุณภัสสร พรทิพย์

Ms. Patsorn Pornthip

Tel: 02583-9992 Ext. 81422

Mobile: 088-893-5564

Email: patsorn@swpark.or.th, ttd@swpark.or.th

You are encouraged to use the course schedule as a guide to plan your training. The schedule is accessible at www.swpark.or.th for more information. 

12,000 THB .

สำคัญ!!! กรุณารอการยืนยันเปิดการอบรมจากเจ้าหน้าที่ก่อนการชำระค่าลงทะเบียน

Enroll nowขออภัย ขณะนี้ปิดรับลงทะเบียนแล้ว

Course Detail :
Days :
3 Day(s)
Duration :
18 Hour(s)
Time :
09:00:00 - 16:00:00
Training Date :
19 September 2022 - 21 September 2022
Status :
Open Register

Instructor info
avatar
Mr.Sommai Krangpanich