{"id":67983,"date":"2023-06-06T08:01:08","date_gmt":"2023-06-06T01:01:08","guid":{"rendered":"https:\/\/asprou.com\/?p=67983"},"modified":"2023-06-06T08:10:35","modified_gmt":"2023-06-06T01:10:35","slug":"workshop-lap-trinh-react-next-js-part-ii","status":"publish","type":"post","link":"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/","title":{"rendered":"Workshop: L\u1eadp tr\u00ecnh React, Next.js (Part II)"},"content":{"rendered":"<p><div class=\"kc-elm kc-css-486839 kc-row-container module\"><div class=\"wc-row row\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc-css-56729 small-12 columns small-12\"><div class=\"kc-col-container\"><div class=\"kc-elm kc-css-422995 kc_text_block\"><\/p>\n<p><a href=\"https:\/\/react.dev\/\" target=\"_blank\" rel=\"noopener\">React<\/a> l\u00e0 m\u1ed9t th\u01b0 vi\u1ec7n JavaScript ph\u1ed5 bi\u1ebfn v\u00e0 m\u1ea1nh m\u1ebd \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 x\u00e2y d\u1ef1ng giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng (UI) \u0111\u00e1p \u1ee9ng v\u00e0 t\u01b0\u01a1ng t\u00e1c tr\u00ean c\u00e1c \u1ee9ng d\u1ee5ng web. N\u00f3 \u0111\u01b0\u1ee3c ph\u00e1t tri\u1ec3n b\u1edfi Facebook v\u00e0 \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng r\u1ed9ng r\u00e3i trong vi\u1ec7c ph\u00e1t tri\u1ec3n x\u00e2y d\u1ef1ng \u1ee9ng d\u1ee5ng Web. React gi\u00fap x\u00e2y d\u1ef1ng c\u00e1c th\u00e0nh ph\u1ea7n UI \u0111\u01a1n l\u1ebb (components) c\u00f3 th\u1ec3 t\u00e1i s\u1eed d\u1ee5ng v\u00e0 qu\u1ea3n l\u00fd tr\u1ea1ng th\u00e1i c\u1ee7a ch\u00fang m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng. Thay v\u00ec x\u00e2y d\u1ef1ng giao di\u1ec7n theo c\u00e1ch truy\u1ec1n th\u1ed1ng s\u1eed d\u1ee5ng HTML v\u00e0 JavaScript, React s\u1eed d\u1ee5ng JSX, m\u1ed9t ng\u00f4n ng\u1eef t\u01b0\u01a1ng t\u1ef1 HTML \u0111\u1ec3 x\u00e2y d\u1ef1ng c\u00e1c th\u00e0nh ph\u1ea7n UI. JSX k\u1ebft h\u1ee3p c\u00fa ph\u00e1p HTML v\u00e0 JavaScript, cho ph\u00e9p vi\u1ebft m\u00e3 g\u1ecdn g\u00e0ng v\u00e0 d\u1ec5 \u0111\u1ecdc.<\/p>\n<p>\n<\/div><\/div><\/div><div class=\"kc-elm kc-css-821301 small-12 columns small-12\"><div class=\"kc-col-container\"><div class=\"kc-elm kc-css-533611 kc_shortcode kc_single_image\">\n\n        <img src=\"https:\/\/asprou.com\/wp-content\/uploads\/2023\/05\/reactjs1.png\" class=\"\" alt=\"\" \/>    <\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"kc-elm kc-css-664936 kc-row-container module\"><div class=\"wc-row row\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc-css-159160 small-12 columns small-12\"><div class=\"kc-col-container\"><div class=\"kc-elm kc-css-967576 kc_shortcode kc_single_image\">\n\n        <img src=\"https:\/\/asprou.com\/wp-content\/uploads\/2023\/05\/1644864897-next-framework.jpg\" class=\"\" alt=\"\" \/>    <\/div>\n<\/div><\/div><div class=\"kc-elm kc-css-346000 small-12 columns small-12\"><div class=\"kc-col-container\"><div class=\"kc-elm kc-css-380186 kc_text_block\"><\/p>\n<p><a href=\"https:\/\/nextjs.org\/\" target=\"_blank\" rel=\"noopener\">Next.js<\/a> l\u00e0 m\u1ed9t web framework d\u1ef1a tr\u00ean React. N\u00f3 \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng v\u1edbi m\u1ee5c ti\u00eau gi\u00fap x\u00e2y d\u1ef1ng c\u00e1c \u1ee9ng d\u1ee5ng web \u0111\u00e1p \u1ee9ng v\u00e0 hi\u1ec7u qu\u1ea3 m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng. Ch\u00ednh v\u00ec d\u1ef1a tr\u00ean n\u1ec1n c\u1ee7a React n\u00ean Next.js mang nh\u1eefng c\u1ed1t l\u00f5i t\u01b0\u01a1ng t\u1ef1 nh\u01b0 React. Next.js cung c\u1ea5p cho ch\u00fang ta nh\u1eefng \u01b0u th\u1ebf m\u1edbi v\u00e0 v\u01b0\u1ee3t tr\u1ed9i m\u00e0 \u1edf React kh\u00f4ng c\u00f3 \u0111\u01b0\u1ee3c. Next.js c\u0169ng t\u00edch h\u1ee3p t\u1ed1t v\u1edbi c\u00e1c c\u00f4ng ngh\u1ec7 kh\u00e1c nh\u01b0 CSS modules, TypeScript v\u00e0 API routes. N\u00f3 \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng r\u1ed9ng r\u00e3i trong c\u1ed9ng \u0111\u1ed3ng ph\u00e1t tri\u1ec3n React v\u00e0 \u0111\u01b0\u1ee3c \u01b0a chu\u1ed9ng cho vi\u1ec7c x\u00e2y d\u1ef1ng c\u00e1c \u1ee9ng d\u1ee5ng web, e-commerce, blog v\u00e0 nhi\u1ec1u lo\u1ea1i \u1ee9ng d\u1ee5ng kh\u00e1c.<\/p>\n<p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"kc-elm kc-css-245163 kc-row-container module\"><div class=\"wc-row row\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc-css-398789 small-12 columns small-12\"><div class=\"kc-col-container\"><div class=\"kc-elm kc-css-947291 kc_text_block\"><\/p>\n<p>Ti\u1ebfp n\u1ed1i chu\u1ed7i <a href=\"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/recap-workshop-chuyen-de-ve-blockchain\/\">workshop chuy\u00ean \u0111\u1ec1 v\u1ec1 blockchain<\/a> v\u00e0 <a href=\"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/recap-workshop-lap-trinh-react-next-js\/\" target=\"_blank\" rel=\"noopener\">bu\u1ed5i workshop ng\u00e0y 27\/05\/2023<\/a>, trong chi\u1ec1u ng\u00e0y 09\/06\/2023, c\u00e2u l\u1ea1c b\u1ed9 ch\u00fang m\u00ecnh s\u1ebd c\u00f9ng t\u00ecm hi\u1ec3u v\u1ec1 L\u1eadp tr\u00ecnh React, Next.js \u0111\u1ec3 x\u00e2y d\u1ef1ng \u1ee9ng d\u1ee5ng front-end v\u00e0 k\u1ebft h\u1ee3p front-end v\u1edbi c\u00e1c \u1ee9ng d\u1ee5ng tr\u00ean Blockchain. Bu\u1ed5i workshop s\u1ebd xoay quanh vi\u1ec7c t\u00edch h\u1ee3p React, Next.js v\u1edbi Smart contract.<\/p>\n<p>\ud83d\udea9 Ch\u1ee7 \u0111\u1ec1 bu\u1ed5i workshop: L\u1eadp tr\u00ecnh React, Next.js (Part II)<br \/>\n\ud83d\udea9 Presenter &amp; Mentor: L\u01b0\u01a1ng Ng\u1ecdc Th\u1eafng \u2013 Creator @defi.vn<br \/>\n\ud83d\udd58 Th\u1eddi gian: 13h30 ng\u00e0y 09\/06\/2023<br \/>\n\ud83d\udccd \u0110\u1ecba \u0111i\u1ec3m: Ph\u00f2ng 12.3, L\u1ea7u 12, C\u01a1 s\u1edf 1 HIU 215 \u0110i\u1ec7n Bi\u00ean Ph\u1ee7, qu\u1eadn B\u00ecnh Th\u1ea1nh, HCM<\/p>\n<p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"kc-elm kc-css-709558 kc-row-container module\"><div class=\"wc-row row\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc-css-823299 small-12 columns small-12\"><div class=\"kc-col-container\"><div class=\"kc-elm kc-css-198592 kc_text_block\"><\/p>\n<hr \/>\n<p><strong>T\u00e0i li\u1ec7u h\u1ecdc t\u1eadp v\u00e0 tham kh\u1ea3o cho c\u00e1c bu\u1ed5i Workshop<\/strong><\/p>\n<ol>\n<li>React: <a href=\"https:\/\/react.dev\/\" target=\"_blank\" rel=\"noopener\">https:\/\/react.dev\/<\/a><\/li>\n<li>Next.js: <a href=\"https:\/\/nextjs.org\/\" target=\"_blank\" rel=\"noopener\">https:\/\/nextjs.org\/<\/a><\/li>\n<li>Ng\u00f4n ng\u1eef Solidity:\u00a0<a href=\"https:\/\/docs.soliditylang.org\/\" target=\"_blank\" rel=\"noopener\">https:\/\/docs.soliditylang.org<\/a><\/li>\n<li>Speed run tutorial, ho\u00e0n th\u00e0nh s\u1ebd c\u00f3 basic:\u00a0<a href=\"https:\/\/speedrunethereum.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/speedrunethereum.com\/<\/a><\/li>\n<li>Security Training:\u00a0<a href=\"https:\/\/ethernaut.openzeppelin.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/ethernaut.openzeppelin.com\/<\/a><\/li>\n<li>Kho\u00e1 32 ti\u1ebfng online tr\u00ean Youtube. \u0110\u1ee7 full stack v\u1ec1 Solidity v\u00e0 Frontend:\u00a0<a href=\"https:\/\/www.youtube.com\/watch?v=gyMwXuJrbJQ\" target=\"_blank\" rel=\"noopener\">https:\/\/www.youtube.com\/watch?v=gyMwXuJrbJQ<\/a><\/li>\n<li>Kho\u00e1 luy\u1ec7n t\u1eadp b\u1ed5 sung v\u1edbi nhi\u1ec1u b\u00e0i t\u1eadp th\u1ef1c chi\u1ebfn:\u00a0<a href=\"https:\/\/cryptozombies.io\/\" target=\"_blank\" rel=\"noopener\">https:\/\/cryptozombies.io\/<\/a><\/li>\n<li>S\u1eed d\u1ee5ng Remix IDE \u0111\u1ec3 th\u1eed code:\u00a0<a href=\"https:\/\/remix.ethereum.org\/\" target=\"_blank\" rel=\"noopener\">https:\/\/remix.ethereum.org\/<\/a><\/li>\n<li>Framework\u00a0Truffle simple tutorial:\u00a0<a href=\"https:\/\/trufflesuite.com\/guides\/pet-shop\/\" target=\"_blank\" rel=\"noopener\">https:\/\/trufflesuite.com\/guides\/pet-shop\/<\/a><\/li>\n<li>Framework Hardhat simple tutorial:\u00a0<a href=\"https:\/\/hardhat.org\/tutorial\" target=\"_blank\" rel=\"noopener\">https:\/\/hardhat.org\/tutorial<\/a><\/li>\n<li>Advanced framework:\u00a0<a href=\"https:\/\/book.getfoundry.sh\/\" target=\"_blank\" rel=\"noopener\">https:\/\/book.getfoundry.sh\/<\/a><\/li>\n<li>Li\u00ean h\u1ec7 gi\u1ea3i \u0111\u00e1p th\u00eam v\u1ec1 Workshop ho\u1eb7c Hackathon:\u00a0<a href=\"https:\/\/www.facebook.com\/defidotvn\" target=\"_blank\" rel=\"noopener\">https:\/\/www.facebook.com\/defidotvn<\/a><\/li>\n<\/ol>\n<p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":67492,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"yes"},"categories":[2366],"tags":[],"yoast_head":"\n<title>Workshop: L\u1eadp tr\u00ecnh React, Next.js (Part II) - Tr\u01b0\u1eddng \u0110\u1ea1i h\u1ecdc Qu\u1ed1c t\u1ebf H\u1ed3ng B\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Workshop: L\u1eadp tr\u00ecnh React, Next.js (Part II) - Tr\u01b0\u1eddng \u0110\u1ea1i h\u1ecdc Qu\u1ed1c t\u1ebf H\u1ed3ng B\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"React l\u00e0 m\u1ed9t th\u01b0 vi\u1ec7n JavaScript ph\u1ed5 bi\u1ebfn v\u00e0 m\u1ea1nh m\u1ebd \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 x\u00e2y d\u1ef1ng giao di\u1ec7n ng\u01b0\u1eddi [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/\" \/>\n<meta property=\"og:site_name\" content=\"Tr\u01b0\u1eddng \u0110\u1ea1i h\u1ecdc Qu\u1ed1c t\u1ebf H\u1ed3ng B\u00e0ng\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/asprou.com\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-06T01:01:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-06T01:10:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/asprou.com\/wp-content\/uploads\/2023\/05\/next-js-training.png\" \/>\n\t<meta property=\"og:image:width\" content=\"705\" \/>\n\t<meta property=\"og:image:height\" content=\"397\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/asprou.com\/#organization\",\"name\":\"Tr\u01b0\u1eddng \u0110\u1ea1i h\u1ecdc Qu\u1ed1c t\u1ebf H\u1ed3ng B\u00e0ng\",\"url\":\"https:\/\/asprou.com\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/asprou.com\/\",\"https:\/\/www.youtube.com\/channel\/UC7JnqM5xyC69FGfE3cdVzFw\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/asprou.com\/#logo\",\"inLanguage\":\"vi\",\"url\":\"https:\/\/asprou.com\/wp-content\/uploads\/2020\/02\/Logo-HBU-Final.png\",\"contentUrl\":\"https:\/\/asprou.com\/wp-content\/uploads\/2020\/02\/Logo-HBU-Final.png\",\"width\":3697,\"height\":932,\"caption\":\"Tr\u01b0\u1eddng \u0110\u1ea1i h\u1ecdc Qu\u1ed1c t\u1ebf H\u1ed3ng B\u00e0ng\"},\"image\":{\"@id\":\"https:\/\/asprou.com\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/asprou.com\/#website\",\"url\":\"https:\/\/asprou.com\/\",\"name\":\"Tr\u01b0\u1eddng \u0110\u1ea1i h\u1ecdc Qu\u1ed1c t\u1ebf H\u1ed3ng B\u00e0ng\",\"description\":\"S\u00e1ng t\u1ea1o - H\u1ed9i nh\u1eadp Qu\u00f4\u0301c t\u00ea\u0301 - Ph\u00e1t tri\u1ec3n \u2013 Nh\u00e2n v\u0103n\",\"publisher\":{\"@id\":\"https:\/\/asprou.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/asprou.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"vi\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#primaryimage\",\"inLanguage\":\"vi\",\"url\":\"https:\/\/asprou.com\/wp-content\/uploads\/2023\/05\/next-js-training.png\",\"contentUrl\":\"https:\/\/asprou.com\/wp-content\/uploads\/2023\/05\/next-js-training.png\",\"width\":705,\"height\":397,\"caption\":\"React NextJS\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#webpage\",\"url\":\"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/\",\"name\":\"Workshop: L\u1eadp tr\u00ecnh React, Next.js (Part II) - Tr\u01b0\u1eddng \u0110\u1ea1i h\u1ecdc Qu\u1ed1c t\u1ebf H\u1ed3ng B\u00e0ng\",\"isPartOf\":{\"@id\":\"https:\/\/asprou.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#primaryimage\"},\"datePublished\":\"2023-06-06T01:01:08+00:00\",\"dateModified\":\"2023-06-06T01:10:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Trang ch\u1ee7\",\"item\":\"https:\/\/asprou.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Workshop: L\u1eadp tr\u00ecnh React, Next.js (Part II)\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#webpage\"},\"author\":{\"@id\":\"https:\/\/asprou.com\/#\/schema\/person\/5d74dfd1a189da1b293fce19dcf78652\"},\"headline\":\"Workshop: L\u1eadp tr\u00ecnh React, Next.js (Part II)\",\"datePublished\":\"2023-06-06T01:01:08+00:00\",\"dateModified\":\"2023-06-06T01:10:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#webpage\"},\"wordCount\":670,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/asprou.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/asprou.com\/wp-content\/uploads\/2023\/05\/next-js-training.png\",\"articleSection\":[\"CLB-CNPM\"],\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/asprou.com\/#\/schema\/person\/5d74dfd1a189da1b293fce19dcf78652\",\"name\":\"Long Hoang\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/asprou.com\/#personlogo\",\"inLanguage\":\"vi\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eb55825b9513523bab6302f778bad602?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eb55825b9513523bab6302f778bad602?s=96&d=mm&r=g\",\"caption\":\"Long Hoang\"}}]}<\/script>\n","yoast_head_json":{"title":"Workshop: L\u1eadp tr\u00ecnh React, Next.js (Part II) - Tr\u01b0\u1eddng \u0110\u1ea1i h\u1ecdc Qu\u1ed1c t\u1ebf H\u1ed3ng B\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/","og_locale":"vi_VN","og_type":"article","og_title":"Workshop: L\u1eadp tr\u00ecnh React, Next.js (Part II) - Tr\u01b0\u1eddng \u0110\u1ea1i h\u1ecdc Qu\u1ed1c t\u1ebf H\u1ed3ng B\u00e0ng","og_description":"React l\u00e0 m\u1ed9t th\u01b0 vi\u1ec7n JavaScript ph\u1ed5 bi\u1ebfn v\u00e0 m\u1ea1nh m\u1ebd \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 x\u00e2y d\u1ef1ng giao di\u1ec7n ng\u01b0\u1eddi [&hellip;]","og_url":"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/","og_site_name":"Tr\u01b0\u1eddng \u0110\u1ea1i h\u1ecdc Qu\u1ed1c t\u1ebf H\u1ed3ng B\u00e0ng","article_publisher":"https:\/\/www.facebook.com\/asprou.com\/","article_published_time":"2023-06-06T01:01:08+00:00","article_modified_time":"2023-06-06T01:10:35+00:00","og_image":[{"width":705,"height":397,"url":"https:\/\/asprou.com\/wp-content\/uploads\/2023\/05\/next-js-training.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/asprou.com\/#organization","name":"Tr\u01b0\u1eddng \u0110\u1ea1i h\u1ecdc Qu\u1ed1c t\u1ebf H\u1ed3ng B\u00e0ng","url":"https:\/\/asprou.com\/","sameAs":["https:\/\/www.facebook.com\/asprou.com\/","https:\/\/www.youtube.com\/channel\/UC7JnqM5xyC69FGfE3cdVzFw"],"logo":{"@type":"ImageObject","@id":"https:\/\/asprou.com\/#logo","inLanguage":"vi","url":"https:\/\/asprou.com\/wp-content\/uploads\/2020\/02\/Logo-HBU-Final.png","contentUrl":"https:\/\/asprou.com\/wp-content\/uploads\/2020\/02\/Logo-HBU-Final.png","width":3697,"height":932,"caption":"Tr\u01b0\u1eddng \u0110\u1ea1i h\u1ecdc Qu\u1ed1c t\u1ebf H\u1ed3ng B\u00e0ng"},"image":{"@id":"https:\/\/asprou.com\/#logo"}},{"@type":"WebSite","@id":"https:\/\/asprou.com\/#website","url":"https:\/\/asprou.com\/","name":"Tr\u01b0\u1eddng \u0110\u1ea1i h\u1ecdc Qu\u1ed1c t\u1ebf H\u1ed3ng B\u00e0ng","description":"S\u00e1ng t\u1ea1o - H\u1ed9i nh\u1eadp Qu\u00f4\u0301c t\u00ea\u0301 - Ph\u00e1t tri\u1ec3n \u2013 Nh\u00e2n v\u0103n","publisher":{"@id":"https:\/\/asprou.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/asprou.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"ImageObject","@id":"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#primaryimage","inLanguage":"vi","url":"https:\/\/asprou.com\/wp-content\/uploads\/2023\/05\/next-js-training.png","contentUrl":"https:\/\/asprou.com\/wp-content\/uploads\/2023\/05\/next-js-training.png","width":705,"height":397,"caption":"React NextJS"},{"@type":"WebPage","@id":"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#webpage","url":"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/","name":"Workshop: L\u1eadp tr\u00ecnh React, Next.js (Part II) - Tr\u01b0\u1eddng \u0110\u1ea1i h\u1ecdc Qu\u1ed1c t\u1ebf H\u1ed3ng B\u00e0ng","isPartOf":{"@id":"https:\/\/asprou.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#primaryimage"},"datePublished":"2023-06-06T01:01:08+00:00","dateModified":"2023-06-06T01:10:35+00:00","breadcrumb":{"@id":"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Trang ch\u1ee7","item":"https:\/\/asprou.com\/"},{"@type":"ListItem","position":2,"name":"Workshop: L\u1eadp tr\u00ecnh React, Next.js (Part II)"}]},{"@type":"Article","@id":"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#article","isPartOf":{"@id":"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#webpage"},"author":{"@id":"https:\/\/asprou.com\/#\/schema\/person\/5d74dfd1a189da1b293fce19dcf78652"},"headline":"Workshop: L\u1eadp tr\u00ecnh React, Next.js (Part II)","datePublished":"2023-06-06T01:01:08+00:00","dateModified":"2023-06-06T01:10:35+00:00","mainEntityOfPage":{"@id":"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#webpage"},"wordCount":670,"commentCount":0,"publisher":{"@id":"https:\/\/asprou.com\/#organization"},"image":{"@id":"https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#primaryimage"},"thumbnailUrl":"https:\/\/asprou.com\/wp-content\/uploads\/2023\/05\/next-js-training.png","articleSection":["CLB-CNPM"],"inLanguage":"vi","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/asprou.com\/hiu-it-department\/clb-cnpm\/workshop-lap-trinh-react-next-js-part-ii\/#respond"]}]},{"@type":"Person","@id":"https:\/\/asprou.com\/#\/schema\/person\/5d74dfd1a189da1b293fce19dcf78652","name":"Long Hoang","image":{"@type":"ImageObject","@id":"https:\/\/asprou.com\/#personlogo","inLanguage":"vi","url":"https:\/\/secure.gravatar.com\/avatar\/eb55825b9513523bab6302f778bad602?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eb55825b9513523bab6302f778bad602?s=96&d=mm&r=g","caption":"Long Hoang"}}]}},"modified_by":"Long Hoang","_links":{"self":[{"href":"https:\/\/asprou.com\/wp-json\/wp\/v2\/posts\/67983"}],"collection":[{"href":"https:\/\/asprou.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/asprou.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/asprou.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/asprou.com\/wp-json\/wp\/v2\/comments?post=67983"}],"version-history":[{"count":4,"href":"https:\/\/asprou.com\/wp-json\/wp\/v2\/posts\/67983\/revisions"}],"predecessor-version":[{"id":67988,"href":"https:\/\/asprou.com\/wp-json\/wp\/v2\/posts\/67983\/revisions\/67988"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/asprou.com\/wp-json\/wp\/v2\/media\/67492"}],"wp:attachment":[{"href":"https:\/\/asprou.com\/wp-json\/wp\/v2\/media?parent=67983"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/asprou.com\/wp-json\/wp\/v2\/categories?post=67983"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/asprou.com\/wp-json\/wp\/v2\/tags?post=67983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}