báo cáo thực tập lập trình WEB với REACTJS

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN - - BÁO CÁO THỰC TẬP DOANH NGHIỆP LẬP TRÌNH WEB VỚI REACTJS Nơi thực tập: Công ty TNHH Virtual Desire Event Người hướng dẫn: Kiều Trí Đăng Sinh viên thực hiện: Nguyễn Thanh Hoàng Mã số sinh viên: 17520514 Tp Hồ Chí Minh, ngày 15 tháng 12 năm 2020 LỜI MỞ ĐẦU Những năm gần đây, ngành công nghệ thông tin phát triển với tốc độ cao Việt Nam địi hỏi nguồn nhân lực lớn Các cơng ty product outsourcing muốn tạo sản phẩm chất lượng đến mang đến trải nghiệm tốt với khách hàng Chính thế, người chịu trách nhiệm đảm bảo chất lượng sản phẩm thông qua việc làm việc tương tác bên liên quan cần thiết Trong báo cáo này, xin trình bày chương trình thực tập Cơng ty TNHH Virtual Desire Event với vị trí (Frontend Developer) với việc tham gia làm việc platform công ty Nội dung báo cáo gồm phần sau - Giới thiệu cơng ty chương trình thực tập - Báo cáo nội dung thực tập - Kinh nghiệm thực tiễn thu - Những đóng góp cho cơng ty LỜI CẢM ƠN KHOA CƠNG NGHỆ PHẦN MỀM TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN  Em xin chân thành cảm ơn trường Đại học Công nghệ Thông tin Khoa Công nghệ Phần mềm tạo điều kiện cho em hoàn thành tốt đợt thực tập doanh nghiệp Nhờ đợt thực tập giúp cho em nhiều kinh nghiệm quý báu Những kinh nghiệm giúp em hồn thiện cơng việc môi trường làm việc sau Em xin cảm ơn q thầy khoa tận tình giảng dạy trang bị cho em kiến thức cần thiết Chính kiến thức hỗ trợ em việc hồn thành khóa thực tập doanh nghiệp Mặc dù em cố gắng hoàn thành báo cáo thực tập doanh nghiệp Tuy nhiên có thiếu sót, mong nhận thơng cảm, chia sẻ q thầy để giúp em hồn thành tốt môn thực tập doanh nghiệp Một lần em xin chân thành cảm ơn ! Hồ Chí Minh, ngày 15 tháng 12 năm 2020 Sinh viên thực tập Nguyễn Thanh Hồng LỜI CẢM ƠN CƠNG TY TNHH VIRTUAL DESIRE EVENT  Em xin chân thành cảm ơn Công ty TNHH Virtual Desire Event hỗ trợ, tạo điều kiện cho em tham gia thực tập Công ty thời gian vừa qua Em xin đặc biệt cảm ơn anh Võ Đăng Khoa, anh Bùi Thanh Chính, anh Lương Trường An giúp đỡ, kèm cặp em suốt q trình training thực tập cơng ty Nhờ hướng dẫn anh giúp em có kinh nghiệm quý báu Những kinh nghiệm giúp em hồn thiện cơng việc mơi trường làm việc sau Mặc dù em cố gắng hoàn thành báo cáo thực tập doanh nghiệp Tuy nhiên có thiếu sót, mong nhận thơng cảm, chia sẻ góp ý cơng ty để báo cáo em tốt hoàn thiện Một lần em xin chân thành cảm ơn ! Hồ Chí Minh, ngày 15 tháng 12 năm 2020 Sinh viên thực tập Nguyễn Thanh Hoàng NHẬN XÉT (Của giảng viên) Mục Lục PHẦN I GIỚI THIỆU TỔNG QUAN VỀ DOANH NGHIỆP Giới thiệu tổng quan Công ty TNHH Virtual Desire Event 1 1.1 Sơ lược công ty 1.2 Nhiệm vụ, chức 1.3 Cơ cấu tổ chức 1.4 Văn hóa cơng ty Giới thiệu công việc 2.1 Vị trí 2.2 Công việc 2.3 Yêu cầu 2.4 Nhiệm vụ sinh viên thực tập 2.5 Nội dung training trước làm việc note lại notion PHẦN II CÔNG NGHỆ, GIẢI PHÁP, QUY TRÌNH ÁP DỤNG 10 Giới thiệu Git Source Tree 10 1.1 Git 10 1.2 SourceTree 15 PHẦN III NỘI DUNG THỰC TẬP 21 Nhiệm vụ sinh viên giao 21 PHẦN IV KẾT LUẬN 22 Nhận xét đánh giá doanh nghiệp góp ý sinh viên 22 1.1 Về quy mô công ty 22 1.2 Về môi trường làm việc 22 1.3 Về văn hóa cơng ty 23 Kinh nghiệm đạt 23 PHẦN I GIỚI THIỆU TỔNG QUAN VỀ DOANH NGHIỆP Giới thiệu tổng quan Công ty TNHH Virtual Desire Event 1.1 Sơ lược công ty Tên công ty: Công ty TNHH Virtual Desire Event Địa chỉ: 106 - 108 Bùi Đình Túy, Phường 12, quận Bình Thạnh, TPHCM Điện thoại: 1800 6872 Mã số thuế: 0313940971 Email: hi@vdes.vn Địa Website: https://vdes.vn/ VDEs - start-up chuyên công nghệ, chị Nguyễn Thị Xuân Ngọc (Ann Nguyễn) sáng lập mắt vào tháng 2/2017 với mục tiêu đưa ứng dụng thực tế ảo vào tìm kiếm địa điểm tổ chức kiện Việt Nam VDES công ty công nghệ, ứng dụng kĩ thuật tiên tiến vào ngành công nghệ kiện Bên cạnh đó, trang web www.VDES.vn trang thương mại điện tử (e – commerce), tìm kiếm địa điểm hỗ trợ khách hàng tổ chức kiện với khác biệt chưa xuất Việt Nam Đồng thời, VDES mong muốn trở thành phương tiện kết nối hiệu với tất đối tác dịch vụ tổ chức kiện Việt Nam toàn giới Khách hàng đặt dịch vụ tổ chức kiện (hội thảo, hội nghị, tiệc cưới…) qua VDEs tiết kiệm 80% thời gian 30% chi phí tổng thể kế hoạch VDEs khơng thu khoản phí người dùng đặt địa điểm, dịch vụ, mà thu phí hoa hồng đơn vị cung cấp dịch vụ hợp đồng chốt Ngồi ra, thơng qua gói bảo hiểm, khách hàng nhà cung cấp có ràng buộc chặt chẽ, tránh rủi ro tổ chức kiện 1.2 Nhiệm vụ, chức 1.2.1 Phát triển tảng cơng ty dành cho phía khách hàng Thông qua trang website (VDES), công ty cung cấp tảng trực tuyến thông qua tất loại địa điểm nhà cung cấp tạm thời (ví dụ khách sạn, nhà hàng, hội trường tiệc cưới, trung tâm hội nghị, tiệm bán hoa, chỗ thuê đồ nội thất, trang trí kiện), quảng cáo sản phẩm họ cho việc đặt chỗ thông qua khách hàng đến trang website để đặt chỗ Bằng cách tạo đặt chỗ qua VDES, bạn ký vào hợp đồng trực tiếp (ràng buộc pháp lý) mối quan hệ với người tổ chức kiện mà bạn đặt chỗ Từ quan điểm này, bạn đặt chỗ bạn, cơng ty đóng vai trò trung gian bạn nhà cung cấp, truyền tải chi tiết thông tin cho việc đặt chỗ bạn tới nhà cung cấp kiện gửi cho bạn mail xác nhận để thay mặt cho nhà cung cấp kiện 1.2.2 Phát triển tảng cho nhà cung cấp, đối tác Thông qua trang website (VDES.vn/extranet), công ty cung cấp tảng trực tuyến giúp đối tác vdes quản lý sản phẩm, gói sản phẩm, ưu đãi, thông tin địa điểm, dịch vụ họ thông qua vdes đăng tải trang vdes.vn Đang phát triển thành dạng module để bán cho doanh nghiệp sử dụng để quản lý công ty họ 2.5 Nội dung training trước làm việc note lại notion PHẦN II CÔNG NGHỆ, GIẢI PHÁP, QUY TRÌNH ÁP DỤNG Giới thiệu Git Source Tree 1.1 Git Git tên gọi Hệ thống quản lý phiên phân tán (Distributed Version Control System – DVCS) hệ thống quản lý phiên phân tán phổ biến DVCS nghĩa hệ thống giúp máy tính lưu trữ nhiều phiên khác mã nguồn nhân (clone) từ kho chứa mã nguồn (repository), thay đổi vào mã nguồn máy tính ủy thác (commit) đưa lên máy chủ nơi đặt kho chứa Và máy tính khác (nếu họ có quyền truy cập) clone lại mã nguồn từ kho chứa clone lại tập hợp thay đổi máy tính Trong Git, thư mục làm việc máy tính gọi Working Tree Đại loại 10 Mơ hình hoạt động DVCS Ngồi ra, có cách hiểu khác Git đơn giản giúp bạn lưu lại phiên lần thay đổi vào mã nguồn dễ dàng khơi phục lại dễ dàng mà không cần copy lại mã nguồn cất vào Và người khác xem thay đổi bạn phiên bản, họ đối chiếu thay đổi bạn gộp phiên bạn vào phiên họ Cuối tất đưa thay đổi vào mã nguồn lên kho chứa mã nguồn 11 Cơ chế lưu trữ phiên Git tạo “ảnh chụp” (snapshot) tập tin thư mục sau commit, từ cho phép bạn tái sử dụng lại ảnh chụp mà bạn hiểu phiên Đây lợi Git so với DVCS khác khơng “lưu cứng” liệu mà lưu với dạng snapshot Git Flow 12 13 Git Branching 14 1.2 SourceTree SourceTree tool hỗ trợ quản lý Git version với giao diện dễ dùng Kéo dự án ( Clone project ) – Bạn click vào Clone/new popup 15 Lưu ý: • Cách lấy source path/url cần copy đoạn code paste vào Source Url tự sinh destination path, để tự sinh lưu vào thư mục mặc định nên bạn cần thay đổi lại đường dẫn Destination Path trỏ vào thư mục rỗng( bạn phải chắn thư mục rỗng ) Sau click vào clone lúc thư mục cho dự án kéo máy tính cá nhân bạn Ở máy thành viên khác làm tương tự Đẩy code lên( push code ) Đây việc cần thiết có thay đổi source code, trước push bắt buộc phải click vào unstaged files comment -> click vào push toolbar source tree Việc làm phải thực thường xuyên có thay đổi code để người quản lý quản lý cơng việc thành viên khác nắm bắt thay đổi 16 17 Kéo code về( pull code ) Cũng giống Push code lên nhiên việc lấy code bao gồm thay đổi mà thành viên khác push lên Bạn cần click vào Pull toolbar source tree Lưu ý: – Nếu có nhiều người thay đổi file chỗ chắn bạn bị conflict việc pull Push code lên báo lỗi không thực Dấu hiệu nhận biết lỗi Conflict xuất dòng lỗi sau: Auto-merging hello.html CONFLICT (content): Merge conflict in hello.html Automatic merge failed; fix conflicts and then commit the result 18 Giới thiệu VSCode Visual Studio Code sản phẩm Microsoft, mắt vào tháng năm 2015 hội nghị Build Đặc điểm bật đơn giản, gọn nhẹ, dễ dàng cài đặt Visual Studio Code cài đặt Windows, Linux Mac OS hỗ trợ nhiều ngơn ngữ Giao diện ban đầu: 19 Nhìn sang sidebar ta thấy biểu tượng, hai tờ giấy xếp chồng lên nhau, thư mục file mà làm việc Hình kính lúp hỗ trợ chức tìm kiếm Một điểm đặc biệt Visual Studio Code tính hợp ln git, tiện cho việc quản lý code Biểu tượng thứ diệt bọ, chức hỗ trợ fix bug Hình vng cuối nơi cho phép cài thêm phần extensions mà Microsoft cộng đồng viết thêm cho 20 PHẦN III NỘI DUNG THỰC TẬP Nhiệm vụ sinh viên giao - Hoàn thành 122 task thời gian tháng 21 PHẦN IV KẾT LUẬN Nhận xét đánh giá doanh nghiệp góp ý sinh viên 1.1 Về quy mô công ty Công ty TNHH Virtual Desire Event có quy mơ gần cơng ty gia đình kết nối, hợp tác, ký kết với gần 1000 đối tác doanh nghiệp khác không ngừng phát triển qua thời kỳ Các ph 1.2 Về môi trường làm việc Cơng ty TNHH Virtual Desire Event nhìn chung giống đại gia đình, số lượng nhân viên tầm tương đối (~100 nhân viên) nên thành viên 22 công ty thân thiện, biết quan tâm giúp đỡ lẫn Điều tạo điều kiện thuận lợi cho thành viên cơng ty hỗ trợ lẫn nhau, tạo cảm giác thoải mái cho nhân viên làm việc cơng ty Bên cạnh đó, cơng ty có số lượng nhân viên khơng q lớn nên xung đột không xảy Điều tạo điều kiện tốt cho mối quan hệ thành viên công ty, giúp thành viên gắn bó thân thiết với nhau, san sẻ cơng việc cho nhau, tạo điều kiện cho công ty ngày phát triển 1.3 Về văn hóa cơng ty Tuy cơng ty nằm gọn tầng lầu tịa nhà Mỗi nhân viên có khơng gian làm việc riêng thoải mái Khi cần thiết nhân viên trao đổi dễ dàng với nhau, tìm cách hiệu để đạt mục đích cơng việc Khi cần book lịch họp với để tìm giải pháp tốt Mỗi tuần cơng ty họp ngắn 1h giúp tồn cơng ty nắm tình hình, tiến độ cơng việc, nghiệp vụ cơng ty qua báo cáo trưởng phận Kinh nghiệm đạt - Qua thời gian thực tập công ty, nắm kiến thức vài nâng cao liên quan đến công việc lập trình viên ReactJS - Làm việc dự án production tảng, sản phẩm cơng ty với vai trị ReactJS developer mơ hình Kanban, tơi học nhiều điều trình làm sản phẩm phần mềm thực Không đảm bảo chất lượng phần mềm mà giúp sản phẩm tốt chất lượng quy trình - Được trở thành nhân viên thức cơng ty sau tập đủ khả làm việc dự án thực tế khác công ty 23 ... thiết Trong báo cáo này, tơi xin trình bày chương trình thực tập Cơng ty TNHH Virtual Desire Event với vị trí (Frontend Developer) với việc tham gia làm việc platform công ty Nội dung báo cáo gồm... platform công ty Nội dung báo cáo gồm phần sau - Giới thiệu cơng ty chương trình thực tập - Báo cáo nội dung thực tập - Kinh nghiệm thực tiễn thu - Những đóng góp cho cơng ty LỜI CẢM ƠN KHOA CƠNG NGHỆ... thành khóa thực tập doanh nghiệp Mặc dù em cố gắng hoàn thành báo cáo thực tập doanh nghiệp Tuy nhiên có thiếu sót, mong nhận thơng cảm, chia sẻ q thầy để giúp em hồn thành tốt môn thực tập doanh