báo cáo thực tập lập trình giao diện web reactjs developer

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TINKHOA 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ếnnhữ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ĩnhvự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 conngườ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ươngtá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ọcvà 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 TNHHPhầ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 íchthê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ựctế

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ậnkiế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ânvà 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ệnem làm báo cáo này

TP HCM, ngày 15 tháng 12 năm 2023

Nguyễn Thanh Huỳnh

.

MỤC LỤCLỜ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

CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP1.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 Á FPTSoftware 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áchhà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ềudoanh 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ó kinhnghiệ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áttriể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ênthế 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 tincậ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:

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 kinhdoanh.

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ácngà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 chohệ thống và dữ liệu.

CHƯƠNG 2: NỘI DUNG THỰC TẬP2.1 Tìm hiểu công ty và các kỹ năng cơ bản trong công tyThờ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ứctổ 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ờigian đ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ệmhơ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ênphá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 ReactjsThự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ân2.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ạtcá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-EndCô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

+ 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

+ 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

+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 trongsuố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ôitrườ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