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 : Phạm Trường Hưng Thực tập sinh : Vũ Anh Khoa TP Hồ Chí Minh, tháng năm 2020 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 đa tảng thiết bị di động 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 thiết bị di động 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 đa tảng thiết bị di động làm định hướng cho việc học tập Sau ba 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 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 nhóm trainer, nhóm thực tập chúng em tiếp thu kiến thức quan trọng để làm ứng dụng di động 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 training Angular +Asp.net Core, 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ỹ thiếu Cũng xin cảm ơn thầy cô 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 Em xin chân thành cảm ơn ! Vũ Anh Khoa Thành phố Hồ Chí Minh, 27 tháng năm 2020 NHẬN XÉT CỦA KHOA MỤC LỤC Chương 2: Nội dung thực tập 2.Bước đầu thực 11 TÀI LIỆU THAM KHẢO .12 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 EZtek Software Development and Software Outsourcing Company thành lập năm 2011 Việt Nam, công ty OutSourcing Sau sáu 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 BAP 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 Các sản phẩm từ công ty BAP: My-pet 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 cịn 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, 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 - 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 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 : - 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 2.3 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 Ngoài ra, trainer 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 Đượ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 để tìm hiểu them, tìm hiểu flow Website cho hoạt động trơn tru Kết : - Hiểu khái niệm lập trình Web với Angular Thực project Sau tháng training thực hành, thực tập sinh nắm kiến thực Angular, Asp.net core Trong tháng thứ hai, trainer hướng dẫn thực tập sinh áp dụng kiến thức học để thực project trang Portal quản lý Entities anh chị Training đưa Chi tiết đồ án nói phần sau 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 • Vì team front-end làm khơng kịp nên em qua team front-end làm phụ Kết qủa - 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 mơ hình khác vào backend (CQRS) TÀI LIỆU THAM KHẢO For Angular https://angular.io/ For NGRX https://ngrx.io/ For Genuitec https://www.genuitec.com/products/angular-ide For Augury https://augury.rangle.io/ For NX https://nx.dev/ 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 ky 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  ... Hiểu khái niệm lập trình Web với Angular Thực project Sau tháng training thực hành, thực tập sinh nắm kiến thực Angular, Asp. net core Trong tháng thứ hai, trainer hướng dẫn thực tập sinh áp dụng... 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, ... 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 : - Nâng cao kỹ lập trình với