Báo cáo thực tập lập trình WEB
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (2.88 MB, 46 trang )
ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH
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 TỐT NGHIỆP
LẬP TRÌNH WEB
Lớp: SE501.L11.PMCL
Cơng ty thực tập: ITC Group
Thực tập sinh: Lê Nguyễn Hồng Vũ
MSSV: 17521270
TP Hồ Chí Minh, Tháng 01, Năm 2021
Lời mở đầu
Ngày nay, ngành công nghiệp phát triển ứng dụng web là một phần không thể thiếu của
ngành công nghệ thơng tin nói chung cũng như cơng nghệ phần mềm nói riêng. Với số
lượng người dùng ngày càng lớn, tốc độ phát triển vô cùng mạnh mẽ, ngành phát triển
ứng dụng web đã và đang là nhân tố góp phần đến sự phát triển của ngành công nghệ
thông tin trên thế giới.
Cùng với xu thế phát triển của thế giới, Việt Nam cũng không phải ngoại lệ. Ngành công
nghiệp phát triển web non trẻ Việt Nam đã và đang phát triển mạnh mẽ, để hịa nhập với
những cơng ty hàng đầu về xây dựng nền tảng web trên thế giới. Bên cạnh sự phát triển
của web thì những ngành nghề được tiếp cận người dùng một cách nhanh chóng như
những gì ta có thể thấy là mạng xã hội hay những website bán hàng trực tuyến cũng đang
rất thịnh hành trên cả thế giới lẫn Việt Nam.
Vì muốn trải nghiệm quá trình làm việc thực tế nên em đã tìm được cơng ty ITC Group –
là một cơng ty có mơi trường làm việc chun nghiệp, hiện đại và giúp em bổ sung thêm
nhiều kiến thức để phát triển bản thân hơn
Em xin chân thành cảm ơn!
Lê Nguyễn Hoàng Vũ
Lời cảm ơn
Lời đầu tiên, nhóm chúng em xin bày tỏ lòng biết ơn sâu sắc đến Ban Giám Hiệu cũng
như các thầy cô của trường Đại học Công Nghệ Thơng Tin – Đại học Quốc Gia thành
phố Hồ Chí Minh nói chung và khoa Cơng nghệ phần mềm nói riêng vì đã tạo nên một
mơi trường học tập tuyệt vời và giúp em trau dồi thêm những kiến thức căn bản đến nâng
cao ngay từ khi còn trên ghế nhà trường, để từ đó em có thể tự tin hơn khi bước vào một
môi trường làm việc thực tế.
Em xin gửi lời cảm ơn sâu sắc đến công ty ITC Group đã tạo điều kiện tốt nhất có thể
giúp em có cơ hội được thực tập tại cơng ty và tích luỹ những kiến thức bổ ích.
Trong q trình thực tập thực tế tại ITC Group, em đã học hỏi được rất nhiều kinh
nghiệm quý báu, biết cách vận dụng những kiến thức đã học vào thực tiễn. Em xin cảm
ơn người hướng dẫn của em là anh Trương Quốc Cương và các anh ở công ty ITC Group
đã tận tình chỉ bảo, các anh đã truyền đạt cho em những kinh nghiệm quý báu mà các anh
tích lũy được trong quá trình làm việc. Nhờ vào những chỉ bảo này mà em có thể hồn
thành tốt chương trình thực tập. Nhờ các anh mà em hiểu được môi trường làm việc thực
tế, các kiến thức còn thiếu của bản thân, phát triển những kỹ năng mềm cho chính mình
và một phần nào đó tiếp cận được với một số cơng nghệ và lĩnh vực mới.
Trong q trình làm đề tài báo cáo, chắc không tránh khỏi nhiều điều thiếu sót, rất mong
nhận được phản hồi từ thầy và các bạn để góp phần làm cho bản báo cáo thêm hoàn thiện
hơn.
Em xin chân thành cảm ơn!
Lê Nguyễn Hoàng Vũ
Nhận xét của giảng viên:
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
MỤC LỤC
CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP ........................................................................... 1
1.
Giới thiệu về công ty TNHH ITC Group: ..................................................................................... 1
2.
Khách hàng và đối tác: ................................................................................................................. 3
3.
Địa chỉ doanh nghiệp và thông tin liên hệ: .................................................................................... 4
CHƯƠNG 2: NỘI DUNG THỰC TẬP ................................................................................................. 5
1.
Lịch làm việc tại công ty: ............................................................................................................. 5
2.
Nhiệm vụ được giao và hướng dẫn: .............................................................................................. 6
3.
Nội dung khóa thực tập: ............................................................................................................... 6
4.
Cơ sở lý thuyết và công nghệ: ...................................................................................................... 9
4.1. Tìm hiểu về HTML, CSS và JavaScript: .................................................................................... 9
4.2. Tìm hiểu về SASS:.................................................................................................................. 14
4.3. Tìm hiểu về Angular và Angular Material: .............................................................................. 18
4.4. Tìm hiểu về RESTful API: ...................................................................................................... 20
4.5: NodeJS: .................................................................................................................................. 21
4.6. PostgreSQL: ........................................................................................................................... 22
CHƯƠNG 3: CHI TIẾT CÁC CÔNG VIỆC THỰC HIỆN............................................................... 24
1.
Mini Sportyhub Project: ............................................................................................................. 24
2.
Dự án lifestyleweb cho 1 ngân hàng: .......................................................................................... 27
2.1.
Tìm hiểu về ReactJS:.......................................................................................................... 27
2.2.
Tìm hiểu về Redux Saga:.................................................................................................... 29
2.3.
Quy trình thực hiện công việc: ............................................................................................ 30
CHƯƠNG 4: KẾT QUẢ ĐẠT ĐƯỢC SAU ĐỢT THỰC TẬP ......................................................... 39
1.
Kết quả thu được:....................................................................................................................... 39
2.
Các điểm yếu của bản thân: ........................................................................................................ 40
3.
Cảm nhận về công ty:................................................................................................................. 40
DANH MỤC TÀI LIỆU THAM KHẢO ................................................................................................ 41
CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP
1. Giới thiệu về cơng ty TNHH ITC Group:
Hình 1.1. Logo của cơng ty ITC Group.
ITC Group, công ty phát triển phần mềm, đóng góp nỗ lực tốt nhất vào thành cơng
kinh doanh của khách hàng. Vì những thay đổi khơng thể ngăn cản địi hỏi sự đa dạng và
khả năng thích ứng trong ngành công nghiệp phần mềm, ITC Group đã cung cấp các giải
pháp Sáng tạo, Công nghệ hiện đại và Tư vấn quy trình trưởng thành mang lại sự tăng
trưởng bền vững và thành công liên tiếp cho doanh nghiệp khách hàng và của công ty.
Giá trị cốt lõi là tạo ra một mơi trường và văn hóa làm việc hướng tới Đổi mới và Tăng
trưởng công nghệ và tổ chức tương ứng để đảm bảo hiệu quả và sự hài lòng của khách
hàng.
Sứ mệnh: Bất kể doanh nhân và doanh nghiệp khởi nghiệp của bạn lớn đến đâu, sứ
mệnh ITC Group là luôn mang lại thành công và sự hài lịng cho khách hàng cho mỗi dự
án. Chúng tơi cũng không ngần ngại học hỏi, giao tiếp và cộng tác trong q trình làm
việc.
Lê Nguyễn Hồng Vũ
Thực tập tốt nghiệp
1
Hình 1.2. Hình ảnh về các services của cơng ty
Hình 1.3. Hình ảnh về các industries của cơng ty
Lê Nguyễn Hoàng Vũ
Thực tập tốt nghiệp
2
2. Khách hàng và đối tác:
-
Công ty ITC Group cung cấp các dịch vụ phát triển, phân tích, tư vấn, bảo trì và hỗ
trợ Phát triển phần mềm, Phát triển trang web, Phát triển di động, Kiểm thử cho các
đối tác trong và ngoài nước.
-
Một số đối tác và dự án của ITC Group:
● Updiagram: Công cụ quản lý dự án để trực quan hóa và đơn giản hóa quy trình
quản lý dự án.
● GiveTour: Hỗ trợ cộng đồng quản lý giải đấu thể thao.
● Geronimo: Nền tảng hỗ trợ các tổ chức phi lợi nhuận gây quỹ.
● Loyaty: Phần mềm quản lý và giao dịch cho một ngân hàng
Hình 1.3. Hình ảnh về các dự án của cơng ty đã thực hiện
Lê Nguyễn Hoàng Vũ
Thực tập tốt nghiệp
3
3. Địa chỉ doanh nghiệp và thông tin liên hệ:
-
Địa chỉ:
● Trụ sở chính:
55/21 Phan Đình Phùng, Tân Thành, Tân Phú, Thành phố Hồ Chí Minh,
Việt Nam.
● Trụ sở khác:
4323 Infinity Ln, Lorain, Oh 44053, United States
Unit 3/84-86 Albert Road, Strathfield, Sydney, NSW 2135, Australia
28 Rue des Longues Raies, 57070 Metz, France
218 Cresthaven Road Brampton Ontario L7A 1G5, Canada
- Thông tin liên hệ:
Website: /> Mail: hoặc
Facebook: /> Linkedin: /> Twitter: />
Lê Nguyễn Hoàng Vũ
Thực tập tốt nghiệp
4
CHƯƠNG 2: NỘI DUNG THỰC TẬP
1. Lịch làm việc tại công ty:
-
Thời gian thực tập: từ ngày 17/02/2020 đến ngày 30/6/2020, làm việc thứ 2, thứ 4,
thứ 5, thứ 7, mỗi ngày làm việc 7 giờ theo lịch làm việc của công ty.
Sáng: 9h30 – 12h
Chiều: 13h – 17h30
Riêng thứ 7 làm việc 5 tiếng, buổi chiều kết thúc lúc 16h.
-
Mỗi ngày sẽ gửi một báo cáo Daily Report cho anh Trương Quốc Cương về các
công việc đã làm trong ngày, các khó khăn gặp phải, hướng khắc phục.
-
Mỗi thứ 6 hoặc thứ 7 sẽ gửi một Weekly Report cho anh Trương Quốc Cương và cc
cho phòng nhân sự và Ban giám đốc về kết quả quá trình làm việc trong tuần, khó
khăn, hướng giải quyết.
-
Thơng thường vào trưa lúc 11h mỗi thứ 7 sẽ có những buổi chia sẻ kiến thức về
nhiều lĩnh vực do chính nhân viên công ty thực hiện.
-
Dự án thực tế tham gia: LifestyleWeb
Lê Nguyễn Hoàng Vũ
Thực tập tốt nghiệp
5
2. Nhiệm vụ được giao và hướng dẫn:
-
Về lý thuyết: Nhận tài liệu tự ơn tập và tìm hiểu về các kiến thức cơ bản HTML,
CSS, JAVASCRIPT, ES6, SASS, SCSS, TYPESCRIPT, ANGULAR, NODEJS.
-
Về thực hành:
Làm bài tập vận dụng các kiến thức đã tìm hiểu: Quản lý sân bóng (Angular –
Nodejs - Postgresql).
Vào dự án thực tế của công ty: Xây dựng và phát triển LifestyleWeb cho một
ngân hàng.
3. Nội dung khóa thực tập:
Chủ đề
Nội dung
Kết quả
Từ
Giới thiệu cơng ty
- Tìm hiểu về cơng ty, cách
- Tạo mối quan hệ vui vẻ
17/02/2020
và làm quen với
thức làm việc và làm quen
với mọi người.
đến
mọi người.
với mọi người xung quanh.
- Nắm rỏ các thẻ html,
22/02/2020
HTML, CSS,
- Nhận tài liệu tự ôn tập và
các thuộc tính css cơ
JAVASCRIPT
tìm hiểu về html, css
bản, những syntax của
javascript.
javascript.
Thời gian
Từ
Angular
- Tìm hiểu về Angular và
- Nắm kiến thức về
24/02/2020
Angular Material
Angular Material.
Angular và khởi tạo
đến
trang web cơ bản bằng
29/02/2020
Angular.
Từ
SASS
- Tìm hiểu Sass.
- Dùng Sass triển khai
02/03/2020
SCSS
- Tìm hiểu về SCSS.
Css.
đến
07/03/2020
Lê Nguyễn Hoàng Vũ
Thực tập tốt nghiệp
6
Từ
Cài đặt môi trường
- Cài đặt môi trường.
- Cài đặt mơi trường.
09/03/2020
và tìm hiểu
- Tìm hiểu về Nodejs.
- Xây dụng Express
đến
Nodejs, Postgresql. - Tìm hiểu về Postgresql.
server.
- Dùng postgresql để
14/03/2020
quản lý cơ sở dữ liệu.
Từ
Làm bài tập vận
- Xây dựng trang web để
- Nắm được cách sữ
16/03/2020
dụng các kiến thức
qaun lý sân bóng.
dụng Angular, Nodejs,
đến
đã tìm hiểu.
Postgresql để xây dựng
một trang web cơ bản.
21/03/2020
Từ
Review và nhận
- Review source code bài tập - Được review nhận phê
23/03/2020
phê bình.
quản lý sân bóng.
bình cải thiện source
đến
code sao cho code chạy
28/03/2020
hiệu quả nhất.
Từ
Vào dự án
- Tìm hiểu cấu trúc dự án.
- Học được cấu trúc của
30/03/2020
lifestyle.
- Fix những con bugs đơn
một dự án web thực tế.
giản.
- Làm quen với ReactJS
đến
04/04/2020
Từ
Thực hiện một số
- Nhận tasks được giao và
- Làm quen với xây dựng
06/04/2020
trang web
làm các trang web
UI bằng ReacJS.
Từ
Tìm hiểu về
- Nhận tài liệu và tìm hiểu
- Nắm được cách dùng
13/04/2020
Redux, Redux
Redux và Redux Saga.
Redux và Redux Saga để
đến
Saga.
đến
11/04/2020
18/04/2020
Lê Nguyễn Hoàng Vũ
quản lý State trong
ReactJS.
Thực tập tốt nghiệp
7
Từ
Fix bug bị lỗi do -
20/04/2020
integration.
Fix
bug
bị
lỗi
do - Củng cố kiến thức về
integration khơng chính xác.
Redux và Redux Saga để
đến
quản lý State sau khi
25/04/2020
integration.
Từ
Integration lấy data - Integration để hiển thị data - Vận dụng các kiến thức
27/04/2020
từ API để hiển thị cho UI.
đã tìm hiểu về Redux và
đến
lên UI.
Redux
02/05/2020
Saga
để
Integration và quản lý
State trong ReacJS.
Từ
Làm những task về Làm những task mới về fix - Cũng cố kiến thức về
04/05/2020
UI và Integration.
bug UI, change UI theo yêu ReacJS, Redux và Redux
đến
cầu
17/06/2020
integration.
khách
hàng
và Saga.
Bảng 2.1. Nội dung thực tập
Lê Nguyễn Hoàng Vũ
Thực tập tốt nghiệp
8
4. Cơ sở lý thuyết và cơng nghệ:
4.1. Tìm hiểu về HTML, CSS và JavaScript:
Hình ảnh 2.1. Logo HTML, CSS, JS
4.1.1. HTML:
Khái niệm:
-
HTML là viết tắt của Hypertext Markup Language.
-
HTML khơng phải là ngơn ngữ lập trình, đồng nghĩa với việc nó khơng thể tạo
ra các chức năng “động” được.
-
Khi làm việc với HTML, chúng ta sẽ sử dụng cấu trúc code đơn giản (tags và
attributes) để đánh dấu lên trang web.
Các tag thông dụng nhất của HTML:
HTML tags có 2 loại chính: block-level và inline tags.
-
Elements Block-level: sẽ sử dụng tồn khơng gian trang web và ln bắt đầu dòng
mới của trang web. Headings và paragraph là những ví dụ chính của block tags.
Tag <html></html> là element cao nhất dùng để đóng gói mỗi trang HTML.
Tag <head></head> chứa các thông tin meta như là tiêu đề trang và charset.
Tag <body></body> dùng để đóng gói tất cả nội dung sẽ hiện trên trang.
Tag đến , h1 là cấp heading cao nhất và h6 là thấp nhất.
Văn bản được đặt trong tag , nhưng blockquote thì sử dụng
<blockquote></blockquote>.
Lê Nguyễn Hồng Vũ
Thực tập tốt nghiệp
9
Tag <div></div> thể hiện những khu vực lớn, chứa nhiều paragraph, images,
blockquotes, và các yếu tố khác.
Tag <ol></ol> cho danh sách theo thứ tự, tag <ul></ul> cho danh sách không
theo thứ tự. Danh sách cần được đặt trong tag <li></li>.
-
Inline elements: chỉ chiếm phần nhỏ không gian web và khơng bắt đầu dịng mới
của trang web. Chúng thường dùng để định dạng nội dung bên trong của block
level elements. Links và những tag nhấn mạnh là những tag inlines phổ biến.
Tag <strong></strong> định dạng chữ in đậm.
Tag <a></a> thể hiện Hyperlinks với thuộc tính href để xách định link cụ thể.
Tag <img> dùng để thêm hình ảnh.
Sự phát triển của HTML5:
-
HTML được phát hành năm 2014 với nhiều tính năng quan trọng mới.
-
Nổi trội là tính năng hỗ trợ audio và video bằng tag <audio></audio> hay
<video></video>. Nó cũng hỗ trợ những tính năng mặc định như hỗ trợ
scalable vector graphics (SVG) và MathML cho các cơng thức tốn học và
phương trình khoa học.
-
Các tag mới của HTML5 nhằm giới thiệu cho trình duyệt biết mục đính chính
của nội dung trong website là gì, việc này có lợi cho cả người đọc và cả search
engine.
-
Các
semantic
tags
đó
là
<article></article>,
<section></section>,
<aside></aside>, <header></header> và <footer></footer>.
Lê Nguyễn Hoàng Vũ
Thực tập tốt nghiệp
10
4.1.2. CSS:
Khái niệm:
CSS là ngôn ngữ tạo phong cách cho trang web – Cascading Style Sheet
-
language. Nó dùng để tạo phong cách và định kiểu cho những yếu tố được viết
dưới dạng ngôn ngữ đánh dấu, như là HTML.
CSS được phát triển bởi W3C (World Wide Web Consortium) vào năm 1996 vì
-
HTML khơng được thiết kế để gắn tag để giúp định dạng trang web.
Mối tương quan giữa HTML và CSS rất mật thiết. HTML là ngôn ngữ nền tảng
-
của site và CSS tạo nên giao diện website, chúng không thể tách rời.
Ưu điểm của CSS:
-
CSS giúp định kiểu mọi thứ trên một file khác, có thể tạo phong cách trước rồi
sau đó tích hợp file CSS lên trên cùng của file HTML. Việc này giúp HTML
markup rõ rang và dễ quản lý hơn nhiều.
-
CSS giúp có nhiều styles trên một trang web.
CSS hoạt động như thế nào?
-
CSS sử dụng cấu trúc tiếng Anh đơn giản để tạo ra một bộ các quy tắc có thể tận
dụng.
-
Cú pháp của CSS rất đơn giản. Nó có phần block chọn và phần block khai báo.
Chỉ cần chọn một yếu tố và khai báo chỉ làm gì với nó.
-
Selector sẽ trỏ về yếu tố HTML cần được tạo phong cách. Block khai báo sẽ bao
gồm một hay nhiều khai báo cách nhau bởi dấu chấm phẩy.
-
Mỗi khai báo bao gồm một tên CSS và giá trị, cách nhau bởi dấu 2 chấm. Khai
báo CSS luôn kết thúc bằng dấu chấm phẩy và block khai báo được đặt trong dấu
ngoặc nhọn.
-
Ví dụ:
Lê Nguyễn Hoàng Vũ
Thực tập tốt nghiệp
11
Hình ảnh 2.2. Ví dụ về cú pháp CSS
Internal, External và Inline CSS Style :
-
Style CSS Internal là style được tải lên mỗi khi trang web được refresh lại. Vì vậy
nó tăng thời gian tải trang.
-
Style External là thuận tiện nhất. Mọi thứ được lưu trong file .css. Có nghĩa là có
thể tạo phong cách ở file khác áp dụng CSS vào trang mong muốn. Nó giúp cải
thiện thời gian tải trang rất nhiều.
-
Style CSS Inline hoạt động với một yếu tố nhất định có tag <style></style>. Mỗi
thành phần đều được tạo phong cách riêng, vì vậy đây khơng hẳn là cách tốt nhất
và dễ nhất để xử lý CSS nhưng khá tiện lợi nếu chỉ muốn thay đổi chỉ một yếu tố.
Lê Nguyễn Hoàng Vũ
Thực tập tốt nghiệp
12
4.1.3. JavaScript:
Khái niệm:
JavaScript là ngơn ngữ lập trình mang đế sự sinh động. Nó khác với HTML
-
(thường chuyên cho nội dung) và CSS (thường chuyên cho phong cách) và khác
hẳn PHP (chạy trên server chứ không chạy dưới máy client).
Lịch sử:
-
JavaScript được tạo trong mười ngày bởi Brandan Eich, một nhân viên của
Netscape, vào tháng 9 năm 1995. Được đặt tên đầu là Mocha, sau đó được đổi
thành Mona rồi LiveScript trước khi thật sự trở thành JavaScript.
-
Trong năm 1996, JavaScript được chính thức đặt tên là ECMAScript. Phiên
bản ECMAScript 2 được phát hành năm 1998 và ECMAScript 3 ra mắt năm
1999.
-
JavaScript liên tục phát triển, có lúc đạt đến 92% website đang sử dụng
JavaScript vào năm 2016.
Cách hoạt động của JavaScript trên trang web:
-
JavaScript thường được nhúng trực tiếp vào một trang web hoặc được tham
chiếu qua file .js riêng. Nó là ngơn ngữ phía client, tức là script được tải về
máy cảu khách truy cập và được xử lý tại đó thay vì phía server là xử lý trên
server rồi mới đưa kết quả tới khách truy cập.
Khuyết điểm:
-
Dễ bị khai thác.
-
Có thể được sử dùng để thực thi mã độc trên máy tính của người dùng.
-
Nhiều khi không được hỗ trợ trên mọi trình duyệt.
-
JS code snippets lớn.
-
Có thể bị triển khai khác nhau tuỳ từng thiét bị dẫn đến việc không đồng nhất.
Lê Nguyễn Hoàng Vũ
Thực tập tốt nghiệp
13
4.2. Tìm hiểu về SASS:
Hình ảnh 2.5. Logo SASS
Khái niệm:
- SASS/SCSS là một chương trình tiền xử lý CSS (CSS preprocessor), nó giúp
người dùng viết CSS theo cách của một ngơn ngữ lập trình, có cấu trúc rõ ràng,
rành mạch, dễ phát triển và bảo trì code hơn.
Hình ảnh 2.6. Hình ảnh minh họa về SASS.
Cú pháp của SASS:
Lê Nguyễn Hoàng Vũ
Thực tập tốt nghiệp
14
-
Quy tắc xếp chồng:
Với đoạn mã HTML như sau:
Hình ảnh 2.7. Hình ảnh HTML demo SASS.
SASS sẽ được viết theo quy tắc xếp chồng như sau:
Hình ảnh 2.8. Quy tắc xếp chồng trong SASS.
-
Biến trong Sass:
Biến chứa các giá trị mà bạn có thể sử dụng nhiều lần, ví dụ mã màu, font hay
kiểu chữ…
Lê Nguyễn Hồng Vũ
Thực tập tốt nghiệp
15
Hình ảnh 2.9. Biến trong SASS.
-
Quy tắc Mixin:
Mixin là một cơ chế khá phổ biến trong SASS. Công dụng của nó là mang nhiều
thuộc tính đã quy ước trong một mix nào đó rồi @include vào một thành phần
bất kỳ mà khơng cần phải viết lại các thuộc tính đó.
Hình ảnh 2.10. Mixin trong SASS.
-
Kế thừa
Một class hay một id có thể được kế thừa trong một class một id khác.
Lê Nguyễn Hoàng Vũ
Thực tập tốt nghiệp
16
Hình ảnh 2.11. Kế thừa trong SASS
Lê Nguyễn Hồng Vũ
Thực tập tốt nghiệp
17
4.3. Tìm hiểu về Angular và Angular Material:
4.3.1. Angular:
Hình ảnh 2.3. Logo Angular
Lịch sử phát triển:
- AngularJS được phát triển từ năm 2009 bởi Misko Hevery và một người bạn
của anh là Adam Abrons. Nó chỉ được coi là một dự án riêng (Side project)
nằm ngồi các cơng việc chính của họ.
Giới thiệu về Angular:
- AngularJs là một Javascript Framework được tạo ra để xây dựng các ứng dụng
web động (dynamic web app), nó thường được sử dụng để tạo ứng dụng Single
Page Application - SPA. Và hoạt động dựa trên việc mở rộng thêm các thuộc
tính (attribute) cho các thẻ của HTML (Các thuộc tính theo quy tắc
của Angular). AngularJS là một nền tảng miễn phí và được hàng ngàn lập trình
viên trên thế giới ưa chuộng.
Ưu điểm:
- Cho phép tạo ra các ứng dụng một cách đơn giản, code sạch.
-
Sử dụng data bind giống .NET với tính năng liên kết với HTML nên giúp
người dùng cảm thấy dễ sử dụng.
-
Cung cấp khả năng tái sử dụng các component.
-
Code dễ dàng khi unit test.
Lê Nguyễn Hoàng Vũ
Thực tập tốt nghiệp
18
-
Có thể chạy trên hầu hết các trình duyệt điện thoại thơng minh.
Nhược điểm:
-
Khơng an tồn: Được phát triển từ javascript nên nó khơng an tồn, phía máy chủ
phải thường xuyên xác nhận quyền để hệ thống chạy ổn định.
-
Nếu người sử dụng ứng dụng vơ hiệu hóa JavaScript thì họ chỉ nhìn được trang cơ
bản, khơng thấy gì thêm.
4.3.2. Angular Material:
Hình ảnh 2.4. Angular Material
-
Angular Materials cung cấp sẵn rất nhiều built-in module cho người dùng. Một số
tính năng như autocomplete, datepicker, slider, menu, grid và các toolbar được sử
dụng cùng với material trong Angular.
Lê Nguyễn Hoàng Vũ
Thực tập tốt nghiệp
19
4.4. Tìm hiểu về RESTful API:
Hình ảnh 2.12. RESTful API
Khái niệm:
-
RESTful API là một tiêu chuẩn dùng trong việc thiết kế các API cho các ứng
dụng web để quản lý các resource. RESTful là một trong những kiểu thiết kế
API được sử dụng phổ biến ngày nay để cho các ứng dụng (web, mobile…)
khác nhau giao tiếp với nhau.
Chức năng quan trọng nhất của REST là quy định cách sử dụng các HTTP method
và cách định dạng các URL cho ứng dụng web để quản các resource, các HTTP
thường dùng:
GET: Trả về một Resource hoặc một danh sách Resource.
POST: Tạo mới một Resource.
PUT: Cập nhật thơng tin cho Resource.
DELETE: Xố một Resource.
Lê Nguyễn Hồng Vũ
Thực tập tốt nghiệp
20
