{"id":26653,"date":"2023-03-22T20:33:42","date_gmt":"2023-03-22T13:33:42","guid":{"rendered":"https:\/\/www.caodangvietmy.edu.vn\/?p=26653"},"modified":"2023-04-05T13:58:38","modified_gmt":"2023-04-05T06:58:38","slug":"sinh-vien-nganh-web-lap-trinh-ung-dung-di-dong-duoc-khong","status":"publish","type":"post","link":"https:\/\/www.caodangvietmy.edu.vn\/en\/sinh-vien-nganh-web-lap-trinh-ung-dung-di-dong-duoc-khong\/","title":{"rendered":"Can web development students program mobile applications?"},"content":{"rendered":"<h2 style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">L\u1eadp tr\u00ecnh di \u0111\u1ed9ng l\u00e0 g\u00ec?<\/span><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">L\u00e0 d\u00e2n c\u00f4ng ngh\u1ec7, \u0111\u01b0\u1ee3c h\u1ecdc t\u1eadp v\u00e0 r\u00e8n luy\u1ec7n v\u1edbi ni\u1ec1m \u0111am m\u00ea tr\u1edf th\u00e0nh m\u1ed9t l\u1eadp tr\u00ecnh vi\u00ean. H\u1eb3n l\u00e0 c\u00e1c thu\u1eadt ng\u1eef nh\u01b0 Web Developer, Mobile Developer kh\u00f4ng c\u00f2n xa l\u1ea1 v\u1edbi c\u00e1c b\u1ea1n ph\u1ea3i kh\u00f4ng. Ch\u00fang l\u00e0 nh\u1eefng c\u00e1i t\u00ean \u0111\u01b0\u1ee3c sinh ra trong th\u1ebf gi\u1edbi c\u00f4ng ngh\u1ec7 th\u00f4ng tin v\u00e0\u00a0th\u01b0\u1eddng g\u1ecdi chung l\u00e0 \u201ccoder\u201d. C\u00f3 \u0111i\u1ec1u hai coder n\u00e0y th\u1ef1c hi\u1ec7n c\u00e1c c\u00f4ng vi\u1ec7c ph\u00e1t tri\u1ec3n ph\u1ea7n ph\u1ea7n m\u1ec1m tr\u00ean hai n\u1ec1n t\u1ea3ng kh\u00e1c nhau.\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">N\u1ebfu nh\u01b0 Web Developer x\u00e2y d\u1ef1ng v\u00e0 ki\u1ebfn t\u1ea1o c\u00e1c \u1ee9ng d\u1ee5ng tr\u00ean n\u1ec1n t\u1ea3ng Web th\u00ec Mobile Developer l\u00e0 nh\u1eefng nh\u00e0 ph\u00e1t tri\u1ec3n \u1ee9ng d\u1ee5ng tr\u00ean n\u1ec1n t\u1ea3ng c\u00e1c thi\u1ebft b\u1ecb di \u0111\u1ed9ng. Nh\u1eefng s\u1ea3n ph\u1ea9m c\u1ee7a Mobile Developer l\u00e0 nh\u1eefng \u1ee9ng d\u1ee5ng ch\u1ea1y tr\u00ean n\u1ec1n t\u1ea3ng di \u0111\u1ed9ng \u2013 Mobile app.<\/span><\/p>\n<h2 style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">C\u00e1c ph\u01b0\u01a1ng ph\u00e1p l\u1eadp tr\u00ecnh di \u0111\u1ed9ng th\u00f4ng th\u01b0\u1eddng<\/span><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">\u0110\u1ec3 theo \u0111u\u1ed5i con \u0111\u01b0\u1eddng c\u1ee7a c\u00e1c l\u1eadp tr\u00ecnh vi\u00ean di \u0111\u1ed9ng, c\u00f3 3 nh\u00e1nh m\u00e0 b\u1ea1n c\u00f3 th\u1ec3 ch\u1ecdn:<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\"><img loading=\"lazy\" decoding=\"async\" width=\"725\" height=\"627\" class=\"wp-image-26673\" src=\"https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/https-codelearn-io-media-default-users-phanhtrin.png\" alt=\"https:\/\/codelearn.io\/Media\/Default\/Users\/PhanhTrinh2706\/MobileAppDevelopment\/lo-trinh-lap-trinh-vien-ung-dung-di-dong-2020-1.png\" srcset=\"https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/https-codelearn-io-media-default-users-phanhtrin.png 725w, https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/https-codelearn-io-media-default-users-phanhtrin-640x553.png 640w, https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/https-codelearn-io-media-default-users-phanhtrin-301x260.png 301w\" sizes=\"(max-width: 725px) 100vw, 725px\" \/><\/span><\/p>\n<ul style=\"text-align: justify;\">\n<li><span style=\"font-family: 'times new roman', times, serif;\">Ph\u00e1t tri\u1ec3n n\u1ec1n t\u1ea3ng \u0111\u01a1n (Single Platform Development)<\/span><\/li>\n<\/ul>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\"><img loading=\"lazy\" decoding=\"async\" width=\"738\" height=\"650\" class=\"wp-image-26675\" src=\"https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/https-codelearn-io-media-default-users-phanhtrin-1.png\" alt=\"https:\/\/codelearn.io\/Media\/Default\/Users\/PhanhTrinh2706\/MobileAppDevelopment\/lo-trinh-lap-trinh-vien-ung-dung-di-dong-2020-2.png\" srcset=\"https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/https-codelearn-io-media-default-users-phanhtrin-1.png 738w, https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/https-codelearn-io-media-default-users-phanhtrin-1-640x564.png 640w, https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/https-codelearn-io-media-default-users-phanhtrin-1-295x260.png 295w\" sizes=\"(max-width: 738px) 100vw, 738px\" \/><\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">\u1ede \u0111\u00e2y ch\u00fang ta s\u1ebd n\u00f3i v\u1ec1 vi\u1ec7c ph\u00e1t tri\u1ec3n c\u00e1c \u1ee9ng d\u1ee5ng cho t\u1eebng h\u1ec7 \u0111i\u1ec1u h\u00e0nh di \u0111\u1ed9ng b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c c\u00f4ng c\u1ee5 ri\u00eang c\u1ee7a ch\u00fang.C\u00e1c h\u1ec7 \u0111i\u1ec1u h\u00e0nh h\u00e0ng \u0111\u1ea7u cho thi\u1ebft b\u1ecb di \u0111\u1ed9ng l\u00e0: Android, iOS v\u00e0 Windows Phone.<\/span><\/p>\n<ul style=\"text-align: justify;\">\n<li><span style=\"font-family: 'times new roman', times, serif;\">Ph\u00e1t tri\u1ec3n \u0111a n\u1ec1n t\u1ea3ng (Cross-Platform Development)<\/span><\/li>\n<\/ul>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">N\u1ebfu b\u1ea1n \u0111ang c\u00f3 k\u1ebf ho\u1ea1ch ph\u00e1t tri\u1ec3n m\u1ed9t \u1ee9ng d\u1ee5ng di \u0111\u1ed9ng duy nh\u1ea5t tr\u00ean hai ho\u1eb7c nhi\u1ec1u n\u1ec1n t\u1ea3ng, th\u00ec c\u00e1c c\u00f4ng c\u1ee5 ph\u00e1t tri\u1ec3n \u0111a n\u1ec1n t\u1ea3ng ch\u1eafc ch\u1eafn s\u1ebd h\u1eefu \u00edch. Hai lo\u1ea1i k\u1ef9 thu\u1eadt ph\u00e1t tri\u1ec3n \u0111a n\u1ec1n t\u1ea3ng l\u00e0: Hybrid Applications and Native Applications.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\"><img loading=\"lazy\" decoding=\"async\" width=\"579\" height=\"580\" class=\"wp-image-26677\" src=\"https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/https-codelearn-io-media-default-users-phanhtrin-2.png\" alt=\"https:\/\/codelearn.io\/Media\/Default\/Users\/PhanhTrinh2706\/MobileAppDevelopment\/lo-trinh-lap-trinh-vien-ung-dung-di-dong-2020-6.png\" srcset=\"https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/https-codelearn-io-media-default-users-phanhtrin-2.png 579w, https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/https-codelearn-io-media-default-users-phanhtrin-2-150x150.png 150w, https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/https-codelearn-io-media-default-users-phanhtrin-2-260x260.png 260w\" sizes=\"(max-width: 579px) 100vw, 579px\" \/> <img loading=\"lazy\" decoding=\"async\" width=\"707\" height=\"707\" class=\"wp-image-26679\" src=\"https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/https-codelearn-io-media-default-users-phanhtrin-3.png\" alt=\"https:\/\/codelearn.io\/Media\/Default\/Users\/PhanhTrinh2706\/MobileAppDevelopment\/lo-trinh-lap-trinh-vien-ung-dung-di-dong-2020-7.png\" srcset=\"https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/https-codelearn-io-media-default-users-phanhtrin-3.png 707w, https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/https-codelearn-io-media-default-users-phanhtrin-3-640x640.png 640w, https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/https-codelearn-io-media-default-users-phanhtrin-3-150x150.png 150w, https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/https-codelearn-io-media-default-users-phanhtrin-3-260x260.png 260w\" sizes=\"(max-width: 707px) 100vw, 707px\" \/><\/span><\/p>\n<h2 style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">Sinh vi\u00ean h\u1ecdc ng\u00e0nh web th\u00ec l\u1eadp tr\u00ecnh di \u0111\u1ed9ng nh\u01b0 th\u1ebf n\u00e0o?<\/span><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">V\u1edbi n\u1ec1n t\u1ea3ng ki\u1ebfn th\u1ee9c c\u1ee7a sinh vi\u00ean ng\u00e0nh web th\u00ec Hybrid Applications l\u00e0 s\u1ef1 l\u1ef1a ch\u1ecdn t\u1ed1t. C\u00e1c c\u00f4ng c\u1ee5 ph\u00e1t tri\u1ec3n Hybrid Applications \u0111\u01b0\u1ee3c t\u1ea1o ra \u0111\u1ec3 gi\u00fap c\u00e1c nh\u00e0 ph\u00e1t tri\u1ec3n Web d\u1ec5 d\u00e0ng ph\u00e1t tri\u1ec3n v\u00e0 tri\u1ec3n khai c\u00e1c \u1ee9ng d\u1ee5ng l\u00ean n\u1ec1n t\u1ea3ng di \u0111\u1ed9ng. Ph\u00e1t tri\u1ec3n Hybrid Applications th\u1ef1c s\u1ef1 l\u00e0 \u0111ang ph\u00e1t tri\u1ec3n m\u1ed9t \u1ee9ng d\u1ee5ng HTML5 cho n\u1ec1n t\u1ea3ng di \u0111\u1ed9ng.<\/span><\/p>\n<h2 style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">Ionic Framework<\/span><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">L\u00e0 Framework m\u00e3 ngu\u1ed3n m\u1edf h\u1ed7 tr\u1ee3 thi\u1ebft k\u1ebf giao di\u1ec7n \u1ee9ng d\u1ee5ng di \u0111\u1ed9ng v\u1edbi k\u1ef9 thu\u1eadt web (HTML,CSS) r\u1ea5t hi\u1ec7u qu\u1ea3 v\u00e0 t\u00edch h\u1ee3p l\u1eadp tr\u00ecnh Front end v\u1edbi c\u00e1c framework hi\u1ec7n \u0111\u1ea1i nh\u01b0 Angular, Vue, React. Sau \u0111\u00e2y l\u00e0 c\u00e1c b\u01b0\u1edbc x\u00e2y d\u1ef1ng \u1ee9ng d\u1ee5ng di \u0111\u1ed9ng v\u1edbi ionic<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\"><strong>C\u00e0i \u0111\u1eb7t<\/strong><\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">npm install -g @ionic\/cli<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\"><strong>T\u1ea1o \u1ee9ng d\u1ee5ng<\/strong><\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">ionic start PoLyApp option<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\"><strong>Th\u1ef1c thi \u1ee9ng d\u1ee5ng<\/strong><\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">ionic serve<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">Ch\u1ec9 c\u1ea7n c\u00f3 nh\u01b0 v\u1eady th\u00f4i l\u00e0 ch\u00fang ta \u0111\u00e3 c\u00f3 \u0111\u01b0\u1ee3c m\u1ed9t \u1ee9ng d\u1ee5ng di \u0111\u1ed9ng v\u00e0 c\u00f3 th\u1ec3 deploy tr\u00ean n\u1ec1n t\u1ea3ng n\u00e0o c\u0169ng \u0111\u01b0\u1ee3c, nh\u01b0 iOS, Android<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">V\u00ed d\u1ee5 \u1ee9ng d\u1ee5ng di \u0111\u1ed9ng v\u1edbi hai m\u00e0n h\u00ecnh nh\u01b0 sau:<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\"><img loading=\"lazy\" decoding=\"async\" width=\"363\" height=\"646\" class=\"wp-image-26681\" src=\"https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/word-image-26653-5.png\" srcset=\"https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/word-image-26653-5.png 363w, https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/word-image-26653-5-360x640.png 360w, https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/word-image-26653-5-146x260.png 146w\" sizes=\"(max-width: 363px) 100vw, 363px\" \/> <img loading=\"lazy\" decoding=\"async\" width=\"363\" height=\"644\" class=\"wp-image-26682\" src=\"https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/word-image-26653-6.png\" srcset=\"https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/word-image-26653-6.png 363w, https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/word-image-26653-6-361x640.png 361w, https:\/\/www.caodangvietmy.edu.vn\/wp-content\/uploads\/2023\/03\/word-image-26653-6-147x260.png 147w\" sizes=\"(max-width: 363px) 100vw, 363px\" \/><\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">Hi\u0300nh : M\u00e0n h\u00ecnh home Hi\u0300nh 2: M\u00e0n h\u00ecnh contact<\/span><\/p>\n<h2 style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">Th\u1ef1c hi\u1ec7n thi\u1ebft k\u1ebf v\u00e0 l\u1eadp tr\u00ecnh x\u1eed l\u00fd<\/span><\/h2>\n<ol style=\"text-align: justify;\">\n<li><span style=\"font-family: 'times new roman', times, serif;\"><strong><em>Thi\u1ebft k\u1ebf<\/em><\/strong><\/span><\/li>\n<\/ol>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">\u0110\u1ec3 thi\u1ebft k\u1ebf giao di\u1ec7n cho \u1ee9ng d\u1ee5ng, ionic cung c\u1ea5p c\u00e1c Component, l\u00e0 c\u00e1c th\u00e0nh ph\u1ea7n \u0111\u01b0\u1ee3c \u0111\u1ecbnh ngh\u0129a s\u1eb5n hay l\u00e0 c\u00e1c th\u1ebb m\u1edf r\u1ed9ng. C\u00e1c component cho ph\u00e9p t\u1ea1o giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng cho \u1ee9ng d\u1ee5ng m\u1ed9t c\u00e1ch nhanh ch\u00f3ng. Ionic c\u00f3 s\u1eb5n r\u1ea5t nhi\u1ec1u component. Nh\u01b0 tab, list, card\u2026<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">\u0110\u1ec3 thi\u1ebft k\u1ebf, b\u1ea1n t\u00ecm component ph\u00f9 h\u1ee3p cho m\u00e0n h\u00ecnh \u1ee9ng d\u1ee5ng t\u1ea1i <a href=\"https:\/\/ionicframework.com\/docs\/components\" rel=\"nofollow noopener\" target=\"_blank\">https:\/\/ionicframework.com\/docs\/components<\/a>, sau \u0111\u00f3 th\u1ef1c hi\u1ec7n thi\u1ebft k\u1ebf giao di\u1ec7n t\u1ea1i template c\u1ee7a component \u1ee9ng d\u1ee5ng (\u1edf \u0111\u00e2y d\u00f9ng Framework Angular n\u00ean giao di\u1ec7n \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf t\u1ea1i file html v\u00e0 code x\u1eed l\u00fd l\u00e0 class k\u00e8m theo d\u1ea1ng Typescript)<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">M\u00e0n h\u00ecnh home \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf nh\u01b0 sau, ho\u00e0n to\u00e0n b\u1eb1ng c\u00e1c th\u1ebb html v\u00e0 component ionic-cart<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-header <em>[translucent]<\/em>=&#8221;true&#8221;&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-toolbar&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-title&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">Home<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;\/ion-title&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;\/ion-toolbar&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;\/ion-header&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-content <em>[fullscreen]<\/em>=&#8221;true&#8221;&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-card&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-img <em>src<\/em>=&#8221;.\/assets\/images\/hcm.jpeg&#8221;&gt;&lt;\/ion-img&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-card-header&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-card-subtitle&gt;Cao \u0110\u1eb3ng&lt;\/ion-card-subtitle&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-card-title&gt;FPT POLY TECHNIC&lt;\/ion-card-title&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;\/ion-card-header&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-card-content&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">V\u1edbi tri\u1ebft l\u00fd \u0111\u00e0o t\u1ea1o \u201cTh\u1ef1c h\u1ecdc \u2013 Th\u1ef1c nghi\u1ec7p\u201d, Cao \u0111\u1eb3ng FPT Polytechnic<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">h\u01b0\u1edbng t\u1edbi \u0111\u00e0o t\u1ea1o ngu\u1ed3n nh\u00e2n l\u1ef1c ch\u1ea5t l\u01b0\u1ee3ng cao v\u1edbi ph\u01b0\u01a1ng ph\u00e1p qua d\u1ef1 \u00e1n th\u1eadt.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;\/ion-card-content&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;\/ion-card&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;\/ion-content&gt;<\/span><\/p>\n<ol style=\"text-align: justify;\">\n<li><span style=\"font-family: 'times new roman', times, serif;\"><strong><em>L\u1eadp tr\u00ecnh x\u1eed l\u00fd<\/em><\/strong><\/span><\/li>\n<\/ol>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">M\u00e0n h\u00ecnh contact list \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf v\u1edbi component list, \u0111\u1ed3ng th\u1eddi \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n l\u1eadp tr\u00ecnh giao di\u1ec7n v\u1edbi Angular2+ (c\u00f3 th\u1ec3 code b\u1eb1ng c\u00e1c Framework kh\u00e1c nh\u01b0 React hay VueJS), m\u1ed9t Framework m\u00e0 sinh vi\u00ean c\u1ee7a ng\u00e0nh thi\u1ebft k\u1ebf trang web \u0111\u00e3 \u0111\u01b0\u1ee3c h\u1ecdc<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-header <em>[translucent]<\/em>=&#8221;true&#8221;&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-toolbar&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-title&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">Contact us<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;\/ion-title&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;\/ion-toolbar&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;\/ion-header&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-content <em>[fullscreen]<\/em>=&#8221;true&#8221;&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-list&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-list-header&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">H\u1ec6 TH\u1ed0NG V\u0102N PH\u00d2NG<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;\/ion-list-header&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-item <em>*ngFor<\/em>=&#8221;let contact of contacts&#8221;&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-avatar <em>slot<\/em>=&#8221;start&#8221;&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;img <em>src<\/em>=&#8221;.\/assets\/images\/{{contact.imageUrl}}&#8221;&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;\/ion-avatar&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-label&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;h2&gt;{{contact.name}}&lt;\/h2&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;h3&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-icon <em>name<\/em>=&#8221;navigate-circle-outline&#8221;&gt;&lt;\/ion-icon&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">{{contact.address}}<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;\/h3&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;p&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;ion-icon <em>name<\/em>=&#8221;call-outline&#8221;&gt;&lt;\/ion-icon&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">{{contact.phone}}<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;\/p&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;\/ion-label&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;\/ion-item&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;\/ion-list&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">&lt;\/ion-content&gt;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">V\u1edbi d\u1eef li\u1ec7u x\u1eed l\u00fd \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n t\u1ea1i file Typescript nh\u01b0 sau:<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">export class <strong>ContactPage<\/strong> {<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">contacts=[<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">{<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">name:&#8221;C\u01a1 s\u1edf H\u00e0 N\u1ed9i&#8221;,<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">address:&#8221;T\u00f2a nh\u00e0 FPT Polytechnic, Ph\u1ed1 Tr\u1ecbnh V\u0103n B\u00f4, Nam T\u1eeb Li\u00eam, H\u00e0 N\u1ed9i&#8221;,<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">phone:&#8221;(024) 7300 1955&#8243;,<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">imageUrl:&#8221;hn.jpeg&#8221;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">},<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">{<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">name:&#8221;C\u01a1 s\u1edf H\u1ed3 Ch\u00ed Minh&#8221;,<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">address:&#8221;778\/B1 Nguy\u1ec5n Ki\u1ec7m, P.4, Q. Ph\u00fa Nhu\u1eadn, TP. H\u1ed3 Ch\u00ed Minh&#8221;,<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">phone:&#8221;028 62523434\/0901 660 002&#8243;,<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">imageUrl:&#8221;hcm.jpeg&#8221;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">},<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">{<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">name:&#8221;C\u01a1 s\u1edf \u0110\u00e0 N\u1eb5ng&#8221;,<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">address:&#8221;137 Nguy\u1ec5n Th\u1ecb Th\u1eadp, Ph\u01b0\u1eddng H\u00f2a Minh, Qu\u1eadn Li\u00ean Chi\u1ec3u, TP. \u0110\u00e0 N\u1eb5ng&#8221;,<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">phone:&#8221;(0236) 3710 999&#8243;,<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">imageUrl:&#8221;dn.jpeg&#8221;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">},<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">{<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">name:&#8221;C\u01a1 s\u1edf C\u1ea7n Th\u01a1&#8221;,<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">address:&#8221;S\u1ed1 288, Nguy\u1ec5n V\u0103n Linh, ph\u01b0\u1eddng An Kh\u00e1nh, qu\u1eadn Ninh Ki\u1ec1u, Tp. C\u1ea7n Th\u01a1&#8221;,<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">phone:&#8221;(0292) 7300 468&#8243;,<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">imageUrl:&#8221;ct.jpeg&#8221;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">},<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">{<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">name:&#8221;C\u01a1 s\u1edf T\u00e2y Nguy\u00ean&#8221;,<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">address:&#8221;T\u1ed5 d\u00e2n ph\u1ed1 8, ph\u01b0\u1eddng T\u00e2n An, TP. Bu\u00f4n M\u00ea Thu\u1ed9t, \u0110\u1eafk L\u1eafk&#8221;,<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">phone:&#8221;0262) 355 5678&#8243;,<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">imageUrl:&#8221;tn.jpeg&#8221;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">}<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">]<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">constructor() {}<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">}<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">V\u1eady l\u00e0 c\u00e1c b\u1ea1n \u0111\u00e3 c\u00f3 \u0111\u01b0\u1ee3c \u1ee9ng d\u1ee5ng mobile v\u1edbi hai m\u00e0n h\u00ecnh nh\u01b0 tr\u00ean r\u1ed3i \u0111\u00f3, th\u1eadt \u0111\u01a1n gi\u1ea3n ph\u1ea3i kh\u00f4ng n\u00e0o. Ch\u1ec9 c\u00f3 ph\u1ea7n thi\u1ebft k\u1ebf giao di\u1ec7n l\u00e0 d\u1ef1a tr\u00ean c\u00e1c th\u1ebb m\u1edf r\u1ed9ng hay c\u00f2n g\u1ecdi l\u00e0 component c\u1ee7a framework Ionic, c\u00f2n ph\u1ea7n l\u1eadp tr\u00ecnh x\u1eed l\u00fd frond end th\u00ec gi\u1ed1ng ho\u00e0n to\u00e0n c\u00e1c m\u00f4n h\u1ecdc b\u00ean ng\u00e0nh thi\u1ebft k\u1ebf trang web.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-family: 'times new roman', times, serif;\">Nh\u01b0 v\u1eady sinh vi\u00ean ngh\u00e0nh Web ho\u00e0n to\u00e0n c\u00f3 th\u1ec3 x\u00e2y d\u1ef1ng t\u1ea1o c\u00e1c \u1ee9ng d\u1ee5ng mobile m\u1ed9t c\u00e1ch nhanh ch\u00f3ng. C\u00f2n ch\u1ea7n ch\u1eeb g\u00ec n\u1eefa c\u00e1c b\u1ea1n h\u00e3y l\u1eadn l\u01b0ng th\u00eam m\u1ed9t m\u00f3n ngh\u1ec1 c\u00f3 t\u00ean Ionic nh\u00e9.<\/span><\/p>\n<p style=\"text-align: justify;\">\n","protected":false},"excerpt":{"rendered":"<p>What is mobile programming? As tech enthusiasts, you&#039;ve studied and trained with a passion to become a programmer. Terms like Web Developer and Mobile Developer are probably familiar to you, right? These are names that emerged in the world of...<\/p>","protected":false},"author":63,"featured_media":26673,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[33,877,851,626,850],"tags":[],"_links":{"self":[{"href":"https:\/\/www.caodangvietmy.edu.vn\/en\/wp-json\/wp\/v2\/posts\/26653"}],"collection":[{"href":"https:\/\/www.caodangvietmy.edu.vn\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.caodangvietmy.edu.vn\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.caodangvietmy.edu.vn\/en\/wp-json\/wp\/v2\/users\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/www.caodangvietmy.edu.vn\/en\/wp-json\/wp\/v2\/comments?post=26653"}],"version-history":[{"count":0,"href":"https:\/\/www.caodangvietmy.edu.vn\/en\/wp-json\/wp\/v2\/posts\/26653\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.caodangvietmy.edu.vn\/en\/wp-json\/wp\/v2\/media\/26673"}],"wp:attachment":[{"href":"https:\/\/www.caodangvietmy.edu.vn\/en\/wp-json\/wp\/v2\/media?parent=26653"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.caodangvietmy.edu.vn\/en\/wp-json\/wp\/v2\/categories?post=26653"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.caodangvietmy.edu.vn\/en\/wp-json\/wp\/v2\/tags?post=26653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}