báo cáo thực tập lập trình ứng dụng

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 ỨNG DỤNG Công ty thực tập Thi Người phụ trách Thực tập sinh : Công ty TNHH Công Nghệ Khả : Lê Cơng Minh Trí : Hồng Đức Minh TP Hồ Chí Minh, tháng 07 năm 2020 LỜI MỞ ĐẦU Chúng ta biết trang web mắt vào tháng năm 1991 Tim Berners-Lee Số lượng trang web tăng lên kể từ đó, trước phát triển lên hàng triệu trang thêm trước năm 2000 Ngày với phát triển mạnh mẽ internet sở hạ tầng viễn thông, ngành công nghiệp “khơng khói” web khẳng định vai trị vị to lớn Nhu cầu phát triển web,app phục vụ cho kinh tế, thương mại, giáo dục, văn hoá, lớn Bản thân người đam mê công nghệ mong muốn áp dụng công nghệ để làm cho sống tốt hơn, em luôn học hỏi, trau dồi thêm kiến thức, kỹ sống vốn công nghệ cần thiết để phục vụ nhu cầu thân Web số công nghệ em theo đuổi Em bắt đầu học lập trình web từ năm thứ ba đại học tiếp tục ngày hôm năm thứ tư Thời điểm học kỳ hai năm tư đại học, nhận thấy thời điểm thích hợp để thân học hỏi kỹ năng, kinh nghiệm làm dự án thực tế em bắt đầu lên kế hoạch thực tập doanh nghiệp Bản thân em sau nhiều ngày suy nghĩ, đắn đo định lựa chọn Công ty TNHH Công Nghệ Khả Thi nơi thực tập thức thân Đây cơng ty có môi trường trẻ, nhiệt huyết, phù hợp cho em học tập phát triển LỜI CẢM ƠN Em xin trân trọng gửi lời cảm ơn sâu sắc đến quý Công ty TNHH Công Nghệ Khả Thi tạo điều kiện cho em có hội học tập trải nghiệm môi trường chuyên nghiệ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 website 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 em xin gửi lời cảm ơn đặc biệt đến anh Hùng - Technical Lead công ty chân thành chia sẻ cho kiến thức, kinh nghiệm công việc sống, lời khuyên bổ ích để em tiến bộ, phát triển Cuối em xin gửi lòng biết ơn đến thầy cô khoa Công nghệ Phần mềm, trường Đại học Công nghệ Thông tin, Đại học Quốc gia Thành phố Hồ Chí Minh nhiệt tình hỗ trợ, tạo điều kiện để em hồn thành tốt mơn thực tập doanh nghiệp Sinh viên thực Hoàng Đức Minh TP Hồ Chí Minh, ngày 28/07/2020 NHẬN XÉT CỦA KHOA ……………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… ……………………………………………….……………………………………………… …………………………………………………………………………………………………… …………………………………………………… MỤC LỤC 20 Lập trình web front-end với React Chương 1: Giới thiệu công ty thực tập Giới thiệu Công ty TNHH Công Nghệ Khả Thi (EXE Corp) EXE Corp công ty công nghệ chuyên xây dựng tảng giáo dục cho trường học, Mục tiêu công ty phục vụ hàng triệu người dung học sinh cách trường sử dụng dịch vụ công ty Được thành lập vào tháng năm 2009, EXE Corp chuyên cung cấp giải pháp CNTT bật theo cách thức phục vụ tốt nhu cầu kinh doanh Chúng kỹ sư phần mềm, nhà thiết kế UX chuyên nghiệp nhà phân tích chun gia Chúng tơi người trẻ với mong muốn giúp doanh nghiệp thích nghi với thay đổi giới Chúng cố gắng trở thành người bạn đồng hành, người người bạn trung thành với khách hàng Trong chuyến thám hiểm chúng tôi, chúng tơi có đặc quyền phục vụ 200 khách hàng từ nhiều nơi giới: Canada, Mỹ, Úc, Việt Nam nhiều quốc gia khác Sản phẩm công ty AIS: ứng dụng di động, web hỗ trợ trường quốc tế AIS Đây tảng để nhà trường quản lý sinh viên , giới thiệu dịch vụ họ Chương 2: Nội dung thực tập Đợt thực tập với chủ đề “Lập trình back-end với Node” nhằm mục đích giúp sinh viên thực tập đào tạo kiến thức toàn diện lập trình web sử dụng cơng Node,qua có nhìn tổng quan backend, đồ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 phần mềm chuyên nghiệp Tìm hiểu cơng ty quy định nhân viên Thời gian: ngày Nội dung: Giới thiệu công ty, quy định nhân viên - Được người phụ trách giới thiệu cơng ty, q trình thành lập phát triển, sản phẩm, thành đạt hướng công ty tương lai Kết quả: Hiểu công ty cổ phần EXE Corp, đồng nghiệp, văn hố mơi trường làm việc, cách dự án triển khai Từ dễ dàng thích nghi với môi trường để đạt suất cao công việc Nghiên cứu kỹ thuật 2.1 Cài đặt môi trường Thời gian: ngày Nội dung: Cài đặt công cụ sử dụng trình làm việc - Cơng cụ trao đổi, giao tiếp: Slack, Skype - Công cụ quản lý dự án: Jira - Công cụ quản lý phiên phần mềm:Bitbucket - Cơng cụ liên quan lập trình:Dbeaver,Postgres Docker, Visual Code Thực hiện: Thực hành sử dụng phần mềm nêu Kết quả: Làm quen, biết công dụng cách sử dụng công cụ phục vụ công việc 2.2 Tìm hiểu ngơn ngữ JavaScript Thời gian: ngày (1 tuần) Nội dung: Tìm hiểu kiến thức nâng cao JavaScript(ES6) - Lập trình hướng chức (Functional Programming) - Các kiến thức DOM, Strings, Arrays, Objects, Variables, - ES6 vấn đề hạn chế JavaScript Thực hiện: - Tham gia đầy đủ buổi training cơng ty - Có kiến thức quan trọng TypeScript, npm - Ngoài biết clean code, viết code cho chuẩn, dễ đọc Kết quả: dễ hiểu 2.3 Lập trình web front-end với Angular Thời gian: (3 tuần) Nội dung: Các kiến thức kinh nghiệm lập trình front-end với Angular - Css cho component - One way binding - Event Binding,Observable va Promise - Tương tác component,routing - Làm việc với POST, GET, PUT, DELETE Thực hiện: - Tham gia đầy đủ buổi training - Làm thực hành, kiểm tra kiến thức học - Tham gia làm số task nhỏ Kết quả: - 2.4 Hiểu khái niệm lập trình front-end với Angular Lập trình web back-end với Node Thời gian: > 48 ngày (2 tháng) Nội dung: Sử dụng Node lập trình web back-end - Kiến thức Server, giao thức HTTP, kiến trúc backend - Sử dụng File System, Error, Hash - Tìm hiểu Express thực web theo mơ hình MVC - Học nestjs - Sử dụng Sequelize postgres cho database Thực hiện: - Tham gia đầy đủ buổi training - Tạo ứng dụng demo_school viết Express, sử dụng mơ hình MVC - Viết lại ứng dụng demo_school nestjs - Tham gia dự án với người hướng dẫn anh senior Kết quả: - Nắm kiến thức back-end kiến thức phụ trợ - Biết cách sử dụng nestjs, Express, Postgresql,, Sequelize - Biết cách áp dụng mơ hình MVC, ứng dụng web back-end Thực project Sau tháng training thực hành, thực tập sinh nắm kiến thức JavaScript, Angular Trong tháng thứ hai, người hướng dẫn thấy thực tập sinh thích backend nên khuyến khích thực tập sinh chuyển qua backend.Tháng thứ , người hướng dẫn yêu cầu thực tập sinh áp dụng kiến thức học tham gia dự án công ty Chi tiết đồ án nói phần sau Lịch làm việc Người Tuần Công việc hướng dẫn 5, người hướng dẫn nhân quy định (Hr) 10 nhân viên Tìm hiểu kiến thức Anh Tài 7/ 10 JavaScript,html,css Phạm javascript nên khó tiếp cận Các kiến thức kinh nghiệm (Senior) Anh Trí lập trình front-end với Angular Lê Sử dụng Node (express) (Senior) Anh Trí lập trình web back-end Lê, Tài chưa tìm hiểu kĩ dể Phạm Anh Tài mắc sai lầm Tạm thời chấp Học Nestjs Chưa học / 10 8/ 10 / 10 Phạm, Học nhanh , nhận anh Trí Lê Anh 07 / Làm việc hiệu -Nhận task backend làm Hùng 10 với team Design hướng dẫn (Lead) - 11,12 hoàn Chị Anh - 8,9,10, Nhận xét Giới thiệu công ty, 3, độ thành 09 / - Mức Tham gia dự án: QC Hơi trể so với deadline 10 10 11 11 Chương 3: Chi tiết project Giới thiệu dự án: Tên dự án: Pets Ý tưởng: Bắt nguồn từ tình yêu động vật đặt biệt loại thú ni ngày Cùng với chúng em muốn người trao đổi có nơi uy tính để mua bán thú cưng với mà hình thành nên Pets 12 12 1.1 Các hình tính 1.2.1 Màn hình Trang chủ 13 13 1.2.2 Màn hình tạo phiên Màn hình yêu cầu khách hàng nhập thông tin phiên đấu giá 14 14 1.2.3 Màn hình quản lý phiên đấu giá cá nhân Màn hình sẻ liệt kê danh sách phiên đấu giá người dung 15 15 1.2.4 Màn hình đấu giá phiên admin quản lý Màn hình chứa thơng tin sản phẩm,user được/ tham gia đấu giá chạy realtime 16 16 1.2.5 Màn hình thơng tin người dùng Màn hiển thị thông tin người dùng đăng nhập , 17 17 1.2.6 Màn hình đăng kí phiêm đấu giá Màn hình u cầu khách hàng nhập thông tin liên quan đến việc khởi tạo phiên đấu giá 18 18 Thực Thành Viên Internship: - Hoàng Đức Minh Mentor hướng dẫn: - Anh Trí Lê : hướng dẫn frontend - Anh Tài Phạm : Hướng dẫn backend Kế hoạch-Thực - Viết api unit testing cho API bên back-end - Triển khai giao diện trang web từ thiết kế Figma theo hình, component - Viết xử lý logic cho hình, component - Kết nối API từ back-end cho hình, component - Kết nối logic hình - Viết unit testing cho front-end - Tối ưu css image cho trang web - Build source code triển khai lên server - Fix bug bị thất bại từ phận QC Kết quả: Hoàn thành 99% yêu cầu giao 19 19 TÀI LIỆU THAM KHẢO https://developer.mozilla.org/en-US/docs/Web/JavaScript https://es6.io/ https://nodejs.org/en/ https://www.npmjs.com/ http://expressjs.com/ https://sequelize.org/ https://www.postgresql.org/ https://github.com/hoangminh122/ 20 20 TỔNG KẾT Như vậy, vòng khoảng thời gian ngắn 12 tuần, em trải nghiệm học hỏi nhiều kỹ năng, kiến thức quan trọng Em xin chân thành cảm ơn anh Trí Lê, anh Tài Phạm anh, chị , bạn team giúp đỡ em hoàn thành tập 21 21 ... công ty AIS: ứng dụng di động, web hỗ trợ trường quốc tế AIS Đây tảng để nhà trường quản lý sinh viên , giới thiệu dịch vụ họ Chương 2: Nội dung thực tập Đợt thực tập với chủ đề ? ?Lập trình back-end... phụ trợ - Biết cách sử dụng nestjs, Express, Postgresql,, Sequelize - Biết cách áp dụng mơ hình MVC, ứng dụng web back-end Thực project Sau tháng training thực hành, thực tập sinh nắm kiến thức... thứ hai, người hướng dẫn thấy thực tập sinh thích backend nên khuyến khích thực tập sinh chuyển qua backend.Tháng thứ , người hướng dẫn yêu cầu thực tập sinh áp dụng kiến thức học tham gia dự