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 TINKHOA CÔNG NGHỆ PHẦN MỀM

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ủaxã 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ủacon 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ơn1.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ứcvà 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àmbấ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ảnthân trong ngành công nghiệp web, em đã lựa chọn Full stack web developer là định hướngcho 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àoCô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ệndự đị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 choem 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ệttì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 quantrọ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ỏ ranhiề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 quenmô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ềukiện em làm báo cáo này

TP HCM, ngày 5 tháng 1 năm 2024

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

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 tytiê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ậtBả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ảiquyế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áclĩ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 chitiế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ửahà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ểnhà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àmviệ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ệctrong 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àylà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ếptheo 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” chocả 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àysinh 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 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ớithiệ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 đượcgiớ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ònglà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ật2.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ữngkiến thức và nguyên tắc cơ bản của Reactjs, Javascript, HTML, CSS, NodeJS Cách setup mộtproject 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ảnvà 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ằngVite và nguyên tắc thiết kế website sử dụng Tailwind và MUI,…

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

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ư tableshow 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ệnbả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ủakỹ 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ăngmề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ớicá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ấtlượ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ạiWATA Đặ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.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