Báo cáo thực tập lập trình web với angular

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 web với Angular Cơng ty thực tập: Công ty TNHH Giải pháp phần mềm TISOHA Người phụ trách: Võ Hoàng Đức Khoa Thực tập sinh: Trần Hoàng Anh Tp.HCM, tháng năm 2023 LỜI MỞ ĐẦU Ngày này, với phát triển mạnh mẽ internet, việc tổ chức, doanh nghiệp cá nhân sử dụng internet để làm công cụ truyền thông, sử dụng website riêng cho tổ chức Cùng với xu hướng phát triển giới, doanh nghiệp Việt Nam nhanh chóng bắt kịp với đà phát triển này, làm cho thị trường phát triển ứng dụng web ứng dụng di động phát triển vượt bậc Theo đó, bên cạnh ông lớn làm mảng ứng dụng web, có nhiều công ty nhỏ gia nhập vào đua cung cấp dịch vụ Hiện nay, ngành lập trình web ngành ưa chuộng, ngành xu thị trường Cùng với phát triển chóng mặt ngành cơng nghệ 4.0, nhu cầu sử dụng website để quản bá, sử dụng website riêng cho tổ chức ngày lớn Vì em chọn lập trình web làm định hướng cho việc học tập Sau 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 việc môi trường chuyên nghiệp, em chọn công ty TISOHA – môi trường lý tưởng, đại, chuyên nghiệp làm nơi thực tập cho thân Trainer: Võ Hoàng Đức Khoa Trần Hoàng Anh LỜI CẢM ƠN Trân trọng cảm ơn công ty TISOHA 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 nhiều kiến thức quan trọng trình lập trình web Chân thành cảm ơn nhóm trainer bỏ nhiều thời gian, cơng sức để hướng dẫn em hồn thành đợt thực tập Đặc biệt cảm ơn anh Võ Hoàng Đức Khoa, training Angular, hướng dẫn, giúp đỡ em tận tình, từ thứ nhỏ nhặt làm quen mơi trường mới, làm quen cơng việc Ngồi ra, anh Khoa người training html, css, js, ts, giúp đỡ em nhiều gặp khó khăn q trình làm việc, để tạo sản phẩm thời gian qua Ngoài ra, 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 cho em làm báo cáo Trần Hoàng Anh TpHCM, ngày 25 tháng năm 2023 Trainer: Võ Hoàng Đức Khoa Trần Hoàng Anh NHẬN XÉT CỦA KHOA ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… Trainer: Võ Hoàng Đức Khoa Trần Hồng Anh MỤC LỤC Nợi dung Chương 1: Giới thiệu công ty thực tập .5 Giới thiệu công ty TISOHA: .5 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ỹ Nghiên cứu kỹ thuật 2.1 Các công cụ làm việc 2.2 Tìm hiểu Angular 2.3 Tìm hiểu scss viết css chuẩn Thực project Lịch làm việc Chương 3: Chi tiết project Giới thiệu trang web: .9 1.1 Yêu cầu: .9 Thực hiện: Kết quả: TÀI LIỆU THAM KHẢO 19 TỔNG KẾT 20 Trainer: Võ Hoàng Đức Khoa Trần Hoàng Anh Chương 1: Giới thiệu công ty thực tập Giới thiệu công ty TISOHA: Công ty TISOHA (tên đầy đủ: công ty TNHH Giải pháp phần mềm TISOHA) thành lập cuối năm 2020 Tuy non trẻ, nhờ vào việc có lực lượng nhân viên trẻ trung, sáng tạo, đa số đến từ trường đại học lớn công nghệ thông tin nước Bách Khoa, Công nghệ Thông tin, Khoa học Tự nhiên, … TISOHA nhanh chóng khẳng định vị lĩnh vực công nghệ thông tin Sản phẩm công ty: TISOHA cịn non trẻ có sản phẩm ghi dấu thị trường, trang web hiven, app hana di động, outsource cho dự án nước ISB, SCEN, Knock Trainer: Võ Hoàng Đức Khoa Trần Hoàng Anh Chương 2: Nội dung thực tập Đợt thực tập với chủ để “Tạo trang quản lý với Angular” 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 trang web quản lý với giao diện thiết kế sẵn, đồng thời rèn luyện kỹ mềm làm việc nhóm, thuyết trình, giao tiếp với khách hàng Tại công ty, sinh viên có hội học tập, khám phá làm việc trọng mơi trường chun nghiệp Tìm hiểu công ty kỹ 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, quy trình làm việc, cách thức tổ chức, thời gian làm, cách thức làm việc, quy định phải tuân thủ, cách sử dụng kênh liên lạc công ty Kết quả: Hiểu thêm cơng ty TISOHA, có thêm kỹ việc sử dụng email công việc, cách thức làm 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: Test kỹ làm việc với Angular, tìm hiểu cơng cụ sử dụng trình làm việc Trong thời gian này, trainer hướng dẫn thực tập sinh tìm hiểu cơng cụ sử dụng trình làm việc sau slack, redmine số extension hỗ trợ trình lập trình, cách sử dụng figma, jira Ngồi ra, tổ chức test kỹ lập trình thực tập sinh Thực hiện: Thực hành sử dụng công cụ, thử làm todo app Angular Kết quả: Đã biết sử dụng cơng cụ nêu 2.2 Tìm hiểu Angular Thời gian: ngày Nội dung: Được training Angular – framework tương tự Reactjs Trong thời gian này, trainer hướng dẫn thực tập sinh tìm hiểu Angular, biết tính Angular sử dụng RxJS, Typescript, ReactiveForm, Guard,… Trainer: Võ Hoàng Đức Khoa Trần Hoàng Anh Thực hiện: - Tham gia đầy đủ buổi training công ty Tham gia thực hành, kiểm tra kiến thức học Kết quả: - Biết cách sử dụng Angular tính Biết cách triển khai code, cách viết code chuẩn 2.3 Tìm hiểu Graphql làm quen với cách kết nối với backend Apollo-Angular Thời gian: ngày Nội dung: Được training Graphql, Apollo-Angular Trong thời gian này, trainer hướng dẫn thực tập sinh cách sử dụng graphql, apollo-angular để tạo web app với front-end Angular kết nối với backend NET Graphql Thực hiện: - Tham gia đầy đủ buổi training công ty Tham gia thực hành, kiểm tra kiến thức học Kết quả: - Biết Graphql Biết cách sử dụng query, mutation để thao tác với backend Thực project Sau hai tuần training thực hành, thực tập sinh nắm kiến thức Angular, Graphql Trong hai tháng lại, trainer hướng dẫn thực tập sinh áp dụng kiến thức học tạo trang web quản lý Angular Trainer: Võ Hoàng Đức Khoa Trần Hồng Anh Lịch làm việc Tuần Cơng việc - Tìm hiểu cơng ty, 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 email, slack - Tìm hiểu kiến thức lập trình web Angular - Tìm hiểu Form, Validate, Router - Tìm hiểu thư viện Rxjs, ApolloAngular - Làm todo app Angular - Kiểm tra, sửa lỗi - Làm quen với Graphql kết nối Backend graphql với project - Làm lại task cũ dự án thực công ty - Tham gia dự án thực công ty - Tham gia dự án thực công ty - Tham gia dự án thực công ty - Tham gia dự án thực công ty - Tham gia dự án thực công ty 10 - Kiểm thử sữa lỗi - Báo cáo thực tập Trainer: Võ Hoàng Đức Khoa Người hướng dẫn Anh Võ Hoàng Đức Khoa Anh Đặng Hải Thịnh Anh Võ Hoàng Đức Khoa Anh Võ Hoàng Đức Khoa Anh Võ Hoàng Đức Khoa Anh Võ Hoàng Đức Khoa Anh Võ Hoàng Đức Khoa Anh Võ Hoàng Đức Khoa Anh Võ Hoàng Đức Khoa Anh Võ Hoàng Đức Khoa Anh Võ Hoàng Đức Khoa Trần Hoàng Anh Chương 3: Chi tiết project Giới thiệu trang web: Đây trang web đặt làm bên ISB – trang quản lý mua bán bất động sản 1.1 - Yêu cầu: Phải hoàn thành 70% yêu cầu từ phía khách hàng Về UI: sử dụng template cho sẵn Kết nối với backend để trang web hoạt động trơn tru Thực hiện: - Người thực hiện: thực tập sinh Trần Hoàng Anh - Và giúp đỡ tận tình đội ngũ TISOHA Kết quả: - Đã hoàn thiện yêu cầu giao - Cách tổ chức project: Trainer: Võ Hoàng Đức Khoa Trần Hoàng Anh 10 - Cách tổ chức page: - Cách tổ chức component Trainer: Võ Hoàng Đức Khoa Trần Hoàng Anh 11 - Tổ chức query, mutation graphql Trainer: Võ Hoàng Đức Khoa Trần Hoàng Anh 12 - Một data table: - Reactive Form (Create) Trainer: Võ Hoàng Đức Khoa Trần Hoàng Anh 13 - Reactive Form (Detail vs Update) Trainer: Võ Hoàng Đức Khoa Trần Hoàng Anh 14 - Một query Graphql Trainer: Võ Hoàng Đức Khoa Trần Hoàng Anh 15 - HTML Trainer: Võ Hoàng Đức Khoa Trần Hoàng Anh 16 - Typescript Trainer: Võ Hoàng Đức Khoa Trần Hoàng Anh 17 - Init page - Graphql – RxJS Trainer: Võ Hoàng Đức Khoa Trần Hoàng Anh 18 - Table lazyload data - Init Reactive Form Trainer: Võ Hoàng Đức Khoa Trần Hoàng Anh 19 TÀI LIỆU THAM KHẢO - - Angular: Angular - Introduction to the Angular docs, angular-vietnam/100days-of-angular: Series độc quyền cung cấp thành viên Angular Vietnam chủ đề liên quan tới Angular vòng 100 ngày (github.com) Graphql: Introduction – Angular (the-guild.dev) Trainer: Võ Hoàng Đức Khoa Trần Hoàng Anh