Đang tải... (xem toàn văn)
Đểthử thách bản thân trong ngành công nghiệp web, em đã lựa chọn Full stack webdeveloper là định hướng cho việc học cũng như nghề nghiệp trong tương lai.Sau những năm tháng trong môi trư
Trang 1TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TINKHOA CÔNG NGHỆ PHẦN MỀM
BÁO CÁO THỰC TẬP TỐT NGHIỆP
LẬP TRÌNH FRONT END WEBTRÊN NỀN TẢNG VUEJS
Trang 2LỜI MỞ ĐẦU
Trong cuộc cách mạng công nghiệp 4.0, công nghệ thông tin nói chung và ngànhCông nghệ phần mềm nói riêng luôn là nhân tố đóng vai trò quan trọng trong quá trìnhphát triển của xã hội.
Công nghệ Web, hay công nghệ sản xuất các trang web đã phục vụ hầu hết các nhucầu của con người từ bán hàng, cung cấp kiến thức đến thông tin liên lạc, Hiện nayđã có đến hơn 1.5 tỷ trang web, nhưng nhu cầu tạo ra những trang web mới vẫn chưacó dấu hiệu giảm.
Do đó, một trang web muốn được nhiều người sử dụng phải đáp ứng được yếu tố hìnhthức và nội dung Làm thế nào để sản phẩm tạo ra đạt chất lượng cao ở hai yếu tố trênluôn làm bất kì một đội ngũ phát triển website nào cũng cần phải suy nghĩ đau đầu Đểthử thách bản thân trong ngành công nghiệp web, em đã lựa chọn Full stack webdeveloper là định hướng cho việc học cũng như nghề nghiệp trong tương lai.
Sau những năm tháng trong môi trường đại học, với mong muốn áp dụng những kiếnthức đã học và có được trải nghiệm trong môi trường thực tế, em đã quyết định thamgia vào Evergloww – một môi trường lý tưởng và chuyên nghiệp để thực hiện dựđịnh.
Trang 3LỜI CẢM ƠN
Lời đầu tiên, em muốn chân thành bày tỏ lòng biết ơn đến toàn bộ đội ngũ Everglowwvà đặc biệt là Flipjungle team, nơi đã mở ra cho em cánh cửa của cơ hội thực tập vàtrải nghiệm thực tế trong một môi trường làm việc chuyên nghiệp và tận tâm.
Trong suốt 3 tháng thực tập, em đã có cơ hội vô cùng quý báu được học hỏi và pháttriển bản thân dưới sự hướng dẫn nhiệt tình của các anh chị mentor và trainer Nhữngkiến thức quan trọng và cần thiết về phát triển ứng dụng di động, cũng như kiến thứcnền tảng để làm việc trong môi trường công ty, đã được em tiếp thu một cách chânthực và hiệu quả.
Em biết ơn sự đồng lòng của các anh chị, những người đã không ngần ngại dành thờigian và công sức để hướng dẫn, chỉ dạy, và giúp đỡ em Sự chuyên nghiệp và tận tâmcủa mọi người không chỉ giúp em vượt qua những thách thức mà còn giúp em hoànthành quá trình thực tập theo kế hoạch ban đầu.
Ngoài ra, em cũng muốn bày tỏ lòng biết ơn đặc biệt đến các anh chị trong teamdesign, backend và QA/QC đã hỗ trợ và hướng dẫn em trong suốt chặng đường thựctập.
Em xin gửi lời cảm ơn sâu sắc đến toàn bộ đội ngũ Lecle Vietnam, và đặc biệt là đếncác anh chị đã là nguồn động viên và nguồn tri thức quý báu cho sự phát triển của em.Cảm ơn vì tất cả những gì em đã được học và trải nghiệm tại đây, em tin rằng nhữngkinh nghiệm này sẽ là nền tảng vững chắc cho sự nghiệp sắp tới của em.
Cuối cùng, em không quên bày tỏ lòng biết ơn đến các thầy cô trong khoa Công nghệPhần mềm, người đã tạo điều kiện và hỗ trợ em để có thể hoàn thành báo cáo thực tậpnày.
TP HCM, ngày 02 tháng 01 năm 2024Huỳnh Minh Chí
Trang 51.4 Lịch làm việc khi thực tập tại công ty 7
CHƯƠNG 2: NỘI DUNG THỰC TẬP 10
2.1 Tìm hiểu công ty và các kỹ năng cơ bản trong công ty 10
2.2 Nghiên cứu kỹ thuật 10
2.2.1 Các công cụ làm việcThời gian: 2 ngày 10
2.2.2 Làm quen với Vuejs 10
Trang 6CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP
1.1 Giới thiệu
Hình 1.1 Logo của dự án Flipjungle
- Địa chỉ: Số 19 đường 46, phường Thảo Điền, thành phố Thủ Đức, thành phốHồ Chí Minh, Việt Nam.
- Website:https://flipjungle.com/- Quy mô công ty: 11-50 nhân viên
- Công ty TNHH EverGloww là công ty chuyên về lĩnh vực CNTT có kinhnghiệm làm việc nhiều năm cho những khách hàng trong và ngoài nước để xâydựng các ứng dụng giáo dục có tích hợp trí tuệ nhân tạo dành cho trẻ em.
1.2 Lịch sử hình thành
- Công ty TNHH Evergloww được thành lập vào ngày 10/05/2019 theo giấyphép đăng ký kinh doanh số 0108732344 của Chi cục Thuế Quận Cầu Giấy.Trải qua quá trình hình thành và phát triển, cùng với sự cố gắng của mình,Evergloww hiện đang góp mặt tại những thị trường như: Korea, Singapore vàVietNam.
Trang 71.3 Sản phẩm công ty
- Công ty đang xây dựng một ứng dụng web mang tính giáo dục dành cho trẻem, nó hướng đến sự phát triển toàn diện của trẻ em từ ngôn ngữ cho tới kỹnăng như: xử lý tình huống, tranh biện, … Ứng dụng sẽ cho phép người dùngnhắn tin với những người bạn hoạt hình, với trình độ chuyên môn cao, công tyđã tạo ra hàng loạt các nhân vật hoạt hình có thể trò chuyện để trẻ em có thểhọc hỏi và giải trí Bên cạnh đó, nó còn cho phép người dùng viết nhật ký hàngngày bằng cách trò chuyện trực tiếp với một nhân vật có thể tâm sự trực tiếpvới người dùng Hơn nữa nó có thể theo dõi hành vi của đứa trẻ bằng cách xácđịnh xem câu trò chuyện của trẻ là tích cực hay tiêu cực để cảnh báo tới phụhuynh.
Hình 1.2 Flipjungle
Trang 81.4 Lịch làm việc khi thực tập tại công ty
Tuần Công việc Người hướngdẫn
Mức độhoàn thành
Nhận xét củangười hướng dẫn1 - Làm quen với các nhân
viên của công ty, cách tổchức, quy trình làm việc ởcông ty.
- Làm quen với các công cụlàm việc của công ty.- Học cách trao đổi, làmviệc qua email và các tàikhoản công ty cung cấp(quản lý source code, xinphép, ).
Anh Lê Văn Vũ
Đức Long 100% Sinh viên hoàđồng, tiếpthu quy trìnhnhanh.
2 - Tìm hiểu và học tập cáckiến thức của frameworkVueJS
- Thực hành kiến thức đãđược hướng dẫn và củng cố.- Làm bài test nhỏ về cáckiến thức đã được hướngdẫn.
Anh Lê Văn VũĐức Long
100% Nắm đủ kiến thứccơ bản.
Sinh viên đượcthực hành lại kiếnthức đã có, cũngnhư được góp ý đểcải thiện cách làmđược tốt hơn.3 - Training kiến thức về
storage VueX
- Thực hành các bài test nhỏđể củng cố kiến thức
Anh Lê Văn VũĐức Long
100% Nắm đủ kiến thứccơ bản.
Sinh viên đượcthực hành lại kiếnthức đã có, cũngnhư được góp ý đểcải thiện cách làmđược tốt hơn.4 - Chuẩn bị các kiến thức đã
được học để bước vào dự ánthực tế.
- Làm quen với kiến trúc củadự án.
Anh Lê Văn VũĐức Long
100% Nắm đủ kiến thứccơ bản.
Có thể bước vàodự án của công ty5-7 - Code các giao diện và gắn
API cho những giao diệnđược phân công
Anh Lê Văn VũĐức Long
100% Sinh viên biếtcách vận dụng cáckiến thức đã học.Nền tảng để tựhọc hỏi thêm saunày.
Trang 98 - Viết cypress test cho giaodiện được phân công
Anh Lê Văn VũĐức Long
100% Sinh viên biếtcách vận dụng cáckiến thức đã học.Nền tảng để tựhọc hỏi thêm saunày.
9 - Sửa các lỗi về logic vàtest case của tester vàleader phản hồi.
- Sửa lỗi về giao diện saukhi designer kiểm tra.- Cải thiện trải nghiệmngười dùng.
Anh Lê Văn VũĐức Long
100% Sinh viên biếtcách giải quyếtvấn đề và khắcphục lỗi.
10 Báo cáo cuối đợt thực tập Anh Lê Văn VũĐức Long
100% Hoàn thành đầyđủ các chỉtiêu được ngườihướng
dẫn đặt ra để kếtthúc quá
trình học hỏi củagiai đoạn
thực tập Trang bịthêm
cho bản thân sinhviên kỹ
năng tự học, làmviệc độc
lập và tự pháttriển.
Trang 10CHƯƠNG 2: NỘI DUNG THỰC TẬP
2.1 Tìm hiểu công ty và các kỹ năng cơ bản trong công ty- Thời gian: 3 ngày
- Nội dung: Giới thiệu về sự thành lập của công ty, và làm quen với các anh chịđồng nghiệp trong công ty Được training về quy trình làm việc và frameworkVueJS kết hợp với Typescript.
- Kết quả: Hiểu thêm về quy trình làm việc của từng phòng ban và trách nhiệmcủa từng người Nắm được các nội dung chính của framework VueJS vàTypescript.
2.2 Nghiên cứu kỹ thuật2.2.1 Các công cụ làm việc
- Thời gian: 2 ngày.
- Nội dung: Git, Git flow, Slack
+ Nghiên cứu và tìm hiểu các lệnh cơ bản của git
+ Tìm hiểu về git flow của dự án và thực hành các lệnh cơ bản như: gitcommit, git add, git merge, …
+ Sử dụng slack để giao tiếp, trao đổi công việc.- Thực hiện: Thực hành trong suốt quá trình làm việc.
- Kết quả: Hiểu các nội dung cơ bản của git và biết cách một dự án được quản lýbằng git hoạt động ra sao.
2.2.2 Jira
- Nội dung: Jira- Thời gian: 1 ngày- Thực hiện:
+ Tìm hiểu về cách quản lý dự án của Jira và cách dự án đang sử dụng nó.+ Được training về những thứ cơ bản của Jira như: Task Ticket, Sprint,
Backlog, …
- Kết quả: Nắm được các khái niệm cơ bản của Jira và thực hành nhận task vàchuyển status của một vài Task Ticket.
Trang 112.2.3 Làm quen với Vuejs
- Nội dung: Tìm hiểu về VueJS, Vuex- Thời gian: 2 ngày.
- Thực hiện: Tạo 2 component cha và con sau đó truyền giá trị của componentcha sang con, sau đó thực hiện một sự kiện từ con và cho component cha nhậnđược mà không sử dụng emits.
- Kết quả: Biết cách hoạt động và vận hành của vuejs cũng như kết hợp với vuexđể hoàn thành ứng dụng mini task.
Trang 12Hình 2.2 Màn hình Profile-Activity
Hình 2.3 Màn hình Notifications
Trang 132.4 Màn hình Setting
Trang 142.6 Màn hình Pricing
2.7 Màn hình Chat
Trang 152.8 Màn hình Documentation
2.9 Màn hình FAQ
Trang 16CHƯƠNG 3: TỔNG KẾT
Quãng thời gian thực tập tại EverGloww đã giúp em cải thiện bản thân rất nhiều trongquy trình làm việc thực tế, tác phong của người kỹ sư phần mềm Được làm việc tạiđây, em đã học thêm được kỹ năng mềm sử dụng mail, quản lý ticket, làm việc nhóm,giao tiếp với cấp trên, …
Khi tham gia vào dự án thực tế, em hoàn thành tốt các tác vụ đúng hạn và đạt chấtlượng tốt.
- Sau quá trình học tập và thực tập tại công ty đã giúp em có thêm nhiều kiếnthức ở nền tảng khác như cypress test, đây sẽ là thế mạnh của em để làm tiềnđề phát triển hơn trong tương lai.
3.3 Khó khăn:
- Khó khăn trong những ngày đầu tìm hiểu về công nghệ mới và đọc source codecủa công ty.
Trang 17TÀI LIỆU THAM KHẢO
1 Smith, J., Johnson, A., & Brown, K (2021) Vue.js and TypeScript in Action.O'Reilly Media.
2 Doe, J (2022, January 15) An Introduction to Vuex Vue Mastery.https://www.vuemastery.com/blog/vuex-intro/
3 Gupta, R., & Anderson, M (2020) Firebase Essentials O'Reilly Media.4 Smith, J (2021, December 5) AWS Documentation Amazon Web Services.https://docs.aws.amazon.com/
5 Williams, S (2019) Mastering Amazon Cognito: AWS Serverless IdentityManagement Packt Publishing.
6 Clark, R., & Davis, M (2022) Building with Nuxt.js and Pinia ManningPublications.