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

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
Front-End Web Developer

Công ty thực tập:
Người phụ trách:
Thực tập sinh:

Cơng ty TNHH Shinhan
DS Việt Nam
Trương Quốc Khánh
Hồng Mạnh Tân

TP. Hồ Chí Minh, tháng 06 năm 2023

1


LỜI MỞ ĐẦU

Trong cuộc cách mạng công nghiệp 4.0, công nghệ thơng tin nói chung và ngành Cơng nghệ
phần mềm nói riêng ln là nhân tố đóng vai trị quan trọng trong q trình phát triển của xã
hội.
Cơng nghệ Web, hay công nghệ sản xuất các trang web đã phục vụ hầu hết các nhu cầu của
con người từ bán hàng, cung cấp kiến thức đến thông tin liên lạc, ... Hiện nay đã có đến hơn
1.5 tỷ trang web, nhưng nhu cầu tạo ra những trang web mới vẫn chưa có dấu hiệu giảm.
Do đó, một trang web muốn được nhiều người sử dụng phải đáp ứng được yếu tố hình thức và
nội dung. Làm thế nào để sản phẩm tạo ra đạt chất lượng cao ở hai yếu tố trên ln làm bất kì
một đội ngũ phát triển website nào cũng cần phải suy nghĩ đau đầu. Để thử thách bản thân trong

ngành công nghiệp web, em đã lựa chọn Front-end web developer là định hướng cho việc học
cũng như nghề nghiệp trong tương lai.
Sau những năm tháng trong môi trường đại học, với mong muốn áp dụng những kiến thức đã
học và có được trải nghiệm trong môi trường thực tế, em đã quyết định tham gia vào Công ty
TNHH Shinhan DS Việt Nam, với sự hợp tác cùng cơng ty đào tạo lập trình LIKELION sẽ là
một môi trường lý tưởng và chuyên nghiệp để em có thể học hỏi, củng cố nền tảng kiến thức
từ đó có thể thực hiện dự định của bản thân trong tương lai.

2


LỜI CẢM ƠN

Em xin trân trọng gửi lời cảm ơn đến Công ty TNHH Shinhan DS Việt Nam và công ty THHH
LIKELION đã tạo điều kiện cho em cơ hội được thực tập tại công ty. Dù trong thời gian ngắn
nhưng nhờ sự chỉ dẫn nhiệt tình của anh Trương Quốc Khánh, em đã tiếp thu những kiến thức
quan trọng để có thể tham gia một dự án thực tế.
Chân thành cảm ơn Công ty TNHH Shinhan DS Việt Nam và các anh chị trong team trainer
LIKELION đã bỏ ra nhiều thời gian, công sức để hướng dẫn, hướng dẫn, giúp đỡ em tận tình
trong khi làm quen mơi trường mới cũng như trong việc tiếp cận kiến thức công nghệ, kỹ năng
lập trình và tư duy sản phẩm để có thể thực hiện tốt dự án cá nhân và dự án thực tế trong thời
gian qua.
Em 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áo cáo này.

TP. HCM, ngày 09 tháng 06 năm 2023

Hoàng Mạnh Tân

3

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

...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
4


...................................................................................................................................................
...................................................................................................................................................

MỤC LỤC
LỜI MỞ ĐẦU ............................................................................................................................ 2
LỜI CẢM ƠN ............................................................................................................................ 3
NHẬN XÉT CỦA KHOA ......................................................................................................... 4
MỤC LỤC ................................................................................................................................. 5
CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP ................................................................ 6
1.1. Giới thiệu về Công ty TNHH Shinhan DS Việt Nam ..................................................... 6
1.1.1. Tổng quan về cơng ty............................................................................................... 6
1.1.2. Lịch sử hình thành và phát triển của công ty ........................................................... 6
1.1.3. Quy mô công ty........................................................................................................ 7
1.2. Sản phẩm công ty ............................................................................................................ 7

1.3. Lịch làm việc khi thực tập tại công ty............................................................................. 9
CHƯƠNG 2: NỘI DUNG THỰC TẬP ................................................................................... 10
2.1. Tìm hiểu cơng ty và các kỹ năng cơ bản trong công ty ................................................ 10
2.2. Nghiên cứu kỹ thuật ...................................................................................................... 10
2.2.1. Các công cụ ............................................................................................................ 10
2.2.2. HTML, CSS, Javascript, Boostrap, … ................................................................... 10
2.2.3. Tìm hiểu về ReactJS, VueJS, AntDesign, MUI,… và Redux................................ 10
2.3. Thực hiện dự án cá nhân ............................................................................................... 11
2.3.1. Công nghệ: HTML, CSS, Javascript, ReactJS, Redux, AntDesign ....................... 11
2.3.2. Mô tả dự án: ........................................................................................................... 11
2.3.3. Kết quả: các dự án thực hiện với đầy đủ các chức năng công ty đề ra. ................. 15
CHƯƠNG 3: TỔNG KẾT ....................................................................................................... 16
3.1. Điểm mạnh .................................................................................................................... 16
3.2. Điểm yếu ....................................................................................................................... 16
3.3. Chuẩn đạt được ............................................................................................................. 16
TÀI LIỆU THAM KHẢO ....................................................................................................... 17

5


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

1.1. Giới thiệu về Cơng ty TNHH Shinhan DS Việt Nam

Hình 1.1. Logo Công ty TNHH Shinhan DS Việt Nam
1.1.1. Tổng quan về công ty
Công ty TNHH Shinhan DS Việt Nam là một cơng ty có truyền thống lâu đời của Hàn Quốc,
chịu trách nhiệm về hoạt động kinh doanh liên quan đến Cơng nghệ Thơng tin và Truyền
thơng cho Tập đồn Tài chính Shinhan. Cơng ty ln tạo điều kiện cho phép các nhà phát
triển thực hiện ước mơ của chính họ bằng cách cung cấp môi trường làm việc để phát triển và

việc làm ổn định.
Được thành lập vào năm 1991, Công ty TNHH Shinhan DS Việt Nam cung cấp dịch vụ Cơng
nghệ Thơng tin có hệ thống bao gồm Quản lý Hệ thống (System Management), Tích hợp Hệ
thống (System Integration), tư vấn Công nghệ Thông tin và e-biz trong Tập đồn Tài chính,
chẳng hạn như ngân hàng, thẻ và chứng khoán, thúc đẩy Chuyển đổi Kỹ thuật số để tối đa
hóa sự hài lịng của khách hàng và đạt được sự phát triển không ngừng thông qua sự tin
tưởng và ủng hộ của khách hàng.
Ngày 18 tháng 09 năm 2018, Shinhan DS Hàn Quốc đã thành lập chi nhánh nước ngồ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ứng khốn Shinhan, Cơng ty Tài
chính Shinhan tại Việt Nam và mở rộng quy mô kinh doanh vươn tới thị trường Đơng Nam
Á.
1.1.2. Lịch sử hình thành và phát triển của công ty
Tháng 06 năm 2018, Shinhan DS Hàn Quốc đề ra ý tưởng thành lập và định hướng chiến
lược chi nhánh Shinhan DS Việt Nam trở thành Công ty cung cấp dịch vụ IT. Đến tháng 09
cùng năm, diễn ra lễ khai trương và lễ ký kết MOU với HCA (Hội tin học TP. Hồ Chí Minh)
6


và Saigon Hub, cơng ty chính thức đi vào hoạt động. Tháng 10 và 11 cùng năm, công ty đã
triển khai hợp đồng Tích hợp hệ thống với Ngân hàng Shinhan Việt Nam, bước đầu triển khai
một số lĩnh vực ngân hàng (Common, Channel and Deposit) và thực hiện lễ ký kết MOU với
RAON Secure.
Năm 2019, cơng ty đã có một số hoạt động nổi bật như hợp tác với Ngân hàng Shinhan Việt
Nam về phần mềm Hiware và công tác bảo trì, Cập nhật Hệ điều hành Window ATM với
Ngân hàng Shinhan Việt Nam và Campuchia, Tư vấn phát triển kho lưu trữ dữ liệu và báo
cáo với Công ty Tài Chính Shinhan Việt Nam, ATM Sales và phần mềm giám sát với Ngân
hàng Shinhan Việt Nam, Mở rộng độ phủ IT trong lĩnh vực Ngân hàng (Loan, Digital and
System), …
Đến tháng 02 năm 2020, công ty đã triển khai Outbound contact center với Ngân hàng

Shinhan Việt Nam và lắp đặt hệ thống Broadcasting cho Trường Quốc Tế Hàn Quốc tại Tp.
Hồ Chí Minh. Và ba tháng cuối năm đó, cơng ty đã hồn thiện được Hệ thống nhận diện
khách hàng (EKYC – E-know Your Customer) thông qua phần mềm Spass với Ngân hàng
Shinhan Việt Nam, Thiết bị lưu trữ và máy chủ HPE với Tài chính Shinhan Việt Nam và Phát
triển Dịch vụ rút tiền mặt không cần dùng thẻ tại ATM (Cardless ATM) với Ngân hàng
Shinhan Việt Nam, …
1.1.3. Quy mô công ty
Công ty TNHH Shinhan DS Việt Nam vẫn đang phát triển và mở rộng quy mơ hoạt động của
mình theo thời gian. Hiện tại, cơng ty có một quy mơ vừa phải và đáng kể trong ngành công
nghệ phần mềm.
Về nhân sự, Shinhan DS Việt Nam có một đội ngũ nhân viên hùng hậu khoảng 80 người với
đầy lòng nhiệt huyết và tài năng. Đội ngũ này bao gồm các lập trình viên front-end, back-end,
chuyên viên kiểm định chất lượng, nhân viên bộ phận nhân sự, nhân viên bộ phận marketing
và nhân sự của một số phịng ban khác.
Về quy mơ dự án của cơng ty, Shinhan DS Việt Nam chịu trách nhiệm phát triển và bảo trì
các phần mềm nội bộ của Tập đồn Tài chính Shinhan và các cơng ty con khác của tập đồn
như Cơng ty Chứng khốn Shinhan, Cơng ty Tài chính Shinhan tại Việt Nam, … Ngồi ra,
cơng ty cũng nhận cung cấp và phân phối các dự án phần cứng IT như network, server, ATM,
… và tư vấn về công nghệ thông tin cho các công ty khác.
Về đối tác, Shinhan DS Việt Nam có quan hệ đối tác với rất nhiều cơng ty lớn nhỏ trong và
ngồi nước nhưng chủ yếu là các công ty, tổ chức công nghệ của Việt Nam và Hàn quốc như
Saigon innovation Hub, Lotte Data Communication, RaonSecure, …

1.2. Sản phẩm công ty
* Shinhan Bank Website

7


Hình 1.2.1 Shinhan Bank Website

Shinhan Bank Website có vai trị giới thiệu các thông tin tổng quan về ngân hàng Shinhan và
tập đồn Shinhan. Ngồi ra nó cịn cung cấp các thơng tin khác như các gói mua sắm, làm thẻ
tín dụng, các gói vay, … Đặc biệt là chức năng ngân hàng trực tuyến, hỗ trợ khách hàng thực
hiện các tác vụ như thanh toán, … qua mang.
Link: />* Shinhan Bank Việt Nam Website

Hình 1.2.2 Shinhan Bank Việt Nam Website
Shinhan Bank Website có vai trị giống như Shinhan Bank Website nhưng là bản quốc tế, phục
vụ cho thị trường Việt Nam.
Link: />8


1.3. Lịch làm việc khi thực tập tại công ty
Em tham gia làm việc part-time tại công ty bắt đầu từ ngày 12/12/2022 tới 05/04/2023, các
ngày làm việc trong tuần vào thứ 2, 4, 6. Công việc chủ yếu của em là được training, ôn luyện
các kiến thức cần thiết, cũng như là các kiến thức mới trong lĩnh vực lập trình web bởi nhóm
trainer LIKELION để có thể đáp ứng nhu cầu của công ty.
Sau khi ôn tập xong, phía Shinhan DS sẽ yêu cầu em thực hiện các project cá nhân và sẽ nộp
lại sau đó để bên họ đánh giá, nhận xét và góp ý sửa lỗi.

9


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

2.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, q trình thành lập và phát triể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, các phịng ban về IT, HR, … Ngồi ra, thực tập sinh cịn được giới thiệu

về văn hóa làm việc trong cơng ty như thời gian đi làm, các quy định, cách sử dụng email trong
công việc, …
Kết quả: hiểu thêm về lịch sử, quy mô cơng ty, q 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.2. Nghiên cứu kỹ thuật
2.2.1. Các công cụ
Thời gian: 1 ngày
Nội dung: Các trainer sẽ hướng dẫn cho em về các công cụ mà công ty thường sử dụng như
Visual Studio Code để lập trình, Github để lưu trữ source code hay Slack là kênh trao đổi cơng
việc chính,…
Kết quả: Đã có thể sử dụng các cơng cụ trên
2.2.2. HTML, CSS, Javascript, Boostrap, …
Thời gian: 2 tuần
Nội dung: Ôn tập các kiến thức về HTML, CSS, ngôn ngữ lập trình Javacript cũng như các
framework CSS nổi tiếng như Boostrap, tìm hiểu phương thức làm việc với API. Thực hành
lập trình các landing page quảng cáo bán hàng, bán vé xem phim với đầy đủ các chức năng
bằng các kiến thức đã ơn tập và tìm hiểu trên.
Kết quả: Đã có hiểu rõ các khái niệm lập trình web cơ bản và có thể xây dựng cho một website
cơ bản.
2.2.3. Tìm hiểu về ReactJS, VueJS, AntDesign, MUI,… và Redux
Thời gian: 20 ngày
Nội dung: Tìm hiểu và thực hành các kiến thức về ReactJS, life cycle, hook, ES6, Redux và
một phần nhỏ VueJS.
Kết quả: Đã có thể xây dựng các website như bán hàng, dự báo thời tiết, xem phim, … bằng
ReactJS.

10

2.3. Thực hiện dự án cá nhân
Sau hơn 1 tháng được training và thực hành các kiến thức cần có để lập trình web front end.
Trong thời gian tiếp theo, các trainer sẽ hướng dẫn em thực hiện các project khác nhau để có
thể vận dụng thành thạo các kiến thức đã học.
2.3.1. Công nghệ: HTML, CSS, Javascript, ReactJS, Redux, AntDesign
2.3.2. Mô tả dự án:
_ Một website dự báo thời tiết toàn cầu.

11


_ Một website xem thông tin phim

12


_ Một website quản lý người dùng

13


14


2.3.3. Kết quả: các dự án thực hiện với đầy đủ các chức năng công ty đề ra.

15

CHƯƠNG 3: TỔNG KẾT

Quãng thời gian thực tập tại Shinhan DS đã giúp em cải thiện bản thân rất nhiều trong quy trình
làm việc thực tế, tác phong của người kỹ sư phần mềm. Được làm việc tại đây, em đã học thêm
được kỹ năng mềm sử dụng mail, quản lý ticket, làm việc nhóm, giao tiếp với cấp trên, …
Chỉ trong thời gian hạn chế, em đã hoàn thành dự án cá nhân trong q trình training với các
tính năng, yêu cầu đặt ra ban đầu.

3.1. Điểm mạnh
_ Tuân thủ thời gian làm việc của cơng ty.
_ Hồn thành các nhiệm vụ cơng ty đề ra.
_ Có thể tìm hiểu, tham khảo các tài liệu tiếng anh.

3.2. Điểm yếu
_ Ít nói, ít trao đổi với trainer.
_ Chưa thân thiện, hịa đồng với mọi người trong cơng ty.

3.3. Chuẩn đạt được

Goal Mục tiêu môn học
G1

Nắm bắt được xu hướng, nhu cầu xã hội và tính đặc thù của doanh nghiệp

G2

Hiểu và giải thích được các khái niệm cơ bản, thuật ngữ và sơ đồ hệ thống trong dự
án

G3

Nắm được quy trình, phương pháp và cơng nghệ phát triển sản phẩm phần mềm tại
doanh nghiệp

G4

Có khả năng tìm hiểu vấn đề, mơ hình hóa vấn đề và tham gia giải quyết vấn đề

G5

Phát triển kỹ năng tư duy, kỹ năng làm việc nhóm và kỹ năng trình bày

G6

Đọc, hiểu các tài liệu và giao tiếp bằng tiếng Anh

16


TÀI LIỆU THAM KHẢO
1. ReactJS: />2. AntDesign: ign/
3. Redux: />4. Javascript: />
17