Báo cáo thực tập lập trình FULLSTACK với ANGULAR và ASP NET CORE

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM

BÁO CÁO THỰC TẬP

LẬP TRÌNH FULLSTACK VỚI
ANGULAR VÀ ASP.NET CORE

Cơng ty thực tập
: EZtek Software Development and
Software Outsourcing Company
Người phụ trách

: Phạm Trường Hưng

Thực tập sinh

: Vũ Anh Khoa

TP. Hồ Chí Minh, tháng 8 năm 2020


LỜI MỞ ĐẦU
Ngày nay, những ngành nghề liên quan tới công nghệ thông tin ngày càng phát
triển mạng mẽ để bắt kịp với xu hướng chung. Trong đó, Lập trình đa nền tảng trên thiết
bị di động đang trở nên phổ biến.
Cùng với xu thế phát triển của thế giới, Việt Nam cũng khơng phải ngoại lệ.
Ngành lập trình trên thiết bị di động non trẻ Việt Nam đã và đang phát triển mạnh mẽ, để
hịa nhập với những cơng ty hàng đầu về ứng dụng trên thế giới. Bên cạnh những công ty
trẻ tuổi trong nước, những công ty lớn trên thế giới cũng gia nhập vào thị trường Việt
Nam, góp phần rất lớn vào sự phát triển tích cực của ngành lập trình website tại Việt

Nam.
Ngành lập trình website được sinh ra là do nhu cầu giải trí của giới trẻ bằng những
thiết bị công nghệ mới nhất. Và cũng chính giới trẻ sẽ là nguồn nhân lực quan trọng cho
việc phát triển của ngành sau này. Vì lý do này, em quyết định chọn lập trình đa nền tảng
trên thiết bị di động làm định hướng cho việc học tập của mình.
Sau ba năm học tập trên trường, do mong muốn có thêm kinh nghiệm thực tế, cũng
như muốn được tham gia làm các ứng dụng di động trong một mơi trường chun
nghiệp, em có dự định là sẽ thực tập trong hè. Vì vậy, em quyết định chọn Công ty EZtek
Software Development and Software Outsourcing Company - một môi trường lý tưởng,
hiện đại, chuyên nghiệp - là nơi sẽ giúp em thực hiện được dự định này.


LỜI CẢM ƠN
Trân trọng gửi lời cảm ơn EZtek Software Development and Software
Outsourcing Company Việt Nam đã tạo điều kiện cho em có cơ hội được thực tập tại
cơng ty.
Chỉ trong một thời gian ngắn, nhưng nhờ sự chỉ dẫn nhiệt tình của nhóm trainer,
nhóm thực tập chúng em đã tiếp thu được những kiến thức quan trọng để có thể làm
được một ứng dụng di động. Chân thành cảm ơn các anh chị trong nhóm trainer đã bỏ ra
nhiều thời gian,cơng sức để hướng dẫn chúng em hồn thành đợt thực tập này.
Đặc biệt cảm ơn anh Phạm Trường Hưng đã training Angular +Asp.net Core,
hướng dẫn, giúp đỡ cho em tận tình cả những khó khăn trong cơng việc, đến những khó
khăn việc làm quen với mơi trường mới, đã chỉ dẫn chúng em về cách làm báo cáo, lên
kế hoạch, những kỹ năng không thể thiếu.
Cũng xin cảm ơn thầy cô trong khoa Công nghệ phần mềm đã nhiệt tình hỗ trợ, tạo
điều kiện em làm bài báo cáo này.
Em xin chân thành cảm ơn !
Vũ Anh Khoa
Thành phố Hồ Chí Minh, 27 tháng 7 năm 2020

NHẬN XÉT CỦA KHOA
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................


MỤC LỤC
Chương 2: Nội dung thực tập.............................................................................................................8
2.Bước đầu thực hiện..................................................................................................................................11

TÀI LIỆU THAM KHẢO.......................................................................................................................12


Chương 1: Giới thiêu công ty thực tập

1. Giới thiệu công ty EZtek Software Development and Software Outsourcing
Company
EZtek Software Development and Software Outsourcing Company được
thành lập năm 2011 tại Việt Nam, là công ty OutSourcing. Sau sáu năm thành lập,
đến nay Eztek đã khẳng định được vị thế là một trong những công ty dẫn đầu trong
lĩnh vực phát triển phần mềm, tư vấn công nghệ, đầu tư công nghệ.

2. Sản phẩm của công ty
BAP làm đa nền tảng các cơng nghệ hiện có trong ngành cơng nghệ thông tin hiện
nay:
Về lĩnh vực Web:Trade Analytics , Bus booking, Tyto
Các sản phẩm từ công ty BAP: My-pet


Chương 2: Nội dung thực tập
Đợt thực tập với chủ đề “Lập trinh Fullstack” nhằm mục đích giúp sinh viên thực
tập được đào tạo tồn diện về lập trình Website, đồng thời rèn luyện những kỹ năng mềm
như làm việc nhóm, thuyết trình, giao tiếp. Tại cơng ty, sinh viên có cơ hội được học tập,
khám phá và làm việc trong một môi trường phát triển ứng dụng di động chun nghiệp.
1. Tìm hiểu cơng ty và các kỹ năng cơ bản trong công ty
Thời gian : 1 ngày
Nội dung : Giới thiệu về công ty, cách tổ chức của công ty
Được nghe người phụ trách giới thiệu về công ty, quá trình thành lập và phát
triên (như đã nhắc đến ở trên), quy trình làm việc từ cao xuống thấp, cách thức tổ
chức của cơng ty .
Ngồi ra, thực tập sinh còn được giới thiệu về cách thức làm việc trong công
ty như thời gian đi làm, các quy định cần phải tuân thủ, cách sử dụng email trong
công việc…

Kết quả : Hiểu thêm về công ty Eztek, quá trình thành lập và phát triển. Có thêm
các kỹ năng về việc sử dụng email trong công việc, làm việc có kế hoạch, có kỷ
luật, có trách nhiệm hơn.
2. Nghiên cứu kỹ thuật
2.1. Các công cụ làm việc
Thời gian : 2 ngày
Nội dung : Tìm hiểu về các cơng cụ sẽ được sử dụng trong quá trình làm việc.
Trong thời gian này, anh đã hướng dẫn thực tập sinh tìm hiểu về các cơng cụ
sẽ giúp ích cho trong cơng việc sau này. Một số phần mềm trong số đó như
Tortoise SVN - sử dụng trong làm việc nhóm, Git – công cụ quản lý source
code trực quan với nhiều tính năng, Visual Studio Code - một chương trình
soạn thảo văn bản rất hữu ích và phổ biến với lập trình viên.
Thực hiện : Thực hành sử dụng các phần mềm đã nêu trên.
Kết quả : Lập trình sử dụng các cơng cụ miễn phí, giúp dễ dàng kết hợp các
cơng cụ với nhau, so với việc dung các IDE.
2.2.

Tìm hiểu Framework Angular + Asp.net core nâng cao
Thời gian : 3 ngày (1 tuần)


Nội dung : Được training về các kỹ thuật Angular + Asp.net core nâng cao,
những kiến thức quan trọng cho việc tối ưu trên nền tảng website .
- Work flow:
Flow của website là một phần quan trọng trong lập trình, vì người dùng cần
phải được sử dụng một website với hiệu năng tốt nhất, ứng dụng được chạy
trơn tru, không bị crash hay gây ra lỗi khi sử dụng.
- State Management (NgRx):
Là một library nó thay đổi cách thức hoạt động của Angular, biết cách viết
code một cách khoa học hơn, dễ quản lý các state của component dễ hơn.

- Reactive Programing:
Flow của ngôn ngữ javascript xem mọi thứ là luồng sự kiện, là lý thuyết lập
trình ở front end hoặc cả back end đều được.
- Dependency Injection:
Design pattern ở cả Angular và Asp.net core, ở Angular thì được Implement
sẵn cịn ở Back end thì tự implement
Thực hiện :
- Tham gia đầy đủ các buổi training của công ty.
- Làm các bài thực hành, kiểm tra về kiến thức đã học.
Kết quả :
- Nâng cao kỹ năng lập trình với Framework Angular + Asp.net core.
- Có được những kiến thức quan trọng cho việc lập trình đa nền tảng Web sau
này.
- Ngồi ra cịn được biết thêm một số quy tắc trong việc viết code sao cho
đúng chuẩn, dễ đọc, dễ hiểu.

2.3.

Lập trình Website với Angular
Nội dung: Các kiến thức cơ bản về Angular để có thể làm ra một website .
- Khái niệm cơ bản về Angular.
Nắm được khái niệm cơ bản của Angular, là một framework cho các nhà
phát triển website hoặc mobile với Ionic. Được phát triển bởi Google. Nó
được sử dụng để phát triển ứng dụng di động trên đa nền tảng. Ngồi ra, các
trainer cịn cung cấp cho em những khái niệm cơ bản như cách tạo một


component, sử dụng Angular CLI, cách xử lý các state nội bộ trong từng
màn hình thơng qua việc sử dụng Angular routing,…
- Cách viết styles trong Angular

Angular hỗ trợ các cách viết style component như là css, scss, sass
- Một số các package hữu dụng
Được các anh trainer giới thiệu cho các package hỗ trợ cho việc lập trình UI
của Website, dùng package có thể tiết kiệm bớt đi thời gian lập trình cho
từng module cần thiết, vì là mã nguồn mở nên Angular có một lượng
Package khá là phong phú trên Github. Một số các package hữu ích và đã
được sử dụng trong ứng dụng khi thực tập: Ngrx, Angular Material,
Nebular, ngDrag,…
Thực hiện :
- Tham gia đầy đủ các buổi trainning.
- Làm các bài tập thực hành như vẽ những hình cơ bản, state management
trong Website.
- Tìm kiếm tài liệu trên mạng để tìm hiểu them, tìm hiểu về flow của Website
sao cho hoạt động trơn tru nhất.
Kết quả :
- Hiểu được những khái niệm cơ bản trong lập trình Web với Angular.
3. Thực hiện project
Sau một tháng được training và thực hành, thực tập sinh đã nắm được những kiến
thực cơ bản về Angular, Asp.net core. Trong tháng thứ hai, trainer đã hướng dẫn
thực tập sinh áp dụng những kiến thức đã học để thực hiện một project trang Portal
quản lý các Entities đã được các anh chị Training đưa ra.
Chi tiết đồ án sẽ được nói ở phần sau.


Chương 3: Chi tiết về project
1. Giới thiệu về ứng dụng
Đây là project của kỳ thực tập lần này, project không phải nhắm về việc dự
án đã giải quyết vấn đề gì mà là dự án lần này là dự án mà nhắm đến các
kiến thức đã được training trong tháng vừa rồi, cách xây dựng một dự án từ
Front-end to Back-end là như thế nào, kỹ thuật coding như thế nào là đúng.

Các kỹ thuật trong lập trình Angular và cả Asp.net core. Mục đích chỉ nhắm
tới cách mà mình tạo dựng đồ án chứ khơng phải là nội dung của dự án.
2. Bước đầu thực hiện
Trước khi thực hiện các anh trainer đã chỉ ra hướng nên đi đầu tiên là phân
tích dự án.
Sử dụng kiến thức của mình tạo nên một database phù hợp nhất với dự án để
tránh sự thay đổi nhiều lần ở kiến trúc database
Thống nhất framework hay các library mà mình hay sử dụng để các thành
viên trong team có thể theo dõi một cách tốt nhất
Chia cơng việc cụ thể và có cách coding cũng như quản lý code như thế nào
3. Thực hiện:
Team front-end:
• Thiết kế giao diện
• Chia module theo smart and dumb component
• Thêm State Management vào project
• Thực hiện trang đăng nhập và các trang khác
Team Back-end:
• Vẽ sơ đồ database
• Hiện thực database trên SQL
• Thêm xử lý token vào project
• Viết các CRUD API
• Viết các API để filter
• Vì team front-end làm khơng kịp nên em đã qua team front-end làm
phụ
4. Kết qủa


- Hầu hết các tính năng trên đã được thực hiện.
- Đã hoàn thành dự án đã đề ra
- Team back-end đã hồn thành dự án và đã có thêm mơ hình khác vào backend (CQRS).

TÀI LIỆU THAM KHẢO
For Angular
/>For NGRX


/>
For Genuitec
/>For Augury
/>For NX
/>

TỔNG KẾT
Sau đợt thực tập khoảng hơn hai tháng tại cơng ty, em đã kịp hồn thành phần giao
diện và cả phần back-end. Em đã hồn tồn kiểm sốt được quy trình cũng như ky thuật
trong lập trình website với Agular và Asp.net Core
Qua đó, em cũng xin chân thành cảm ơn sự giúp đỡ của các anh chị trong đội ngũ
trainer của cơng ty, đã giúp đỡ em hồn thành kì thực tập doanh nghiệp này một cách tốt
nhất và học hỏi được nhiều kinh nghiệm quý báu để sau này có thể áp dụng trong cơng
việc tương lai.