Báo Cáo Thực Tập Lập Trình Font End Reactjs.docx

Ngoài ra, thực tập sinh còn được giới thiệu về cách thức làm việc trong công tynhư thời gian đi làm, các quy định cần phải tuân thủ, cách sử dụng email trong côngviệc… Kết quả : Hiểu thê

Trang 1

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

Trang 2

LỜI MỞ ĐẦU

Trong thời đại như hiện nay, công nghệ và Internet trở nên phổ biến và không ngừngphát triển trong mọi lĩnh vực Chính vì thế, phát triển Web đang trở thành một yếu tố không thểthiếu trong chiến lược truyền thông của mọi doanh nghiệp trên thế giới

Cùng với xu thế phát triển của thế giới, Việt Nam cũng không phải ngoại lệ Ngành côngnghiệp phát triển ứng dụng web ở Việt Nam đã và đang phát triển mạnh mẽ trong mọi lĩnh vực

về thương mại, quảng cáo, giáo dục, Ngành lập trình Web được sinh ra là do nhu cầu truy cập,tìm kiếm thông tin cũng như các nhu cầu khác.Vì lý do này, em quyết định chọn lập trình weblàm định hướng cho việc học tập của mình

Sau ba năm học tập trên trường, do mong muốn có thêm kinh nghiệm thực tế, cũng nhưmuốn được tham gia làm lập trình web trong một môi trường chuyên nghiệp, em có dự định là

sẽ thực tập Vì vậy, em quyết định chọn TISOHA - một môi trường lý tưởng, hiện đại, chuyênnghiệp - là nơi sẽ giúp em thực hiện được dự định này

Trang 4

NHẬN XÉT CỦA KHOA

Trang 5

MỤC LỤC

Chương 1: Giới thiêu công ty thực tập 7

1.1 Giới thiệu công ty TISOHA 7

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

Chương 2: Nội dung thực tập 8

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

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

2.2.1 Các công cụ làm việc 8

2.2.2 Đọc hiểu source code, fix bug được giao 8

2.2.3 Thực hiện project 9

Chương 3: Các công việc đã làm 10

3.1 Xây dựng giao diện Mark Web 10

3.2 Xây dựng giao diện và kết nối Api module quản lí Designer và Admin Director 10

3.3 Xây dựng giao diện và kết nối Api module quản lí Normal User 11

3.4 Xây dựng giao diện và kết nối Api module Business Profile 11

3.5 Một số chức năng khác như xuất file PDF, xem file PDF trên trình duyệt, Upload File 12

3.6 Một số hình ảnh về giao diện ứng dụng 12

Trang 6

Chương 1: Giới thiêu công ty thực tập

1.1 Giới thiệu công ty TISOHA

TISOHA là công ty cung cấp các giải pháp phần mềm hiện đại, tiếp cận các côngnghệ mới một cách khoa học có nghiên cứu

1.2 Sản phẩm của công ty

TISOHO đang phát triển dựa trên nhiều mảng trải đều từ Web, Mobile,

Trang 7

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(như đã nhắc đến ở trên), quy trình làm việc từ cao xuống thấp, cách thức tổ chức củacông ty

Ngoài ra, thực tập sinh còn được giới thiệu về cách thức làm việc trong công tynhư thời gian đi làm, các quy định cần phải tuân thủ, cách sử dụng email trong côngviệc…

Kết quả : Hiểu thêm về công ty TISOHA, 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áchnhiệm hơn

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

2.2.1 Các công cụ làm việc

Thời gian : 1 tuần

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

Trong thời gian này, cài đặt các công cụ phục vụ cho công việc như :AIPhotoshop, visual studio code, visual studio, smart git

Thực hiện : Thực hành sử dụng các phần mềm đã nêu trên.

Kết quả : Làm quen được với các công cụ

2.2.2 Đọc hiểu source code, fix bug được giao

Thời gian : 5 ngày (1 tuần)

Nội dung : Do dự án đã được phát triển trước đó 1-2 tháng nên cần phải đọc source

code và fix các bug nhỏ được giao để hiểu hơn về các tính năng, các component đãđược team phát triển trước đó

Trang 8

2.2.3 Thực hiện project

Sau 1 tuần đọc hiểu source code và fix các bug nhỏ được giao, đã nắm được sơ bộ dự án

mà team đang phát triển, tiến hành nhận và hoàn thành thành các task theo print củateam

Chi tiết công việc đã làm sẽ được nói ở phần sau

2.2.4 Lịch làm việc

Tháng Công việc Người hướng dẫn

Mức độ hoàn thành

Nhận xét của người hướng dẫn

1,2

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

ty, cách tổ chứccủa công ty

- Làm quen với các

công cụ làm việctrong công ty

- Đọc code, fix bug

để hiểu về dự áncủa đang phát triểncủa công ty

Anh Đỗ Công Bá 100%

3 - Thực hiện các tasktheo Print của team Anh Đỗ Công Bá 100%

Trang 9

Chương 3: Các công việc đã làm

3.1 Xây dựng giao diện Mark Web

Nội dung : Sử dụng thư viên Material UI để xây dưng giao diện được giao trên figma Thực hiện :

- Sử dụng html,css để dựng giao diện

- Custom các component để có thể xây dựng được giao diện

Kết quả :

- Hoàn thành task đúng với thiết kế của designer

3.2 Xây dựng giao diện và kết nối Api module quản lí Designer và Admin Director

Nội dung : Xây dựng giao diện theo thiết figma và kết nối các api cần thiết.

Thực hiện :

- Sử dụng Html, Css, Material UI để dựng giao diện

- Sử dụng Redux để quản lý state của giỏ hàng

- Sử dụng useState để set state chuyển tab cửa hàng, thương hiệu, tự thiết kế

- Sử dụng useEffect để xử lý các ảnh hưởng bên cạnh ứng dụng

- Sử dụng React slick cho slider

Kết quả :

Trang 10

3.3 Xây dựng giao diện và kết nối Api module quản lí Normal User

Thực hiện :

- Thiết kế các form thêm, xóa, sửa người dùng

Kết quả :

3.4 Xây dựng giao diện và kết nối Api module Business Profile

Thực hiện :

Kết quả :

- Hoàn thành task đúng với thiết kế của Business Profile

Trang 11

3.5 Một số chức năng khác như xuất file PDF, xem file PDF trên trình duyệt, Upload File

Nội dung: Xây dựng chức năng Upload File, PDF, Export PDF.

Thực hiện :

- Xử lí File và gửi qua WebService để lưu trữ

Kết quả :

- Hoàn thành task

3.6 Một số hình ảnh về giao diện ứng dụng

Trang 22

TÀI LIỆU THAM KHẢO

Tiêu đề	Báo Cáo Thực Tập Lập Trình Font End Reactjs
Tác giả	Đinh Huỳnh Thái Bình
Người hướng dẫn	Đỗ Công Bá
Trường học	Trường Đại Học Công Nghệ Thông Tin - Khoa Công Nghệ Phần Mềm
Chuyên ngành	Khoa Công Nghệ Phần Mềm
Thể loại	Báo cáo thực tập
Năm xuất bản	2022
Thành phố	TP. Hồ Chí Minh

Định dạng
Số trang	22
Dung lượng	7,15 MB