báo cáo thực tập lập trình giao diện web reactjs 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ủa

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 GIAO DIỆN WEB (REACTJS DEVELOPER)

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 Với sự lan tỏa của máy tính và internet, IT đã trở thành hệ thống năng lực cốt lõi không chỉ ở Việt Nam nói riêng mà trên toàn thế giới nói chung, mở ra những cánh cửa mới cho sự kết nối, sáng tạo và phát triển Khám phá những khả năng vô tận của mã máy và dữ liệu, người ta đã biến những ước mơ khoa học viễn tưởng thành hiện thực, mang lại những đổi mới lớn trong mọi lĩnh vực của cuộc sống

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 Nhìn chung, công nghệ web không chỉ là một phần của cuộc sống hàng ngày, mà còn là trái tim của sự tương tác xã hội và doanh nghiệp

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 Phần mềm FPT – một môi trường lý tưởng và chuyên nghiệp để thực hiện dự định Tại đây e đã trau dồi thêm rất nhiều kiến thức, kinh nghiệm và cả trải nghiệm nơi những tiền bối đi trước đã tiến bước trên con đường khắc nghiệt này, những gì mà em tiếp thu được sẽ vận dụng để giúp ích thêm cho công việc sau này

LỜI CẢM ƠN

Em xin trân trọng gửi lời cảm ơn Công ty TNHH Phần mềm FPT đã 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 Lê Thanh Hồng Nhựt, 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 Lê Thanh Hồng Nhựt đã 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 15 tháng 12 năm 2023

Nguyễn Thanh Huỳnh

NHẬN XÉT CỦA KHOA

.

MỤC LỤC LỜI MỞ ĐẦU

LỜI CẢM ƠN

MỤC LỤC

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

1.1 Giới thiệu về Công ty FPT Software

1.2 Sản phẩm công ty FPT Software cung cấp một loạt các sản phẩm và dịch vụ phần mềm chất lượng cao, đáp ứng nhu cầu đa dạng của khách hàng trong và ngoài nước Dưới đây là một số sản phẩm và dịch vụ tiêu biểu của FPT Software:

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

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

2.2.1 Các công cụ hỗ trợ môi trường làm việc

2.2.2 Tìm hiểu về các lệnh Git

2.2.3 Tìm hiểu về Reactjs

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

2.3.1 Giới thiệu dự án

2.3.2 Công nghệ:

2.3.3 Công việc:

2.3.4 Kết quả:

2.4 Chi tiết dự án FPT Academy Student Management System

2.4.1 Giới thiệu về dự án

2.4.2 Thực hiện

2.4.3 Kết Quả

2.5 Lịch làm việc

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

TÀI LIỆU THAM KHẢO

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

1.1 Giới thiệu về Công ty FPT Software

FPT Software là một công ty phần mềm hàng đầu tại Việt Nam, là thành viên của Tập đoàn FPT - một trong những tập đoàn công nghệ lớn nhất tại khu vực Đông Nam Á FPT Software chuyên cung cấp các dịch vụ và sản phẩm phần mềm toàn diện cho các khách hàng trong nước và quốc tế

1 Lịch sử và Ngày Thành lập: FPT Software được thành lập vào năm 1999, và kể

từ đó, công ty đã phát triển mạnh mẽ và trở thành một đối tác chất lượng cho nhiều doanh nghiệp lớn trên thế giới

2 Quy Mô và Nhân Sự: FPT Software có quy mô lớn với hàng nghìn nhân sự, bao

gồm các chuyên gia kỹ thuật, nhà phân tích, nhà thiết kế và những người có kinh nghiệm trong nhiều lĩnh vực công nghệ khác nhau

3 Lĩnh Vực Hoạt Động: Công ty cung cấp các giải pháp phần mềm trong nhiều lĩnh

vực như Công nghiệp 4.0, Trí tuệ nhân tạo (AI), Internet of Things (IoT), phát triển ứng dụng di động, big data, blockchain, và nhiều lĩnh vực công nghệ khác

4 Đối Tác Chiến Lược: FPT Software đã xây dựng mối quan hệ đối tác chiến lược

với nhiều tên tuổi lớn trên thế giới, bao gồm các tập đoàn công nghệ hàng đầu và các doanh nghiệp lớn trong nhiều ngành khác nhau

5 Chất Lượng và An Toàn: FPT Software cam kết đảm bảo chất lượng và an toàn

thông tin trong quá trình phát triển phần mềm, tuân thủ các tiêu chuẩn quốc tế và

áp dụng các phương pháp tiên tiến

6 Nguồn Nhân Lực: Với đội ngũ nhân sự chất lượng cao, FPT Software đã và đang

đóng góp đáng kể vào sự phát triển của ngành công nghiệp IT ở Việt Nam và trên thế giới

FPT Software không chỉ là một công ty phần mềm hàng đầu mà còn là một đối tác tin cậy, đưa ra những giải pháp sáng tạo và hiệu quả cho khách hàng toàn cầu

1.2 Sản Phẩm Công Ty

FPT Software cung cấp một loạt các sản phẩm và dịch vụ phần mềm chất lượng cao, đáp ứng nhu cầu đa dạng của khách hàng trong và ngoài nước Dưới đây là một số sản phẩm và dịch vụ tiêu biểu của FPT Software:

1 Dịch Vụ Phát Triển Ứng Dụng:

○ Phát triển ứng dụng di động: FPT Software cung cấp giải pháp phát triển ứng dụng di động cho các nền tảng iOS, Android và Windows

○ Phát triển ứng dụng doanh nghiệp: Tạo ra các ứng dụng doanh nghiệp chất lượng cao để hỗ trợ quy trình kinh doanh và tối ưu hóa hiệu suất

2 Công Nghệ Công Nghiệp 4.0:

○ Giải pháp IoT: Phát triển ứng dụng và hệ thống quản lý IoT để kết nối và quản lý thiết bị thông minh

○ Dịch vụ AI (Trí tuệ nhân tạo): Xây dựng các hệ thống sử dụng machine learning, natural language processing, and computer vision để cải thiện quy trình kinh doanh

3 Quản Lý Dữ Liệu và Phân Tích:

○ Big Data Analytics: Cung cấp giải pháp xử lý và phân tích dữ liệu lớn để hỗ trợ quyết định kinh doanh

○ Blockchain: Triển khai ứng dụng và dịch vụ liên quan đến blockchain cho các ngành công nghiệp như tài chính, y tế, và chuỗi cung ứng

4 Giải Pháp Công Nghệ Tiên Tiến:

○ Cloud Computing: Xây dựng và triển khai ứng dụng trên nền tảng đám mây để tối

ưu hóa chi phí và tăng tính linh hoạt

○ Cybersecurity: Cung cấp các giải pháp bảo mật thông tin để đảm bảo an toàn cho

hệ thống và dữ liệu

5 Dịch Vụ Tư Vấn và Quản Lý Dự Án:

○ Tư vấn công nghệ: Hỗ trợ khách hàng trong việc xây dựng chiến lược công nghệ phù hợp với mục tiêu kinh doanh của họ

○ Quản lý dự án: Cung cấp dịch vụ quản lý dự án chuyên nghiệp để đảm bảo tiến độ

và chất lượng

Các sản phẩm và dịch vụ của FPT Software thường được tùy chỉnh để đáp ứng đặc thù của từng khách hàng và ngành công nghiệp cụ thể Điều này giúp công ty xây dựng mối quan hệ chặt chẽ với khách hàng và đóng góp vào sự phát triển của họ thông qua công nghệ

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,

● 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ách sử dụng email trong công việc, …

Kết quả: hiểu thêm về văn hóa và về Công ty, 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.2 Nghiên cứu kỹ thuật

2.2.1 Các công cụ hỗ trợ môi trường làm việc

Thời gian: 2 ngày

Nội dung: Tìm hiểu về các công cụ được sử dụng trong quá trình làm việc

Trong thời gian này,mentor và admin sẽ hướng dẫn thực tập sinh tìm hiểu về các công cụ sẽ giúp ích trong quá trình thực hiện công việc Một số phần mềm đó như là:

● Gitlab: công cụ quản lý source code các dự án trong công ty, với sự trực quan và nhiều tính năng

● Visual Studio Code/ Android Studio: Các IDE hữu ích và phổ biến cho một lập trình viên phát triển ứng dụng Mobile

● Figma: Công cụ thiết kế giao diện

● Swagger: Công cụ thiết kế, xây dựng và sử dụng cho REST APIs

Thực hiện: Tìm hiểu và sử dụng các công cụ kể trên.

Kết quả: Hiểu được về quy trình làm việc và các công cụ cần thiết trong quy trình của công ty.

2.2.2 Tìm hiểu về các lệnh Git

Thời gian: 1 ngày

Nội dung: Tìm hiểu về các câu lệnh về Git được sử dụng trong các dự án.

Thực hiện: Thực hành tìm hiểu, và liệt kê công dụng, nội dung của các câu lệnh được sử dụng

thường xuyên trong việc quản lý source code, quản lý làm sao cho hợp lý

Kết quả: Có thêm kiến thức bổ ích về Git và cách sử dụng trong các trường hợp.

2.2.3 Tìm hiểu về Reactjs

Thời gian: 3 ngày

Nội dung: Tìm hiểu về lập trình Front-End với Reactjs

Thực hiện:

● Tìm hiểu về Html,Css, Javascript cơ bản và tìm hiểu về ES6

● Các bước tạo ứng dụng Reactjs

● Tìm hiểu về các Component, Props và State trong Reactjs

● Tìm hiểu về các sự kiện và xử lý sự kiện

● Tìm hiểu về JSX, Routing, bố cục của Redux

● Học hỏi về kiến thức Testing và Debugging

● Cách triển khai ứng dụng Reactjs

Kết quả: Nắm vững được kiến thức và trả lời các câu hỏi của Mentor Bên cạnh đó, hiểu cách

thức lập trình cơ bản bằng Reactjs

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

2.3.1 Giới thiệu dự án

GearHuB là dự án cá nhân về trang việc bán các sản phẩm liên quan đến PC , nhằm mục đích làm quen với Reactjs

2.3.2 Công nghệ: Reactjs, MongoDb

2.3.3 Công việc: Thiết kế giao diện sản phẩm, thiết kế DB và thực hiện các chức năng có trong dự án

2.3.4 Kết quả: Tìm hiểu được cơ bản về quá trình tạo nên giao diện của Reactjs

2.4 Chi tiết dự án FPT Academy Student Management System

2.4.1 Giới thiệu về dự án

FPT Academy Student Management System là giải pháp phần mềm toàn diện được thiết kế

nhằm quản lý và hợp lý hóa hiệu quả hoạt động của học viện Academy FASM bao gồm một loạt các tính năng bao gồm quản lý người dùng, quản lý giáo trình, chương trình đào tạo và quản lý lớp học

2.4.2 Thực hiện

Vai trò: Dev Front-End

Công việc:

● Làm việc theo nhóm cùng các thành viên trong team

● Tìm hiểu tài liệu, nhận sự giúp đỡ và hỏi đáp từ các anh chị Mentor trong team

● Chỉnh sửa UI, thiết kế Figma dùng chung cho các màn hình

● Chỉnh sửa, thay đổi, tách file trong thư mực cho hợp lý theo yêu cầu

2.5 Lịch làm việc

Tuần Công việc Người hướng

dẫn

Mức độ hoàn

1

+ Tìm hiểu về công

ty + Học hỏi trao đổi cách thức liên lạc với anh Mentor và chị Admin

+ Học cách quản lý source code thông qua Git/ Gitlab

Chị Hồ Thị Mỹ Uyên, Anh Lê Thanh Hồng Nhựt

2

+ Tìm hiểu về các kiến thức cơ bản và nâng cao của Reactjs + Tìm hiểu về cách quản lý, quy trình làm một dự án + Làm bài tập cá nhân

Anh Lê Thanh

3

+Làm đồ án cá nhân

về quản lý sản phẩm +Trình bày cho anh mentor và được góp ý

để hoàn thiện hơn

Anh Lê Thanh

Từ tuần 4

Thực hiện các Task theo dự án đã được giao

Anh Lê Thanh

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

Chỉ trong vòng vài tháng ngắn ngủi, em đã được tham gia, học hỏi và trải nghiệm được nhiều kiến thức bổ ích trong quá trình thực tập tại công ty Ngoài ra, em được tiếp xúc với môi trường làm việc chuyên nghiệp, học hỏi và cọ xát với các dự án khác nhau, phát triển kỹ năng của bản thân trong việc lập trình

Một lần nữa, xin chân thành cảm ơn đến các anh chị trong Frontend đã hỗ trợ, giúp đỡ em trong suốt quá trình thực tập, cũng như bên ngoài Em cũng xin cảm ơn khoa Công Nghệ Phần Mềm

đã tạo cơ hội cho em được thực tập, cọ xát, nâng cao trình độ và học hỏi các kiến thức ở môi trường doanh nghiệp

TÀI LIỆU THAM KHẢO [Theo định dạng APA]

1 Glass, R L., Vessey, I., & Ramesh, V (2002) Research in software engineering: an analysis

of the literature Information and Software technology, 44(8), 491-506

2 Boehm, B W (1984) Software engineering economics IEEE transactions on Software Engineering, (1), 4-21

3 Fairley, R (1985) Software engineering concepts McGraw-Hill, Inc