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

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

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

Software Outsourcing Company

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 chuyên 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 hoà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 1: Giới thiêu công ty thực tập 6

1 Giới thiệu công ty EZtek Software Development and Software Outsourcing Company 7

2 Sản phẩm của công ty 7

Chương 2: Nội dung thực tập 8

1 Tìm hiểu công ty và các kỹ năng cơ bản trong công ty 8

2 Nghiên cứu kỹ thuật 8

2.1 Các công cụ làm việc 8

2.2 Tìm hiểu Framework Angular + Asp.net core nâng cao 9

2.3. Lập trình Website với Angular 9

3 Thực hiện project 10

Chương 3: Chi tiết về project 12

1 Giới thiệu về ứng dụng 12

2 Bước đầu thực hiện 12

4 Kết qủa 13

TÀI LIỆU THAM KHẢO 13

TỔNG KẾT 15

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

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 toà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 chuyên 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

Ngoà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

- Ngoà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 Ngoà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:

Team Back-end:

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 end đã hoàn thành dự án và đã có thêm mô hình khác vào back-end (CQRS)

TÀI LIỆU THAM KHẢO

For Angular

For NGRX

https://ngrx.io/

For Genuitec

https://www.genuitec.com/products/angular-ide

For Augury

https://augury.rangle.io/

For NX

https://nx.dev/

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 hoàn thành phần giao diện và cả phần back-end Em đã hoàn toàn kiểm soá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 hoà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