Báo cáo thực tập lập trình FULLSTACK với ANGULAR và ASP NET CORE

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO THỰC TẬP LẬP TRÌNH FULLSTACK VỚI ANGULAR VÀ ASP.NET CORE Công ty thực tập : EZtek Software Development and Software Outsourcing Company Người phụ trách : Tất Cam Thịnh + Phạm Trường Hưng Thực tập sinh : Nguyễn Phi Phú TP Hồ Chí Minh, tháng năm 2021 LỜI MỞ ĐẦU Ngày nay, ngành nghề liên quan tới công nghệ thông tin ngày phát triển mạng mẽ để bắt kịp với xu hướng chung Trong đó, Lập trình website trở nên phổ biến Cùng với xu phát triển giới, Việt Nam ngoại lệ Ngành lập trình website non trẻ Việt Nam phát triển mạnh mẽ, để hòa nhập với công ty hàng đầu ứng dụng giới Bên cạnh công ty trẻ tuổi nước, công ty lớn giới gia nhập vào thị trường Việt Nam, góp phần lớn vào phát triển tích cực ngành lập trình website Việt Nam Ngành lập trình website sinh nhu cầu giải trí giới trẻ thiết bị cơng nghệ Và giới trẻ nguồn nhân lực quan trọng cho việc phát triển ngành sau Vì lý này, em định chọn lập trình website làm định hướng cho việc học tập Sau bốn năm học tập trường, mong muốn có thêm kinh nghiệm thực tế, muốn tham gia làm ứng dụng di động môi trường chuyên nghiệp, em có dự định thực tập hè Vì vậy, em định chọn Cơng ty EZtek Software Development and Software Outsourcing Company - môi trường lý tưởng, đại, chuyên nghiệp - nơi giúp em thực dự định Thực tập doanh nghiệp Nguyễn Phi Phú LỜI CẢM ƠN Trân trọng gửi lời cảm ơn EZtek Software Development and Software Outsourcing Company Việt Nam tạo điều kiện cho em có hội thực tập cơng ty Chỉ thời gian ngắn, nhờ dẫn nhiệt tình anh chị nhóm hướng dẫn, nhóm thực tập chúng em tiếp thu kiến thức quan trọng để làm website ERP Chân thành cảm ơn anh chị nhóm trainer bỏ nhiều thời gian, cơng sức để hướng dẫn chúng em hoàn thành đợt thực tập Đặc biệt cảm ơn anh Phạm Trường Hưng anh Tất Cam Thịnh trainning cho em kiến thức để áp dụng cho công việc, hướng dẫn, giúp đỡ cho em tận tình khó khăn cơng việc, đến khó khăn việc làm quen với môi trường mới, dẫn chúng em cách làm báo cáo, lên kế hoạch, kỹ khơng thể thiếu Ngồi xin cảm thầy cô Trường Khoa dạy cho em kiến thức thiếu cho đường hỗ trợ tạo điều kiện cho tụi em năm qua Em xin chân thành cảm ơn ! Nguyễn Phi Phú Thành phố Hồ Chí Minh, 11 tháng 12 năm 2020 Thực tập doanh nghiệp Nguyễn Phi Phú NHẬN XÉT CỦA KHOA Thực tập doanh nghiệp Nguyễn Phi Phú MỤC LỤC Chương 1: Giới thiệu công ty thực tập Giới thiệu công ty EZtek Software Development and Software Outsourcing Company Sản phẩm công ty Chương 2: Nội dung thực tập Tìm hiểu cơng ty kỹ công ty Nghiên cứu kỹ thuật 2.1 2.2 2.3 2.4 Các công cụ làm việc Tìm hiểu Framework Angular + Asp.net core nâng cao Lập trình Back-end với net core Lập trình Website với Angular 10 Thực project 11 Lịch làm việc 12 Chương 3: Chi tiết project 14 Giới thiệu ứng dụng 14 Bước đầu thực 14 Kết 15 TÀI LIỆU THAM KHẢO 16 TỔNG KẾT 17 Thực tập doanh nghiệp Nguyễn Phi Phú Chương 1: Giới thiệu công ty thực tập Thực tập doanh nghiệp Nguyễn Phi Phú Giới thiệu công ty EZtek Software Development and Software Outsourcing Company EZtek Software Development and Software Outsourcing Company thành lập năm 2011 Việt Nam, công ty OutSourcing Sau năm thành lập, đến Eztek khẳng định vị công ty dẫn đầu lĩnh vực phát triển phần mềm, tư vấn công nghệ, đầu tư công nghệ Sản phẩm công ty EZtek làm đa tảng cơng nghệ có ngành cơng nghệ thông tin nay: Về lĩnh vực Web:Trade Analytics , Bus booking, Tyto, ERP Các sản phẩm từ công ty EZtek: My-pets, dự án outsourcing: Vinda, Tech2B, easynda, woodstock-thieres, Thực tập doanh nghiệp Nguyễn Phi Phú Chương 2: Nội dung thực tập Đợt thực tập với chủ đề “Lập trinh Fullstack” nhằm mục đích giúp sinh viên thực tập đào tạo tồn diện lập trình Website, đồng thời rèn luyện kỹ mềm làm việc nhóm, thuyết trình, giao tiếp Tại cơng ty, sinh viên có hội học tập, khám phá làm việc môi trường phát triển ứng dụng di động chun nghiệp Tìm hiểu cơng ty kỹ công ty Thời gian : ngày Nội dung : Giới thiệu công ty, cách tổ chức công ty Được nghe người phụ trách giới thiệu cơng ty, q trình thành lập 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ơng ty Ngồi ra, thực tập sinh giới thiệu cách thức làm việc công ty thời gian làm, quy định cần phải tuân thủ, cách sử dụng email công việc… Kết : Hiểu thêm công ty Eztek, q trình thành lập phát triển Có thêm kỹ việc sử dụng email công việc, làm việc có kế hoạch, có kỷ luật, có trách nhiệm Nghiên cứu kỹ thuật 2.1 Các công cụ làm việc Thời gian : ngày Nội dung : Tìm hiểu cơng cụ sử dụng trình làm việc Trong thời gian này, anh hướng dẫn thực tập sinh tìm hiểu cơng cụ giúp ích cho cơng việc sau Một số phần mềm số Tortoise SVN - sử dụng làm việc nhóm, Git – công cụ quản lý source code trực quan với nhiều tính năng; Visual Studio Code, Webstorm - chương trình soạn thảo văn hữu ích phổ biến với lập trình viên Thực : Thực hành sử dụng phần mềm nêu Kết : Lập trình sử dụng cơng cụ miễn phí, giúp dễ dàng kết hợp cơng cụ với nhau, so với việc dung IDE Thực tập doanh nghiệp Nguyễn Phi Phú 2.2 Tìm hiểu Framework Angular + Asp.net core nâng cao Thời gian : ngày (1 tuần) Nội dung : Được training kỹ thuật Angular + Asp.net core nâng cao, kiến thức quan trọng cho việc tối ưu tảng website - Work flow: Flow website phần quan trọng lập trình, người dùng cần phải sử dụng website với hiệu tốt nhất, ứng dụng chạy trơn tru, không bị crash hay gây lỗi sử dụng - State Management (NgRx): Là library thay đổi cách thức hoạt động Angular, biết cách viết code cách khoa học hơn, dễ quản lý state component dễ - Reactive Programing: Flow ngôn ngữ javascript xem thứ luồng kiện, lý thuyết lập trình front end back end - Dependency Injection: Design pattern Angular Asp.net core, Angular Implement sẵn cịn Back end tự implement Thực : - Tham gia đầy đủ buổi training công ty - Làm thực hành, kiểm tra kiến thức học Kết : 2.3 - Nâng cao kỹ lập trình với Framework Angular + Asp.net core - Có kiến thức quan trọng cho việc lập trình đa tảng Web sau - Ngồi cịn biết thêm số quy tắc việc viết code cho chuẩn, dễ đọc, dễ hiểu Lập trình Back-end với net core Nội dung: Các kiến thức để làm API - Khái niệm net core Nắm khái niệm net, tảng phát triển đa mục đích, mã nguồn mở trì Microsoft cộng đồng NET GitHub Đó Thực tập doanh nghiệp Nguyễn Phi Phú 10 tảng chéo (hỗ trợ Windows, macOS Linux) sử dụng để xây dựng ứng dụng thiết bị, đám mây IoT - Thế RESTful API? Và đặt tên cho API cho chuẩn - Một số package hữu dụng Được anh trainer giới thiệu cho package hỗ trợ cho việc lập trình sendgird, azure storage, … - CQRS Pattern - Cách sử dụng Git để quản lý lúc thực - Cách dùng POSTMan để gọi API dùng Swagger Thực : - Tham gia đầy đủ buổi trainning - Làm tập thực hành tạo API post, put, delele, get, patch Kết : 2.4 - Tạo API create, update, delete, getAll, getbyId, Lập trình Website với Angular Nội dung: Các kiến thức Angular để làm website - Khái niệm Angular Nắm khái niệm Angular, framework cho nhà phát triển website mobile với Ionic Được phát triển Google Nó sử dụng để phát triển ứng dụng di động đa tảng Ngồi ra, trainer cịn cung cấp cho em khái niệm cách tạo component, sử dụng Angular CLI, cách xử lý state nội hình thơng qua việc sử dụng Angular routing,… - Cách viết styles Angular Angular hỗ trợ cách viết style component css, scss, sass - Một số package hữu dụng Thực tập doanh nghiệp Nguyễn Phi Phú 11 Được anh trainer giới thiệu cho package hỗ trợ cho việc lập trình UI Website, dùng package tiết kiệm bớt thời gian lập trình cho module cần thiết, mã nguồn mở nên Angular có lượng Package phong phú Github Một số package hữu ích sử dụng ứng dụng thực tập: Ngrx, Angular Material, Nebular, ngDrag,… Thực : - Tham gia đầy đủ buổi trainning - Làm tập thực hành vẽ hình bản, state management Website - Tìm kiếm tài liệu mạng để hiểu thêm, tìm hiểu life cycle Angular cho hoạt động trơn tru Kết : - Hiểu khái niệm lập trình Web với Angular - Vòng đời Angular Thực project Sau tuần training thực hành, thực tập sinh nắm kiến thực Angular, Asp.net core Trong tháng lại,các trainer hướng dẫn thực tập sinh áp dụng kiến thức học để thực project ERP dựa theo dự án công ty Chi tiết đồ án nói phần sau Thực tập doanh nghiệp Nguyễn Phi Phú 12 Lịch làm việc Tuần Công việc - - - - Tìm hiểu cơng ty, Anh Phạm Trường Hưng cách tổ chức công ty Làm quen với công cụ làm việc công ty Học cách trao đổi, làm việc qua slack Tìm hiểu Framework Anh Tất Cam Thịnh Angular net core Thực hành framework - Làm test - Tìm hiểu Postman - Tìm hiểu git, github, tortoiseGit - - - Người hướng dẫn Nhận công việc qua jira Bắt đầu làm dự án ERP Thực tập doanh nghiệp Nhận xét người hướng dẫn 100% 100% Anh Phạm Trường Hưng 100% Anh Tất Cam Thịnh 100% Bắt đầu xây dựng mơ Anh Tất Cam Thịnh hình sơ đồ quản hệ sở liệu Tạo entities api cần thiết Hoàn thành API cần thiết cho ERP Mức độ hoàn thành 100% Anh Tất Cam Thịnh 100% Nguyễn Phi Phú 13 - - Cùng bạn Anh Tất Cam Thịnh nhóm Front-end handle xử lý UI Update lại API back-end cho phù hợp với UI Hoàn thành project Thực tập doanh nghiệp 100% Anh Tất Cam Thịnh Anh Phạm Trường Hưng 100% Nguyễn Phi Phú 14 Chương 3: Chi tiết project Giới thiệu ứng dụng Đây project tập lần này, project nhắm việc dự án giải vấn đề mà dự án lần dự án mà nhắm đến kiến thức training tháng vừa rồi, cách xây dựng dự án từ Front-end to Back-end nào, kỹ thuật coding Các kỹ thuật lập trình Angular Asp.net core Mục đích nhắm tới cách mà tạo dựng đồ án nội dung dự án Bước đầu thực Trước thực anh trainer hướng nên phân tích dự án Sử dụng kiến thức tạo nên database phù hợp với dự án để tránh thay đổi nhiều lần kiến trúc database Thống framework hay library mà hay sử dụng để thành viên team theo dõi cách tốt Chia công việc cụ thể có cách coding quản lý code Thực hiện: Team front-end: • Thiết kế giao diện • Chia module theo smart and dumb component • Thêm State Management vào project • Thực trang đăng nhập trang khác Team Back-end: • Vẽ sơ đồ database • Hiện thực database SQL • Thêm xử lý token vào project • Viết CRUD API • Viết API để filter Thực tập doanh nghiệp Nguyễn Phi Phú 15 Kết - Hầu hết tính thực - Đã hoàn thành dự án đề - Team back-end hồn thành dự án có thêm Unit test cho back-end Thực tập doanh nghiệp Nguyễn Phi Phú 16 TÀI LIỆU THAM KHẢO [1] NGRX, https://ngrx.io/ [2] CQRS, https://docs.microsoft.com/en-us/azure/architecture/patterns/cqrs [3] Restful API, https://topdev.vn/blog/restful-api-la-gi/ [4] Angular, https://angular.io/guide/lifecycle-hooks Thực tập doanh nghiệp Nguyễn Phi Phú 17 TỔNG KẾT Sau đợt thực tập khoảng hai tháng công ty, em kịp hoàn thành phần giao diện phần back-end Em hồn tồn kiểm sốt quy trình kỹ thuật lập trình website với Agular Asp.net Core Qua đó, em xin chân thành cảm ơn giúp đỡ anh chị đội ngũ trainer công ty, giúp đỡ em hồn thành tập doanh nghiệp cách tốt học hỏi nhiều kinh nghiệm quý báu để sau áp dụng công việc tương lai Thực tập doanh nghiệp Nguyễn Phi Phú ... cycle Angular cho hoạt động trơn tru Kết : - Hiểu khái niệm lập trình Web với Angular - Vịng đời Angular Thực project Sau tuần training thực hành, thực tập sinh nắm kiến thực Angular, Asp. net core. .. woodstock-thieres, Thực tập doanh nghiệp Nguyễn Phi Phú Chương 2: Nội dung thực tập Đợt thực tập với chủ đề ? ?Lập trinh Fullstack? ?? nhằm mục đích giúp sinh viên thực tập đào tạo tồn diện lập trình Website,... Framework Angular + Asp. net core nâng cao Lập trình Back-end với net core Lập trình Website với Angular 10 Thực project 11 Lịch làm việc