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

LỜI MỞ ĐẦUTrong 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 luôn là nhân tố đóng vai trò quan trọng trong quá trình phát triển củax

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 DEVELOPER

Công ty thực tập: Công ty cổ phần Tập đoàn WATA

Người phụ trách: Trần Bảo Phong

Thực tập sinh: Nông Ngọc Xuân Hoàng

TP Hồ Chí Minh, tháng 1 năm 2024

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 luôn là nhân tố đóng vai trò quan trọng trong quá 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 luôn 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 Full stack 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 cổ phần Tập đoàn WATA – một môi trường lý tưởng và chuyên nghiệp để thực hiện

dự định

2

LỜI CẢM ƠN

Em xin trân trọng gửi lời cảm ơn đến Công ty cổ phần Tập đoàn WATA đã 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ần Bảo Phong và những người khác, 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 anh Phong trong team ReactJS và các thành viên của team khác đã 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 5 tháng 1 năm 2024

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 Cổ phần Tập đoàn WATA 6

1.2 Sản phẩm công ty 7

1.2.1 Racing Product Online Shop 7

1.3 Lịch làm việc khi thực tập tại công ty 8

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

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

2.2 Nghiên cứu kỹ thuật 9

2.2.1 Tuần 1 9

2.2.2 Tuần 2 9

2.3 Thực hiện dự án cá nhân 9

2.3.1 Công nghệ: 9

2.3.2 Mô tả dự án: 9

2.3.3 Kết quả: 9

2.4 Tham gia dự án thực tế 12

2.4.1 Công nghệ: 12

2.4.2 Mô tả: 13

2.4.3 Kết quả: 13

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 17

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

1.1 Giới thiệu về Công ty Cổ phần Tập đoàn WATA

Hình 1.1 Logo Công ty cổ phần Tập đoàn Wata

Được thành lập vào năm 2016, WATA đã và đang phát triển nhanh chóng, trở thành công ty tiên phong trong việc cung cấp các giải pháp phần mềm chất lượng cao trong nhiều lĩnh vực, phục vụ nhiều khách hàng trong và ngoài nước như Bắc Mỹ, Singapore, Hàn Quốc và Nhật Bản

WATA là một đội ngũ tập hợp nhiều chuyên gia giàu kinh nghiệm và xuất sắc trong việc giải quyết các thách thức trong kinh doanh cho các doanh nghiệp

Niềm tin và năng lực cốt lõi của WATA trong thiết kế lấy người dùng làm trọng tâm trong các lĩnh vực đa ngành cho phép đạt được sự nhất quán liền mạch và tập trung hơn vào các chi tiết quan trọng

1.2 Sản phẩm công ty

1.2.1 Racing Product Online Shop

Hình 1.2.1 Sản phẩm Racing Product Online Shop

Khách hàng: The Australia racing product online shop

Mô tả: Hệ thống cho phép người dùng mua sản phẩm trực tuyến Nó cũng cho phép cửa hàng quản lý sản phẩm, đơn đặt hàng, vận chuyển và thanh toán

Công nghệ: : Magento, PHP/MySQL, Html/CSS, KnockoutJS, jQuery, ReactJS

8

1.2.2 Trans Management System

Hình 1.2.2 Sản phẩm Trans Management System

Khách hàng: The worldwide logistic company in America

Mô tả: Hệ thống cung cấp các chức năng quản lý dịch vụ logistic như: logistic, vận chuyển hàng hóa, dịch vụ vận tải, kiểm soát nhiệt độ, hỗ trợ chuỗi cung ứng nhạy cảm về thời gian, kết nối hoạt động kinh doanh của khách hàng

Công nghệ : ASP.Net Core, Azure, AngularJS 8, Ignite, Flex UI , HTML, CSS, MSSQL, Entity Framework Core, LinQ, SOLID & DI Design Patterns, Microservices, Restful API, Auth0/Oauth, Devops (CI/CD, Docker)

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 tại công ty bắt đầu từ ngày 16/10/2023 tới 16/1/2024, các ngày làm việc trong tuần là từ thứ 2 đến thứ 6 Công việc hằng ngày bắt đầu từ lúc 9 giờ đến 18 giờ Thời gian nghỉ trưa khoảng 1 tiếng Sau mỗi ngày làm việc em sẽ báo cáo tiến độ công việc trong ngày, đặt câu hỏi và nhận chia sẻ, giải đáp từ anh hướng dẫn, đặt mục tiêu cho ngày làm việc tiếp theo Mỗi tuần sẽ họp tiến độ tuần 1 lần vào thứ 6, mọi người sẽ cùng họp và bàn bạc về các vấn đề đã giải quyết, tồn đọng, bài học, giải pháp và mục tiêu cho tuần tiếp theo cũng như tổng hợp những kiến thức mới Mỗi tháng sẽ tổ chức “Sinh nhật Tháng” cho

cả văn phòng một lần vào một ngày nhất định trong tháng để tri ân những người có ngày sinh vào tháng đó cũng như những sự kiện đặc biệt trong tháng

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, quá 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, … Ngoà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ác phòng làm việc trong công ty và các thành viên, …

Kết quả: hiểu thêm về công ty WATA, quy trình làm việc Có thêm các kỹ năng về việc sử dụng ứng dụng để trao đổi thông tin 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 Tuần 1

Nội dung: Được giới thiệu về thời gian làm việc và văn hóa làm việc tại công ty Ôn lại những kiến thức và nguyên tắc cơ bản của Reactjs, Javascript, HTML, CSS, NodeJS Cách setup một project và cài đặt những công cụ cần thiết để làm việc trong dự án như Git, Postman… Kết quả: Làm quen với môi trường và mọi người trong công ty Nắm được kiến thức cơ bản

và cách sử dụng các phần mềm mà mình sẽ làm việc trong project mình tham gia

2.2.2 Tuần 2

Nội dung: Học các kiến thức về ReactJS như routing, redux, hook, tailwind, MUI

Kết quả: Nắm được các kiến thức của ReactJS và biết cách tạo một Typescript project bằng Vite và nguyên tắc thiết kế website sử dụng Tailwind và MUI,…

2.3 Thực hiện dự án cá nhân

Dự án: Thiết kế một website xem phim

2.3.1 Công nghệ:

ReactJS, Typescript, Tailwinds, MUI,…

2.3.2 Mô tả dự án:

Một website cho phép người dùng xem phim có giao diện giống Netflix

2.3.3 Kết quả:

Tạo được website có giao diện giống Netflix và nắm được các kỹ thuật cơ bản trong quy

10

trình thiết kế giao diện web sử dụng Typescript, Tailwinds, MUI và các công nghệ khác.

Hình 2.3.3.1 Màn hình đăng nhập

Hình 2.3.3.1 Màn hình trang chính

Hình 2.3.3.3 Màn hình trang chủ xem phim

12

Hình 2.3.3.4 Màn hình category

Hình 2.3.3.5 Màn hình xem phim

2.4 Tham gia dự án thực tế

Dự án: Ứng dụng quản lý tài khoản người dùng

2.4.1 Công nghệ:

Typescript, Tailwinds, MUI, Redux, RTK query, …

2.4.2 Mô tả:

Ứng dụng để quản lý tài khoản người dùng dựa trên kỹ thuật RBAC (Role-Based Access Control), cho phép người dùng truy cập trang quản lý người dùng và dựa trên role account

có các chức năng quản lý nhất định

2.4.3 Kết quả:

Hiểu được cách ứng dụng hoạt động dựa trên kỹ thuật RBAC Ứng dụng giúp quản lý User và các Role của User, các policy và permission Có các chức năng quản lý cơ bản như table show list User và list Role, thêm/ xóa/ sửa/ sắp xếp/ tìm kiếm,

Hình 2.4.3.1 Màn hình đăng nhập của role Admin

Hình 2.4.3.2 Màn hình chính trang quản lý

14

Hình 2.4.3.1 Màn hình quản lý User

Hình 2.4.3.1 Màn hình chi tiết User

Hình 2.4.3.1 Màn hình thêm User

Hình 2.4.3.1 Màn hình quản lý role

16

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

Quãng thời gian thực tập 3 tháng tại công ty cổ phần Tập đoàn WATA đã 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ế, trau dồi những kiến thức thiết yếu của

kỹ sư công nghệ phần mềm Ngoài ra đượ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ý task, 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 quá trình training với các tính năng, yêu cầu đặt ra ban đầu

Khi tham gia vào dự án thực tế, em cũng hoàn thành tốt các tác vụ đúng hạn và đạt chất lượng tốt

Chân thành cảm ơn quý công ty đã cho phép em được trải qua kì thực tập đáng nhớ tại WATA Đặc biệt cảm ơn anh Trần Bảo Phong và chị Hồng HR cũng như các anh chị team khác

đã nhiệt tình giúp đỡ em

3.1 Điểm mạnh

Hoàn thành tốt nhiệm vụ được giao, nắm được các kiến thức cần thiết để phát triển phần mềm theo quy trình của công ty, giao tiếp với đồng nghiệp tốt

3.2 Điểm yếu

Quản lý thời gian chưa được tốt, thời gian sử dụng chưa được tận dụng tốt Một số kiến thức chưa nắm được khi báo cáo Cần cải thiện thêm về mặt tâm lý khi thuyết trình

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

18