Báo cáo thực tập front end developer

LỜI NÓI ĐẦUTrong thời đại 4.0 hiện nay, các ứng dụng công nghệ thông tin gần như đã thamgia và đóng góp một phần không thể thiếu vào hầu hết các lĩnh vực trong cuộc sống.Trong đó không t

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH

ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

Thực tập sinh: Mai Long Thành – 19522232

Giảng viên hướng dẫn: ThS Nguyễn Thị Thanh Trúc

TP Hồ Chí Minh, ngày 20 tháng 6 năm 2023

NHẬN XÉT

(Của giảng viên)

Mục lục

CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP 6

I Giới thiệu về công ty 6

II Cơ cấu tổ chức 9

III Tổng quan việc kinh doanh 10

IV Văn hóa công ty 14

CHƯƠNG 2 : NỘI DUNG THỰC TẬP 16

I Công nghệ, giải pháp và quy trình áp dụng 16

1 Giới thiệu về mô hình làm việc (Agile – Scrum) 16

2 Giới thiệu về công cụ VCS (git) 18

3 Giới thiệu về IDE sử dụng để code (VSCode) 19

4 Tìm hiểu về framework front-end (ReactJS) 20

5 Tìm hiểu về công cụ CI/CD (Jenkins) 21

6 Tìm hiểu về server (Apache Tomcat) 23

7 Tanstack (React query) 23

II Dự án Website quản lý HRMs 24

1 Lí do ra đời 26

2 Nhiệm vụ được giao 26

3 Mục tiêu 26

4 Các chức năng chính của HRMs version 1.0 26

CHƯƠNG 3: NHẬT KÝ THỰC TẬP 28

CHƯƠNG 4: KẾT QUẢ ĐẠT ĐƯỢC QUA KỲ THỰC TẬP 30

I Kết quả thu được 30

III Gợi ý cho chương trình học 31

IV Cảm nhận về công ty 31

V Định hướng cho tương lai 31

DANH MỤC TÀI LIỆU THAM KHẢO 31

LỜI NÓI ĐẦU

Trong thời đại 4.0 hiện nay, các ứng dụng công nghệ thông tin gần như đã thamgia và đóng góp một phần không thể thiếu vào hầu hết các lĩnh vực trong cuộc sống.Trong đó không thể không nói đến ứng dụng của ngành công nghệ phần mềm, đặc biệt làngành công nghiệp phát triển ứng dụng web đã đóng vai trò quan trọng trong việc đưacác doanh nghiệp, các mặt hàng, các loại hình giải trí đến được mọi người trên thế giới.Với tốc độ phát triển vô cùng mạnh mẽ, ngành phát triển ứng dụng web đã và đang lànhân tố kích thích sự phát triển của công nghệ thông tin thế giới, cả về phần cứng và phầnmềm cùng với đó là mối quan hệ cộng sinh cùng phát triển với các lĩnh vực khác trongđời sống

Song song với các xu hướng phát triển của các cường quốc công nghệ trên thếgiới, Việt Nam cũng không phải ngoại lệ Ngành công nghiệp phát triển web tuy vẫn cònnon trẻ ở Việt Nam nhưng tốc độ lan tỏa và phát triển vô cùng mạnh mẽ, để hòa nhập vàphần nào đó bắt kịp tốc độ với những công ty hàng đầu về xây dựng nền tảng web trênthế giới Bên cạnh sự phát triển của web thì những ngành nghề được tiếp cận người dùngmột cách nhanh chóng như những gì ta có thể thấy là mạng xã hội hay những website bánhàng trực tuyến cũng đang rất thịnh hành trên cả thế giới lẫn Việt Nam

Sau thời gian học tập và rèn luyện kĩ năng trên trường, các kiến thức nền tảng, quytrình sản xuất phần mềm bản thân em cũng phần nào nắm rõ, tuy nhiên vẫn chưa được cọsát thực tế, do đó để kiếm thêm kinh nghiệm thực tế, cũng như tìm hiểu, bổ sung kiếnthức trong một môi trường chuyên nghiệp, em quyết định thực tập trong học kì này Vìvậy, em quyết định chọn Công Ty TNHH Shinhan DS - một môi trường thân thiện, hiệnđại, quốc tế, chuyên nghiệp – là nơi khởi đầu của em

LỜI CẢM ƠN

Em xin chân thành cảm ơn ban giám hiệu và quý thầy cô trường Đại học Côngnghệ thông tin và khoa Công Nghệ Phần Mềm đã cung cấp, đào tạo và bồi dưỡng cho emnhững kiến thức trọng tâm, kiến thức chuyên ngành trong suốt 3 năm ngồi trên giảngđường đại học, để từ đó em có nền tảng áp dụng vào đợt thực tập này một cách hiệu quảnhất có thể

Em xin gửi lời cảm ơn quý Công Ty TNHH LIKELION và Công Ty TNHHShinhan DS Việt Nam đã tin tưởng, thừa nhận và tạo điều kiện cho em thực tập tại công

ty cũng như cung cấp, hỗ trợ, bổ sung cho em những kiến thức mà em còn thiếu sót Quýcông ty đã hỗ trợ em rất nhiều trong suốt thời gian thực tập vừa qua, dạy em những kỹnăng cần thiết, truyền đạt cho em những kinh nghiệm mà các anh chị đã trải qua trongquá trình làm việc, trao đổi với khách hàng, tác phong, tinh thần trách nhiệm trước côngviệc được giao, cách xử lý khi gặp issue và các kĩ năng mềm khác Các anh chị cũng đãtạo cho em nhiều điều kiện để rèn luyện, cọ sát, ứng dụng những kiến thức đã học vàothực tế để xây dựng những dự án thực tiễn, nâng cao trình độ, cũng như tốc độ lập trình

và nâng cao giá trị bản thân thêm một bậc Em xin chân thành cảm ơn

Vì kiến thức bản thân còn hạn chế cũng như là lần đầu tiên được va chạm và tiếpxúc với thực tế, áp dụng lý thuyết vào công việc nên bản thân còn nhiều sơ sót và bỡ ngỡ,không tránh khỏi những thiếu sót, mong quý Thầy (Cô) có thể đóng góp ý kiến để em cóthể hoàn thiện hơn

Em xin chân thành cảm ơn!

Mai Long Thành

TP Hồ Chí Minh, ngày 20 tháng 6 năm 2022

CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP

I Giới thiệu về công ty

- Tên đơn vị: Công ty TNHH LIKELION & Công ty TNHH Shinhan DS Việt Nam

a Công ty TNHH LIKELION

Hình 1.1: Logo công ty TNHH LIKELION

+ Lĩnh vực hoạt động: đào tạo lập trình

+ Địa chỉ tại Việt Nam: 38A Nguyễn Thị Diệu, Phường 6, Quận 3, Hồ ChíMinh

+ Website: https://www.classlionvn.net/

+ Điện thoại: (+84) 90 8885 090

+ Email: likelion.vn@likelion.net

+ Thời gian làm việc: 10:00 - 18:00 | Off time 13:00 - 14:00

b Công ty TNHH Shinhan DS Việt Nam

Hình 1.2: Logo công ty ShinhanDS Việt Nam

+ Lĩnh vực hoạt động: làm phần mềm product cho tập đoàn Shinhan vànhận cả dự án outsource

+ Địa chỉ: Phòng 1905, Tầng 19, Centec Tower, 72-74 Nguyễn Thị MinhKhai, Phường Võ Thị Sáu, Quận 03, TP Hồ Chí Minh, Việt Nam

+ Website: https://shinhands.com.vn/vi

+ Điện thoại: (084 – 028) 3823 7255

+ Email: shinhandsvn.interview@gmail.com

+ Thời gian làm việc: 8h30 – 17h30 từ thứ 2 đến thứ 6

+ Sứ mệnh: dẫn dắt sự đổi mới trong kinh doanh của khách hàng

+ Slogan: “Abilities advance, Build development Protocol, Coverage

Expansive”

+ Giá trị cốt lõi:

 Hướng về khách hàng

 Tôn trọng lẫn nhau

 Dẫn đầu thay đổi

 Vươn tới đỉnh cao

 Tinh thần tự chủ

Hình 1.3: tòa nhà Shinhan trụ sở chính tại Hàn Quốc

- Tập đoàn Tài chính Shinhan được xem như tập đoàn tiên phong về việc nắm giữtài chính tại Hàn Quốc Tập đoàn được thành lập trên nền tảng của Ngân hàngShinhan, Quỹ Đầu tư Shinhan và Công ty Quản lý Đầu tư Shinhan

- Chiến lược kinh doanh của Tập đoàn Tài chính Shinhan là cung cấp cho kháchhàng dịch vụ đa dạng, tiện lợi và thỏa đáng thông qua sự phân bố chuyên biệt vàhiệu quả Bên cạnh đó, tập đoàn luôn nỗ lực đa dạng hóa phạm vi kinh doanh,

cũng như cập nhật những công nghệ tài chính mới nhất để trở thành tập đoàn tàichính dẫn đầu trên quy mô toàn cầu.Mục tiêu của công ty là tạo ra những giá trịtích cực cũng như những sản phẩm đẳng cấp phù hợp với các tiêu chuẩn quốc tế.Geek Up không ngừng gia tăng giá trị cộng đồng bằng khả năng cung cấp chokhách hàng những sản phẩm và dịch vụ chất lượng cao nhất trong các lĩnh vựcphát triển phần mềm Công ty sẽ phát triển và cung cấp phần mềm đúng thời gian,trong phạm vi ngân sách và chất lượng cao nhất đem đến cho khách hàng sự hàilòng tuyệt đối, lợi nhuận tối đa, sự phát triển mạnh mẽ của thương hiệu sản phẩm

- Ngày 18 tháng 09 năm 2018, Shinhan DS Hàn Quốc đã thành lập chi nhánh nướcngoài đầu tiên tại Việt Nam Từ đó, Công ty Shinhan DS Việt Nam đã và đangđảm nhận khối Công nghệ Thông tin của Ngân hàng Shinhan, Công ty Chứngkhoán Shinhan, Công ty Tài chính Shinhan tại Việt Nam và mở rộng quy mô kinhdoanh vươn tới thị trường Đông Nam Á

- Nắm bắt nhu cầu và thường xuyên cập nhật xu hướng trong ngành, mỗi một thànhviên của công ty luôn không ngừng nâng cao khả năng của bản thân để mang đếngiá trị tích cực cho khách hàng

II Cơ cấu tổ chức

Shinhan DS được tổ chức theo mô hình phẳng Một mô hình mà trong đó mỗi thànhviên sẽ đóng các vai trò linh hoạt trong các nhóm, tổ chức khác nhau

● Squad: là các thành viên trong cùng một nhóm cùng nhau thực hiện các

công việc cần thiết để đạt được mục tiêu (goal) chung của dự án

● Chapter: các thành viên trong cùng một nhóm có chung chuyên môn

(expertise) Mục đích là hỗ trợ nhau về mặt chuyên môn, cùng nhau trưởngthành về mặt chuyên môn

● Guild: các thành viên trong cùng một nhóm có chung một sở thích

(interest), mối quan tâm nào đó, mục đích là cùng tham gia các hoạt độngthuộc về sở thích, các mối quan tâm ngoài công việc

Hình 1.4: Shinhan DS Viet Nam Organization Chart

III Tổng quan việc kinh doanh

Ngày 18 tháng 09 năm 2018, Shinhan DS Hàn Quốc đã thành lập chi nhánh nướcngoài đầu tiên đầu tiên tại Việt Nam Từ đó, Công ty Shinhan DS Việt Nam đã vàđang đảm nhận khối Công nghệ Thông tin của Ngân hàng Shinhan, Công ty Chứngkhoán Shinhan, Công ty Tài chính Shinhan tại Việt Nam và mở rộng quy mô kinhdoanh vươn tới thị trường Đông Nam Á, với đội ngũ thành viên chuyên môn cao, chấtlượng Shinhan DS đã gần như hoàn thành mục tiêu đầu tiên của mình, phát triển, triển

khai rất nhiều dự án phần mềm hỗ trợ cho các lĩnh vực khác của Shinhan tại Việt Namnhư Shinhan Bank, Shinhan Finance, Shinhan Life.

Các giai đoạn phát triển chiến lược của Shinhan:

- Giai đoạn 1: Gia nhập thị trường Việt Nam, cung cấp dịch vụ cho các công ty conthuộc Tập đoàn Tài chính Shinhan và công ty nội địa

- Giai đoạn 2: Tiến đến Vành đai Châu Á (bao gồm Khmer, Manila và Indonesia)

- Giai đoạn 3: Mở rộng quy mô kinh doanh ra thị trường quốc tế

Hình 1.5: Shinhan DS Viet Nam Map global Mục tiêu của Shinhan DS Việt Nam:

- Ngắn hạn: Ổn định môi trường địa phương & Tạo nền tảng để áp dụng công nghệtoàn cầu vào thị trường nội địa (Glocalization).

- Dài hạn: Trở thành nhà cải cách công nghệ toàn cầu (trung tâm Công nghệ Thôngtin tại Đông Nam Á)

Hình 1.6: Mục tiêu của Shinhan DS Việt NamMột số sản phẩm của Shinhan DS Việt Nam:

● Website Shinhan Bank- https://shinhan.com.vn/vi

Hình 1.7: website shinhan bank

● Website Shinhan Finance - https://shinhanfinance.com.vn/

Hình 1.8: Website Shinhan Finance

● Website Shinhan Life - https://shinhanlifevn.com.vn/#/landing

Hình 1.9: Website Shinhan Life.

Bên cạnh việc phát triển các website cho các lĩnh vực khác của Shinhan, Shinhan

DS Việt Nam cũng thực hiện phát triển các phần mềm HRM hỗ trợ quản lý nhân

sự, và các phần mềm nghiệp vụ ngân hàng cho các quốc gia khác trong khu vựcChâu Á

IV Văn hóa công ty

Văn hóa Shinhan mang những nét đặc trưng riêng, được xây dựng bởi tập thể cácthành viên Shinhan với những cá tính, bản sắc khác nhau nhưng luôn theo đuổi một

sứ mệnh duy nhất: “Phục vụ tốt nhất cho khách hàng” Với mong muốn tạo nên sựliên kết chặt chẽ giữa các cá thể này, Shinhan WAY ra đời với mong muốn kết nối cácthành viên của đại gia đình Shinhan bằng ngọn lửa của sự hy vọng và khát khao,không ngừng nỗ lực phát triển bản thân, cùng với sự cách tân đầy sáng tạo Bên cạnh

đó, Shinhan DS còn đề cao sự đoàn kết vững mạnh, sự hỗ trợ và tôn trọng lẫn nhaugiữa các thành viên, để cùng mang đến những giá trị tốt đẹp cho cộng đồng

Hình 1.10: Nhân tố hình thành văn hóa công ty Shinhan DS Việt Nam

Văn hóa Shinhan được xây dựng dựa trên nồng cốt là các giá trị cốt lõi:

● Đúng đắn: coi trọng việc làm những gì ĐÚNG ĐẮN cho khách hàng vàcho thế hệ tương lai

● Nhanh chóng: coi trọng việc trở nên NHANH CHÓNG, nhằm thực hiệnmọi việc một cách linh hoạt và hiệu quả, không ngừng học hỏi và tiếptục tiến lên phía trước

● Khác biệt: tôn trọng sự KHÁC BIỆT của từng cá nhân và xem trọng việctạo ra những kết quả KHÁC BIỆT

Trang phục đi làm:

Hình 1.11: Shinhan DS Viet Nam dress code

- Thời gian làm việc từ thứ 2 đến thứ 6 (8h30 – 17h30) Thời gian nghỉ trưa từ 12hđến 13h, mọi nhân viên có thể ăn trưa, nghỉ ngơi trước khi bắt đầu công việc vàobuổi chiều

- Đồ ăn nhẹ, nước uống, trà, cà phê, trái cây được miễn phí cho tất cả nhân viên

- Nhân viên được khuyến khích sử dụng tiếng Anh khi giao tiếp

- Nhân viên sau mỗi ngày làm việc được khuyến khích ghi chú lại thời gian, đầumục công việc đã làm trong một ngày trên hệ thống của công ty để đảm bảo dự ánđang được thực hiện một cách tốt nhất

- Thứ 6 sẽ diễn ra ‘Family day” được về sớm 30 phút so với bình thường

CHƯƠNG 2 : NỘI DUNG THỰC TẬP

I Công nghệ, giải pháp và quy trình áp dụng

1 Giới thiệu về mô hình làm việc (Agile – Scrum)

Hình 2.1: Quy trình Agile

● Mô hình Agile là gì ?

Khái niệm Agile (viết tắt của Agile Software Development) có nghĩa là

phương thức phát triển phần mềm linh hoạt, được ứng dụng trong quy trìnhphát triển phần mềm với mục tiêu là đưa sản phẩm đến tay người dùng càngnhanh càng tốt Nguyên tắc phát triển mô hình là phân đoạn lặp (iterative)

và tăng trưởng (incremental), theo đó nhu cầu và giải pháp tiến hóa thôngqua sự hợp tác giữa các nhóm tự quản và liên chức năng

Rất nhiều nơi định nghĩa Agile như một phương pháp Thực chất, Agilegiống như một phương pháp luận, một triết lý dựa trên hơn nguyên tắc phânđoạn vòng lặp (iterative) và tăng trưởng (incremental)

Ngày nay, triết lí Agile đã vượt xa khỏi khu vực truyền thống của mình làphát triển phần mềm để đóng góp sự thay đổi trong cách thức làm việc,quản lý, sản xuất ở các ngành khác như sản xuất, dịch vụ, sales, marketing,giáo dục và trở thành một phương thức quản lý dự án phổ biến nhất hiệnnay với nhiều đại diện được gọi là các phương pháp “họ Agile”.

● Tuyên ngôn của Agile

- Individuals and interactions over processes and tools: Cá nhân và

sự tương tác hơn là quy trình và công cụ

- Working software over comprehensive documentation: Phần

mềm chạy tốt hơn là tài liệu đầy đủ

- Customer collaboration over contract negotiation: Cộng tác với

khách hàng hơn là đàm phán hợp đồng

- Responding to change over following a plan: Phản hồi với sự thay

đổi hơn là bám theo kế hoạch

● 12 nguyên tắc của Agile

- Đáp ứng toàn diện nhu cầu khách hàng thông qua việc giao hàngsớm và sản phẩm có giá trị

- Thay đổi yêu cầu được chào đón, thậm chí là rất muộn trong quátrình phát triển

- Giao phần mềm chạy được cho khách hàng một cách thường xuyên

- Nhà kinh doanh và các kỹ sư phần mềm cần làm việc cùng nhautrong suốt dự án

- Xây dựng dự án xung quanh các cá nhân có động lực Cung cấp sự

hỗ trợ cần thiết, môi trường làm việc và niềm tin để hoàn thành côngviệc

- Trao đổi trực tiếp là cách truyền đạt thông tin hiệu quả nhất

- Thước đo chính của tiến độ là phần mềm chạy tốt

- Phát triển liên tục và bền vững

- Cải tiến sự linh hoạt bằng cách quan tâm đến kỹ thuật và thiết kế

- Nghệ thuật tối đa hóa lượng công việc chưa xong - Sự đơn giản làcần thiết

- Nhóm tự tổ chức

- Thích ứng thường xuyên với những thay đổi

2 Giới thiệu về công cụ VCS (git)

Hình 2.2: Mô hình công cụ Git

Git là tên gọi của một Hệ thống quản lý phiên bản phân tán (Distributed Version Control System – DVCS) là một trong những hệ thống quản lý phiên bản phân tán

phổ biến nhất hiện nay DVCS nghĩa là hệ thống giúp mỗi máy tính có thể lưu trữnhiều phiên bản khác nhau của một mã nguồn được nhân bản (clone) từ một kho chứa

mã nguồn (repository), mỗi thay đổi vào mã nguồn trên máy tính sẽ có thể ủy thác(commit) rồi đưa lên máy chủ nơi đặt kho chứa chính Và một máy tính khác (nếu họ

có quyền truy cập) cũng có thể clone lại mã nguồn từ kho chứa hoặc clone lại một tậphợp các thay đổi mới nhất trên máy tính kia Trong Git, thư mục làm việc trên máytính gọi là Working Tree

3 Giới thiệu về IDE sử dụng để code (VSCode)

Hình 2.3: VSCode Visual Studio Code là sản phẩm của Microsoft, ra mắt vào tháng 4 năm 2015 ở hội nghị Build Đặc điểm nổi bật là đơn giản, gọn nhẹ, dễ dàng cài đặt Visual Studio Code có thể cài đặt được trên cả Windows, Linux và Mac OS và hỗ trợ nhiều ngôn ngữ

khác nhau