{"id":9781,"date":"2023-10-10T09:36:14","date_gmt":"2023-10-10T09:36:14","guid":{"rendered":"https:\/\/jfun.co\/?p=9781"},"modified":"2023-12-04T13:36:22","modified_gmt":"2023-12-04T13:36:22","slug":"the-journey-to-building-jfoundation-design-system","status":"publish","type":"post","link":"https:\/\/jfun.co\/vi\/hanh-trinh-xay-dung-jfoundation-design-system-tu-nhung-net-ve-dau-tien\/","title":{"rendered":"H\u00e0nh tr\u00ecnh x\u00e2y d\u1ef1ng jFoundation Design System t\u1eeb nh\u1eefng n\u00e9t v\u1ebd \u0111\u1ea7u ti\u00ean"},"content":{"rendered":"<p class=\"wp-block-paragraph\">B\u1eaft ngu\u1ed3n t\u1eeb qu\u00e1 tr\u00ecnh thi\u1ebft k\u1ebf v\u1edbi kh\u1ed1i l\u01b0\u1ee3ng l\u1edbn v\u00e0 tr\u1ea3i d\u00e0i qua nhi\u1ec1u n\u0103m c\u1ee7a jFoundation, n\u00ean nh\u00f3m thi\u1ebft k\u1ebf \u0111\u00e3 c\u00e2n nh\u1eafc, l\u00ean k\u1ebf ho\u1ea1ch v\u00e0 d\u00e0nh th\u1eddi gian \u0111\u1ec3 nghi\u00ean c\u1ee9u x\u00e2y d\u1ef1ng h\u1ec7 th\u1ed1ng thi\u1ebft k\u1ebf n\u00e0y. V\u1edbi s\u1ef1 t\u00e2m huy\u1ebft v\u00e0 h\u1ebft m\u00ecnh cho Design System, h\u00e3y c\u00f9ng xem ch\u1ee7 nhi\u1ec7m thi\u1ebft k\u1ebf c\u1ee7a ch\u00fang ta, anh Nguy\u1ec5n H\u1ed3 Ph\u01b0\u1edbc H\u1eadu chia s\u1ebb v\u1ec1 h\u00e0nh tr\u00ecnh thi\u1ebft k\u1ebf \u0111\u1ea7y quy\u1ebft t\u00e2m n\u00e0y.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u0110\u1ea7u th\u00e1ng 04\/2022<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Anh Nguy\u1ec5n H\u1ed3 Ph\u01b0\u1edbc H\u1eadu b\u1eaft \u0111\u1ea7u tham gia nh\u00f3m thi\u1ebft k\u1ebf jFoundation v\u00e0 nhanh ch\u00f3ng nh\u1eadn ra nh\u1eefng kh\u00f3 kh\u0103n trong c\u00f4ng vi\u1ec7c. Do thi\u1ebfu s\u1ef1 \u0111\u1ed3ng b\u1ed9 v\u00e0 t\u01b0\u01a1ng t\u00e1c gi\u1eefa c\u00e1c designer, vi\u1ec7c thi\u1ebft k\u1ebf t\u1ed1n nhi\u1ec1u th\u1eddi gian v\u00e0 ngu\u1ed3n l\u1ef1c. B\u00ean c\u1ea1nh \u0111\u00f3, d\u1ef1 \u00e1n li\u00ean t\u1ee5c ph\u00e1t tri\u1ec3n v\u00e0 thay \u0111\u1ed5i, khi\u1ebfn vi\u1ec7c thi\u1ebft k\u1ebf tr\u1edf n\u00ean kh\u00f3 kh\u0103n h\u01a1n n\u1eefa.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0110\u1ec3 gi\u1ea3i quy\u1ebft v\u1ea5n \u0111\u1ec1 n\u00e0y, Anh H\u1eadu \u0111\u00e3 \u0111\u1ec1 xu\u1ea5t v\u1edbi PO thi\u1ebft k\u1ebf m\u1ed9t design system cho d\u1ef1 \u00e1n. Sau m\u1ed9t tu\u1ea7n c\u00e2n nh\u1eafc, \u0111\u1ec1 xu\u1ea5t c\u1ee7a H\u1eadu \u0111\u00e3 \u0111\u01b0\u1ee3c duy\u1ec7t.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ban \u0111\u1ea7u, do ti\u1ebfn \u0111\u1ed9 c\u1ee7a d\u1ef1 \u00e1n, anh H\u1eadu ph\u1ea3i t\u1ef1 m\u00ecnh th\u1ef1c hi\u1ec7n t\u1ea5t c\u1ea3 c\u00e1c c\u00f4ng vi\u1ec7c, t\u1eeb chu\u1ea9n b\u1ecb, tham kh\u1ea3o, research \u0111\u1ebfn l\u00ean k\u1ebf ho\u1ea1ch v\u00e0 timeline. H\u1eadu d\u00e0nh th\u1eddi gian sau khi ch\u1ea1y xong task v\u00e0 th\u1eddi gian ngo\u00e0i gi\u1edd l\u00e0m \u0111\u1ec3 ho\u00e0n th\u00e0nh c\u00f4ng vi\u1ec7c. V\u1edbi y\u00eau c\u1ea7u ch\u00ednh l\u00e0 ph\u1ea3i nhanh ch\u00f3ng \u0111\u00e1p \u1ee9ng nhu c\u1ea7u c\u1ee7a d\u1ef1 \u00e1n, anh H\u1eadu \u0111\u00e3 c\u00e2n nh\u1eafc ph\u00e1t tri\u1ec3n design system theo h\u01b0\u1edbng linh ho\u1ea1t, c\u00f3 th\u1ec3 thay \u0111\u1ed5i v\u00e0 m\u1edf r\u1ed9ng trong t\u01b0\u01a1ng lai.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Gi\u1eefa th\u00e1ng 06\/2022<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sau m\u1ed9t th\u1eddi gian n\u1ed7 l\u1ef1c, b\u1ea3n s\u01a1 khai c\u1ee7a jFoundation Design System 1.0 \u0111\u00e3 ch\u00ednh th\u1ee9c ra m\u1eaft. B\u1ea3n s\u01a1 khai n\u00e0y \u0111\u00e3 \u0111\u00e1p \u1ee9ng \u0111\u01b0\u1ee3c c\u00e1c y\u00eau c\u1ea7u c\u01a1 b\u1ea3n, mang l\u1ea1i t\u00ednh \u0111\u1ed3ng b\u1ed9 cao cho c\u00e1c s\u1ea3n ph\u1ea9m c\u1ee7a d\u1ef1 \u00e1n.Tuy nhi\u00ean, ban \u0111\u1ea7u, c\u00e1c designer trong \u0111\u1ed9i ng\u0169 v\u1eabn g\u1eb7p kh\u00f3 kh\u0103n khi s\u1eed d\u1ee5ng Design System. H\u1ecd c\u1ea3m th\u1ea5y b\u1ecb g\u00f2 b\u00f3 b\u1edfi c\u00e1c quy t\u1eafc v\u00e0 nguy\u00ean t\u1eafc thi\u1ebft k\u1ebf \u0111\u00e3 \u0111\u01b0\u1ee3c \u0111\u1ecbnh s\u1eb5n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sau m\u1ed9t th\u1eddi gian s\u1eed d\u1ee5ng, c\u00e1c designer d\u1ea7n nh\u1eadn ra s\u1ef1 ti\u1ec7n l\u1ee3i v\u00e0 th\u1ed1ng nh\u1ea5t c\u1ee7a Design System. \u0110i\u1ec1u n\u00e0y \u0111\u00e3 gi\u00fap gi\u1ea3m th\u1eddi gian thi\u1ebft k\u1ebf v\u00e0 ph\u00e1t tri\u1ec3n xu\u1ed1ng m\u1ed9t n\u1eeda, c\u0169ng nh\u01b0 gi\u1ea3m th\u1eddi gian ki\u1ec3m tra v\u00e0 ph\u00e1t tri\u1ec3n xu\u1ed1ng m\u1ed9t ph\u1ea7n t\u01b0.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Th\u1ea5y \u0111\u01b0\u1ee3c nh\u1eefng t\u00edn hi\u1ec7u t\u00edch c\u1ef1c, \u0111\u1ed9i ng\u0169 ti\u1ebfp t\u1ee5c ph\u00e1t tri\u1ec3n giai \u0111o\u1ea1n 2 c\u1ee7a jFoundation Design System \u0111\u1ec3 ho\u00e0n th\u00e0nh c\u00e1c th\u00e0nh ph\u1ea7n c\u00f2n l\u1ea1i.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/iRijcTHzxcj5cdMt-b9nxs8QLsd-vG67_-6KgD1KNtogwHX1dgRx3fne6urRruPRpzTxWuZKOd_vXGI3d-uitTB74uE6RrE-Zvdiz1XExDxVhmrtVmHVA2fRtjbvoo58YIE8HJLmtK-B3vGJLKTEBBY\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u0110\u1ea7u th\u00e1ng 09\/2022<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">jFoundation Design System ti\u1ebfp t\u1ee5c ph\u00e1t tri\u1ec3n b\u1ea3n 2.0 \u0111\u1ec3 \u0111\u00e1p \u1ee9ng \u0111\u1ea7y \u0111\u1ee7 nhu c\u1ea7u c\u1ee7a c\u00e1c s\u1ea3n ph\u1ea9m trong d\u1ef1 \u00e1n. B\u1ea3n 2.0 \u0111\u00e3 \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng cho \u0111\u1ebfn nay v\u00e0 mang l\u1ea1i nh\u1eefng hi\u1ec7u qu\u1ea3 t\u00edch c\u1ef1c.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tuy nhi\u00ean, \u0111\u1ed9i ng\u0169 v\u1eabn \u0111ang ti\u1ebfp t\u1ee5c ph\u00e1t tri\u1ec3n th\u00eam m\u1ed9t s\u1ed1 th\u00e0nh ph\u1ea7n \u0111\u1ec3 gi\u00fap cho qu\u00e1 tr\u00ecnh thi\u1ebft k\u1ebf ng\u00e0y c\u00e0ng t\u1ed1t h\u01a1n. B\u00ean c\u1ea1nh \u0111\u00f3, \u0111\u1ed9i ng\u0169 c\u0169ng mong mu\u1ed1n nh\u1eadn \u0111\u01b0\u1ee3c s\u1ef1 \u1ee7ng h\u1ed9 v\u00e0 \u0111\u00f3ng g\u00f3p v\u00e0 nh\u1eadn x\u00e9t t\u1eeb c\u1ed9ng \u0111\u1ed3ng \u0111\u1ec3 c\u00f9ng nhau ph\u00e1t tri\u1ec3n jFoundation Design System&nbsp; ng\u00e0y c\u00e0ng ho\u00e0n thi\u1ec7n h\u01a1n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Cu\u1ed1i th\u00e1ng 08\/2023<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L\u1ea7n \u0111\u1ea7u ti\u00ean chia s\u1ebb jFoundation Design System v\u1edbi c\u1ed9ng \u0111\u1ed3ng, ch\u00fang t\u00f4i \u0111\u00e3 nh\u1eadn \u0111\u01b0\u1ee3c r\u1ea5t nhi\u1ec1u l\u01b0\u1ee3t t\u1ea3i v\u1ec1 v\u00e0 \u0111\u00f3ng g\u00f3p. Ch\u00fang t\u00f4i r\u1ea5t vui m\u1eebng v\u00e0 c\u1ea3m \u01a1n s\u1ef1 \u1ee7ng h\u1ed9 c\u1ee7a c\u1ed9ng \u0111\u1ed3ng.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ch\u00fang t\u00f4i v\u1eabn hy v\u1ecdng s\u1ebd nh\u1eadn \u0111\u01b0\u1ee3c nhi\u1ec1u h\u01a1n n\u1eefa nh\u1eefng nh\u1eadn x\u00e9t v\u00e0 ph\u1ea3n h\u1ed3i t\u1eeb c\u1ed9ng \u0111\u1ed3ng \u0111\u1ec3 c\u00f9ng nhau ph\u00e1t tri\u1ec3n jFoundation Design System ng\u00e0y c\u00e0ng ho\u00e0n thi\u1ec7n h\u01a1n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u1ede th\u1eddi \u0111i\u1ec3m hi\u1ec7n t\u1ea1i, Design System \u0111\u00e3 \u0111\u1ebfn g\u1ea7n h\u01a1n v\u1edbi c\u00e1c nh\u00e0 thi\u1ebft k\u1ebf c\u1ee7a ch\u00fang ta, jFoundation lu\u00f4n mong mu\u1ed1n mang \u0111\u1ebfn nh\u1eefng m\u1ea3nh gh\u00e9p h\u1eefu \u00edch.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">B\u1eaft \u0111\u1ea7u v\u1edbi m\u1ee5c ti\u00eau v\u00ec c\u1ed9ng \u0111\u1ed3ng, ph\u00e1t tri\u1ec3n v\u00ec c\u1ed9ng \u0111\u1ed3ng, v\u00ec th\u1ebf, jFoundation hy v\u1ecdng r\u1eb1ng c\u00e1c c\u00e1 nh\u00e2n, t\u1ed5 ch\u1ee9c s\u1eed d\u1ee5ng Design System h\u00e3y tr\u00edch ngu\u1ed3n, v\u00e0 c\u00f3 nh\u1eefng \u0111\u00e1nh gi\u00e1 \u0111\u00fang \u0111\u1eafn h\u01a1n v\u00ec ch\u00fang t\u00f4i \u0111\u00e3 b\u1ecf r\u1ea5t nhi\u1ec1u ti\u1ec1m l\u1ef1c v\u00e0 ngu\u1ed3n l\u1ef1c. H\u00e3y c\u00f9ng nhau \u0111i l\u00ean m\u1ed9t c\u00e1ch b\u1ec1n v\u1eefng!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Xem th\u00eam:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/jfun.co\/vi\/thiet-ke-hanh-trinh-buc-pha-cung-jfoundation-design-system\/Thi%E1%BA%BFt%20k%E1%BA%BF%20h%C3%A0nh%20tr%C3%ACnh%20b%E1%BB%A9c%20ph%C3%A1%20c%C3%B9ng%20jFoundation%20Design%20System\"><strong>Thi\u1ebft k\u1ebf h\u00e0nh tr\u00ecnh b\u1ee9t ph\u00e1 c\u00f9ng jFoundation Design System<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/jfun.co\/vi\/ong-nguyen-thanh-duong-thanh-cong-bat-dau-tu-cach-lam-viec-dung-voi-con-nguoi\/\"><strong>\u00d4ng Nguy\u1ec5n Thanh D\u01b0\u01a1ng: \u201cTh\u00e0nh c\u00f4ng b\u1eaft \u0111\u1ea7u t\u1eeb c\u00e1ch l\u00e0m vi\u1ec7c \u0110\u00daNG v\u1edbi con ng\u01b0\u1eddi\u201d<\/strong><\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"V\u1edbi s\u1ef1 t\u00e2m huy\u1ebft v\u00e0 h\u1ebft m\u00ecnh cho Design System, h\u00e3y c\u00f9ng xem ch\u1ee7 nhi\u1ec7m thi\u1ebft k\u1ebf c\u1ee7a ch\u00fang ta, anh Nguy\u1ec5n H\u1ed3 Ph\u01b0\u1edbc H\u1eadu chia s\u1ebb v\u1ec1 h\u00e0nh tr\u00ecnh thi\u1ebft k\u1ebf \u0111\u1ea7y quy\u1ebft t\u00e2m n\u00e0y.","protected":false},"author":3,"featured_media":9783,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[50],"tags":[48],"class_list":["post-9781","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hot-news","tag-news"],"acf":[],"_links":{"self":[{"href":"https:\/\/jfun.co\/vi\/wp-json\/wp\/v2\/posts\/9781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jfun.co\/vi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jfun.co\/vi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jfun.co\/vi\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/jfun.co\/vi\/wp-json\/wp\/v2\/comments?post=9781"}],"version-history":[{"count":6,"href":"https:\/\/jfun.co\/vi\/wp-json\/wp\/v2\/posts\/9781\/revisions"}],"predecessor-version":[{"id":9942,"href":"https:\/\/jfun.co\/vi\/wp-json\/wp\/v2\/posts\/9781\/revisions\/9942"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jfun.co\/vi\/wp-json\/wp\/v2\/media\/9783"}],"wp:attachment":[{"href":"https:\/\/jfun.co\/vi\/wp-json\/wp\/v2\/media?parent=9781"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jfun.co\/vi\/wp-json\/wp\/v2\/categories?post=9781"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jfun.co\/vi\/wp-json\/wp\/v2\/tags?post=9781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}