Báo Cáo Thực Tập [Frontend Developer].Pdf

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (781.34 KB, 16 trang )

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

<b>TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM </b>

BÁO CÁO THỰC TẬP

<b>[FRONTEND DEVELOPER] </b>

Công ty thực tập: Công ty TNHH IGO Người phụ trách: Nguyễn Mạnh Kha Thực tập sinh: Nguyễn Minh Tân

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

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

<b>LỜI MỞ ĐẦU </b>

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 ln là nhân tố đóng vai trị quan trọng trong q trình phát triển của xã hội.

Một trong những lĩnh vực nổi bật của ngành Công nghệ thông tin là Quản lý chuỗi cung ứng. Với sự phát triển của công nghệ IoT, mạng lưới blockchain và các quy trình tự động hóa thì lĩnh vực quản lý chuỗi cung ứng càng nhận được nhiều sự quan tâm.

Agritrust là một lời giải cho bài toán quản lý chuỗi cung ứng và truy xuất nguồn gốc nông sản. Agritrust thu thập dữ liệu tồn diện trong suốt vịng đời sản phẩm nông nghiệp, từ trồng trọt, phân phối, người tiêu dùng. Tất cả dữ liệu sẽ được chia sẻ, chứng thực trên một nền tảng blockchain và có thể được truy xuất một cách minh bạch bởi các bên liên quan.

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 chương trình thực tập với vị trí Frontend Developer tại công ty IGO - một môi trường lý tưởng và chuyên nghiệp để thực hiện dự định.

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

<b>LỜI CẢM ƠN </b>

Em xin trân trọng gửi lời cảm ơn anh Nguyễn Mạnh Kha đã 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, 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 Tâm, anh Vinh và các anh chị trong công ty IGO đã 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 và văn hóa cơng ty 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 03 tháng 01 năm 2024

Nguyễn Minh Tân

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

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

1.1. Giới thiệu về IGO ... 6

1.2. Sản phẩm công ty ... 6

1.3. Lịch làm việc khi thực tập tại 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

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

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

<b>1.1. Giới thiệu về IGO </b>

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

Vị trí thực tập: Frontend Developer Intern.

Thời gian thực tập: Kéo dài 3 tháng, bắt đầu từ ngày 04/09/2023 đến ngày 04/12/2023. Thời gian làm việc: Từ thứ 2 đến thứ 6 (08:30 – 17:30).

Mỗi tuần sẽ nộp báo cáo vào chiều thứ 6 để báo cáo tiến độ và 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. Địa điểm làm việc: 280E04 Lương Định Của, Phường An Phú, Thành phố Thủ Đức, Thành phố Hồ Chí Minh.

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

<b>CHƯƠNG 2: NỘI DUNG THỰC TẬP </b>

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

Thời gian: 2 ngày Nội dung:

• Được tham gia vào các nhóm làm việc, các nhóm hoạt động khác. Setup môi trường làm việc. Được hướng dẫn về văn hố ở cơng ty, quy định tại nơi làm việc, …

Kết quả:

• Hiểu thêm về cơng ty IGO, q 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 một số công cụ trong công việc, làm việc có kế hoạch, có kỷ luật, có trách nhiệm hơn.

<b>2.2. Nghiên cứu kỹ thuật </b>

Nội dung:

• Tìm hiểu về các cơng cụ và cơng nghệ sẽ được sử dụng trong q trình làm việc. • Được hướng dẫn sử dụng các cơng cụ như Github, VSCode để xây dựng ứng dụng theo

quy trình của cơng ty.

• Được training về HTML/CSS, ngơn ngữ JavaScript và TypeScript. Kết quả:

• Hiểu rõ về quy trình phát triển phần mềm của cơng ty.

• Nắm được kiến thức về HTML/CSS, ngơn ngữ JavaScript và TypeScript. • Biết cách xây dựng layout cho trang web.

Nội dung:

• Được training về ReactJS và NextJS từ cơ bản đến nâng cao.

• Học những kiến thức về việc tạo layout cho trang web, học các sử dụng các thư viện hỗ trợ như TailwindCss, Styled Component,…

• Tìm hiểu về tương tác giữa Frontend và Backend thông qua REST API, học cách sử dụng thư viện axios để call API.

Kết quả:

• Nắm được cách thức sử dụng API trên Frontend.

• Nắm rõ một số kỹ thuật nâng cao của ReactJS và NextJS.

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

• NextJS • TailwindCSS • Axios

• Redux • …

Đây là một trang web bán các sản phẩm và dịch vụ digital được cung cấp bởi một bên thứ ba (thông qua API). Dự án nhằm mục đích kiểm tra kiến thức của thực tập sinh về cách sử dụng các kiến thức đã được training trước đó, cũng như làm quen với quy trình phát triển của công ty trước khi bước vào dự án thực tế.

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

<i><small>Hình 2.2 Màn hình đăng ký tài khoản </small></i>

<i><small>Hình 2.3 Màn hình Trang Chủ </small></i>

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

<i><small>Hình 2.4 Một màn hình cung cấp dịch vụ liên quan đến Twitter </small></i>

<i><small>Hình 2.5 Một màn hình cung cấp dịch vụ liên quan đến Tiktok </small></i>

</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="13">

• Xây dựng và phát triển màn hình Trace Suppilers

<i><small>Hình 2.7 Màn hình Trace Suppilers </small></i>

Một số hình ảnh khác:

</div><span class="text_page_counter">Trang 14</span><div class="page_container" data-page="14">

<i><small>Hình 2.8 Màn hình Trace Farmer </small></i>

<i><small>Hình 2.9 Màn hình Trace Logistic </small></i>

</div><span class="text_page_counter">Trang 15</span><div class="page_container" data-page="15">

<b>CHƯƠNG 3: TỔNG KẾT </b>

Quãng thời gian thực tập tại Integral Global Opportunities đã 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ế. Em học được cách làm việc có kỉ luật, sắp xếp thời gian hợp lý và có những kinh nghiệm khi làm việc ở những dự án thực tế.

Em đã được cho cơ hội để tìm hiểu thêm nhiều kiến thức mới để thực hiện dự án cá nhân. Qua đó tích luỹ được nhiều kinh nghiệm. Dù bản thân cịn có những điểm yếu cần khắc phục nhưng nhìn chung thì vẫn đạt được mục tiêu.

Tham gia vào dự án thực tế, bản thân được tiếp xúc với những áp lực về mặt thời gian, nhưng cũng là quãng thời gian luyện tập tốt nhất. Vì vậy em đã cố gắng hết sức và hồn thành cơng việc được giao.

<small>• </small> Cịn nhiều kiến thức, kĩ năng cần phải học hỏi.

<small>• </small> Cần tìm hiểu thêm nhiều kiến thức về các business của công ty.

Cần cải thiện communication với đồng nghiệp, leader

<b>3.3. Chuẩn đạt được </b>

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

</div><span class="text_page_counter">Trang 16</span><div class="page_container" data-page="16">