{"id":30998,"date":"2026-10-20T11:45:00","date_gmt":"2026-10-20T04:45:00","guid":{"rendered":"https:\/\/www.careerlink.vn\/cam-nang-viec-lam\/?p=30998"},"modified":"2026-10-20T17:09:57","modified_gmt":"2026-10-20T10:09:57","slug":"cau-hoi-phong-van-frontend-developer","status":"publish","type":"post","link":"https:\/\/www.careerlink.vn\/cam-nang-viec-lam\/phong-van-viec-lam\/cau-hoi-phong-van-frontend-developer","title":{"rendered":"C\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n Frontend Developer: HTML, CSS, JavaScript v\u00e0 take-home"},"content":{"rendered":"

L\u1eadp tr\u00ecnh vi\u00ean Front-end (Frontend Developer) ph\u1ee5 tr\u00e1ch ph\u1ea7n giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng nh\u00ecn th\u1ea5y v\u00e0 thao t\u00e1c tr\u00ean website. B\u00e0i vi\u1ebft gom c\u00e1c c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n frontend developer<\/strong> theo nh\u00f3m ki\u1ebfn th\u1ee9c: HTML\/CSS, JavaScript, framework, hi\u1ec7u n\u0103ng, accessibility v\u00e0 Git. M\u1ed7i c\u00e2u k\u00e8m \u0111i\u1ec1u nh\u00e0 tuy\u1ec3n d\u1ee5ng mu\u1ed1n ki\u1ec3m tra c\u00f9ng \u00fd tr\u1ea3 l\u1eddi ng\u1eafn, gi\u00fap b\u1ea1n luy\u1ec7n theo c\u00e1ch hi\u1ec3u thay v\u00ec h\u1ecdc thu\u1ed9c.<\/p>\n

\"c\u00e2u<\/p>\n

\n

T\u1ed5ng quan nhanh<\/strong><\/p>\n

\u2013 Closure v\u00e0 event loop l\u00e0 hai c\u00e2u h\u1ecfi l\u1ecdc ki\u1ebfn th\u1ee9c JavaScript n\u1ec1n \u1edf nhi\u1ec1u bu\u1ed5i ph\u1ecfng v\u1ea5n.<\/p>\n

\u2013 B\u1ea1n n\u00ean gi\u1ea3i th\u00edch \u0111\u01b0\u1ee3c b\u1eb1ng m\u1ed9t \u0111o\u1ea1n code ng\u1eafn thay v\u00ec ch\u1ec9 \u0111\u1ecdc \u0111\u1ecbnh ngh\u0129a.<\/p>\n

\u2013 B\u00e0i take-home \u0111\u01b0\u1ee3c ch\u1ea5m c\u1ea5u tr\u00fac code v\u00e0 README nh\u01b0 m\u1ed9t s\u1ea3n ph\u1ea9m th\u1eadt.<\/p>\n

C\u00e1c ph\u1ea7n d\u01b0\u1edbi \u0111i l\u1ea7n l\u01b0\u1ee3t t\u1eeb n\u1ec1n t\u1ea3ng \u0111\u1ebfn v\u00f2ng th\u1ef1c h\u00e0nh.<\/p>\n<\/div>\n

1. M\u1ed9t bu\u1ed5i ph\u1ecfng v\u1ea5n Front-end th\u01b0\u1eddng \u0111i qua nh\u1eefng v\u00f2ng n\u00e0o?<\/h2>\n

Quy tr\u00ecnh ph\u1ecfng v\u1ea5n Frontend Developer th\u01b0\u1eddng g\u1ed3m cu\u1ed9c g\u1ecdi s\u00e0ng l\u1ecdc, v\u00f2ng h\u1ecfi k\u1ef9 thu\u1eadt v\u00e0 v\u00f2ng th\u1ef1c h\u00e0nh. V\u00f2ng th\u1ef1c h\u00e0nh c\u00f3 th\u1ec3 l\u00e0 live coding kho\u1ea3ng m\u1ed9t gi\u1edd ho\u1eb7c b\u00e0i take-home v\u00e0i ng\u00e0y. L\u00fd thuy\u1ebft c\u1ea7n ch\u1eafc, nh\u01b0ng th\u1ef1c h\u00e0nh m\u1edbi ph\u00e2n lo\u1ea1i \u1ee9ng vi\u00ean r\u00f5 r\u1ec7t.<\/p>\n

2. C\u00e2u h\u1ecfi HTML, CSS v\u00e0 responsive<\/h2>\n

Box model v\u00e0 box-sizing<\/h3>\n

C\u00e2u n\u00e0y ki\u1ec3m tra b\u1ea1n t\u00ednh \u0111\u01b0\u1ee3c k\u00edch th\u01b0\u1edbc th\u1eadt c\u1ee7a ph\u1ea7n t\u1eed. Ph\u1ea7n t\u1eed g\u1ed3m content, padding, border, margin; v\u1edbi `content-box` m\u1eb7c \u0111\u1ecbnh, padding v\u00e0 border c\u1ed9ng th\u00eam ngo\u00e0i width. V\u1edbi `border-box`, width \u0111\u00e3 g\u1ed3m c\u1ea3 hai.<\/p>\n

Flexbox kh\u00e1c Grid \u1edf \u0111i\u1ec3m n\u00e0o?<\/h3>\n

Flexbox x\u1eed l\u00fd m\u1ed9t chi\u1ec1u (h\u00e0ng ho\u1eb7c c\u1ed9t), h\u1ee3p v\u1edbi thanh \u0111i\u1ec1u h\u01b0\u1edbng. CSS Grid x\u1eed l\u00fd hai chi\u1ec1u, h\u1ee3p v\u1edbi khung trang ho\u1eb7c l\u01b0\u1edbi s\u1ea3n ph\u1ea9m; hai c\u00f4ng c\u1ee5 th\u01b0\u1eddng d\u00f9ng k\u1ebft h\u1ee3p.<\/p>\n

Responsive v\u00e0 mobile-first<\/h3>\n

\u00dd ch\u00ednh g\u1ed3m meta viewport, media query, \u0111\u01a1n v\u1ecb t\u01b0\u01a1ng \u0111\u1ed1i v\u00e0 `srcset`; mobile-first l\u00e0 vi\u1ebft CSS cho m\u00e0n h\u00ecnh nh\u1ecf tr\u01b0\u1edbc. \u0110\u1ec3 th\u1ea5y doanh nghi\u1ec7p \u0111ang ghi y\u00eau c\u1ea7u HTML\/CSS ra sao, b\u1ea1n c\u00f3 th\u1ec3 xem c\u00e1c tin vi\u1ec7c l\u00e0m CNTT – ph\u1ea7n m\u1ec1m<\/a> v\u00e0 \u0111\u1ed1i chi\u1ebfu v\u1edbi ph\u1ea7n \u00f4n t\u1eadp c\u1ee7a m\u00ecnh.<\/p>\n

3. C\u00e2u h\u1ecfi JavaScript: closure v\u00e0 event loop l\u00e0 b\u1ed9 l\u1ecdc ki\u1ebfn th\u1ee9c n\u1ec1n<\/h2>\n

Hai kh\u00e1i ni\u1ec7m n\u00e0y n\u1eb1m d\u01b0\u1edbi code b\u1ea5t \u0111\u1ed3ng b\u1ed9 n\u00ean hay \u0111\u01b0\u1ee3c d\u00f9ng l\u00e0m b\u1ed9 l\u1ecdc. Gi\u1ea3i th\u00edch \u0111\u01b0\u1ee3c k\u1ebft qu\u1ea3 m\u1ed9t \u0111o\u1ea1n code ng\u1eafn m\u1edbi cho th\u1ea5y b\u1ea1n hi\u1ec3u th\u1eadt. H\u00e3y t\u1ef1 ch\u1ea1y l\u1ea1i v\u00ed d\u1ee5 trong console.<\/p>\n

Closure l\u00e0 g\u00ec, cho v\u00ed d\u1ee5?<\/h3>\n

Closure l\u00e0 h\u00e0m ghi nh\u1edb bi\u1ebfn c\u1ee7a ph\u1ea1m vi (scope) n\u01a1i n\u00f3 \u0111\u01b0\u1ee3c t\u1ea1o, k\u1ec3 c\u1ea3 khi ph\u1ea1m vi \u0111\u00f3 \u0111\u00e3 ch\u1ea1y xong. V\u00ed d\u1ee5: v\u00f2ng l\u1eb7p `for (var i = 0; i < 3; i++)` g\u1ecdi `setTimeout` in `i` cho ra 3, 3, 3 v\u00ec d\u00f9ng chung m\u1ed9t bi\u1ebfn `var`; \u0111\u1ed5i sang `let` th\u00ec in 0, 1, 2.<\/p>\n

Event loop ch\u1ea1y th\u1ebf n\u00e0o?<\/h3>\n

Callback c\u1ee7a Promise v\u00e0o microtask queue v\u00e0 \u0111\u01b0\u1ee3c x\u1eed l\u00fd h\u1ebft tr\u01b0\u1edbc macrotask nh\u01b0 `setTimeout`. V\u1edbi \u0111o\u1ea1n code in 1, \u0111\u1eb7t `setTimeout` in 2, g\u1ecdi `Promise.resolve().then` in 3, r\u1ed3i in 4, k\u1ebft qu\u1ea3 l\u00e0 1, 4, 3, 2.<\/p>\n

\n

\u1ee8ng vi\u00ean gi\u1ea3i th\u00edch \u0111\u01b0\u1ee3c v\u00ec sao 3 \u0111\u1ee9ng tr\u01b0\u1edbc 2 th\u01b0\u1eddng \u0111\u01b0\u1ee3c h\u1ecfi s\u00e2u h\u01a1n, c\u00f2n \u1ee9ng vi\u00ean \u0111o\u00e1n m\u00f2 s\u1ebd d\u1eebng \u1edf c\u00e2u n\u00e0y.<\/em><\/p>\n<\/blockquote>\n

T\u1eeb \u0111\u00e2y, ng\u01b0\u1eddi h\u1ecfi hay chuy\u1ec3n sang `async\/await` v\u00e0 `Promise.all`. \u0110\u1ec3 xem to\u00e0n c\u1ea3nh y\u00eau c\u1ea7u ngh\u1ec1, b\u1ea1n c\u00f3 th\u1ec3 \u0111\u1ecdc Front End Developer l\u00e0 g\u00ec, y\u00eau c\u1ea7u k\u1ef9 n\u0103ng g\u00ec?<\/a> v\u00e0 x\u00e1c \u0111\u1ecbnh m\u1ea3ng m\u00ecnh c\u00f2n thi\u1ebfu.<\/p>\n

4. React, b\u1ea3o m\u1eadt, hi\u1ec7u n\u0103ng web v\u00e0 accessibility<\/h2>\n

C\u00e2u h\u1ecfi framework th\u01b0\u1eddng xoay quanh v\u00ec sao chia component v\u00e0 lu\u1ed3ng d\u1eef li\u1ec7u m\u1ed9t chi\u1ec1u. Ph\u1ea7n chuy\u00ean s\u00e2u n\u00ean \u00f4n theo framework trong tin tuy\u1ec3n d\u1ee5ng, th\u01b0\u1eddng g\u1eb7p l\u00e0 React. B\u1ea3o m\u1eadt, hi\u1ec7u n\u0103ng v\u00e0 accessibility d\u00f9ng \u0111\u01b0\u1ee3c cho m\u1ecdi framework.<\/p>\n

C\u00e2u h\u1ecfi React v\u1ec1 hooks, useEffect, re-render v\u00e0 memo<\/h3>\n

Ph\u1ecfng v\u1ea5n React hay h\u1ecfi khi n\u00e0o component re-render, c\u00e1ch d\u00f9ng `useEffect` v\u00e0 khi n\u00e0o c\u1ea7n memo. Component re-render khi state \u0111\u1ed5i qua h\u00e0m set ho\u1eb7c khi component cha re-render. `useEffect` ch\u1ea1y sau khi giao di\u1ec7n c\u1eadp nh\u1eadt: thi\u1ebfu m\u1ea3ng ph\u1ee5 thu\u1ed9c th\u00ec ch\u1ea1y sau m\u1ecdi l\u1ea7n render, `[]` ch\u1ec9 ch\u1ea1y khi mount, `[userId]` ch\u1ea1y l\u1ea1i khi gi\u00e1 tr\u1ecb \u0111\u1ed5i. H\u00e0m cleanup ch\u1ea1y tr\u01b0\u1edbc l\u1ea7n ch\u1ea1y k\u1ebf ti\u1ebfp v\u00e0 khi unmount, d\u00f9ng \u0111\u1ec3 h\u1ee7y timer hay subscription. `useMemo` ghi nh\u1edb k\u1ebft qu\u1ea3 t\u00ednh to\u00e1n, `React.memo` b\u1ecf qua re-render khi props kh\u00f4ng \u0111\u1ed5i.<\/p>\n

C\u00e2u h\u1ecfi b\u1ea3o m\u1eadt frontend: XSS, CSP v\u00e0 sanitization<\/h3>\n

C\u00e2u h\u1ecfi b\u1ea3o m\u1eadt frontend th\u01b0\u1eddng b\u1eaft \u0111\u1ea7u t\u1eeb XSS (Cross-Site Scripting): d\u1eef li\u1ec7u ng\u01b0\u1eddi d\u00f9ng b\u1ecb ch\u00e8n v\u00e0o trang v\u00e0 ch\u1ea1y nh\u01b0 script. React t\u1ef1 escape gi\u00e1 tr\u1ecb trong JSX, nh\u01b0ng `dangerouslySetInnerHTML` hay `innerHTML` b\u1ecf qua l\u1edbp n\u00e0y, n\u00ean HTML b\u00ean ngo\u00e0i c\u1ea7n sanitization b\u1eb1ng th\u01b0 vi\u1ec7n nh\u01b0 DOMPurify. Content Security Policy (CSP) l\u00e0 header HTTP gi\u1edbi h\u1ea1n ngu\u1ed3n script qua `script-src`, ch\u1eb7n script inline kh\u00f4ng c\u00f3 nonce ho\u1eb7c hash.<\/p>\n

Hi\u1ec7u n\u0103ng v\u00e0 accessibility<\/h3>\n

Google \u0111o tr\u1ea3i nghi\u1ec7m trang qua Core Web Vitals g\u1ed3m LCP (hi\u1ec3n th\u1ecb n\u1ed9i dung ch\u00ednh), INP (\u0111\u1ed9 ph\u1ea3n h\u1ed3i) v\u00e0 CLS (x\u00f4 l\u1ec7ch b\u1ed1 c\u1ee5c); c\u00e1ch c\u1ea3i thi\u1ec7n g\u1ed3m lazy-load \u1ea3nh, chia nh\u1ecf bundle, \u0111o b\u1eb1ng Lighthouse. V\u1ec1 accessibility, nh\u1eafc HTML ng\u1eef ngh\u0129a, `alt`, `label` cho \u00f4 form, \u0111i\u1ec1u h\u01b0\u1edbng b\u00e0n ph\u00edm v\u00e0 \u0111\u1ed9 t\u01b0\u01a1ng ph\u1ea3n theo WCAG c\u1ee7a W3C.<\/p>\n

\n

L\u01b0u \u00fd khi tr\u1ea3 l\u1eddi ph\u1ea7n framework v\u00e0 hi\u1ec7u n\u0103ng<\/strong><\/p>\n

\u2013 B\u1ea1n kh\u00f4ng n\u00ean n\u00eau ng\u01b0\u1ee1ng ch\u1ec9 s\u1ed1 hay s\u1ed1 phi\u00ean b\u1ea3n khi ch\u01b0a ki\u1ec3m tra.<\/p>\n

\u2013 B\u1ea1n \u0111\u1eebng ch\u00ea framework kh\u00e1c \u0111\u1ec3 khen framework m\u00ecnh \u0111ang d\u00f9ng.<\/p>\n

\u2013 B\u1ea1n n\u00ean k\u1ec3 m\u1ed9t l\u1ea7n \u0111o Lighthouse th\u1eadt v\u00e0 thay \u0111\u1ed5i \u0111\u00e3 gi\u00fap \u0111i\u1ec3m s\u1ed1 c\u1ea3i thi\u1ec7n.<\/p>\n

Ba l\u01b0u \u00fd n\u00e0y gi\u00fap b\u1ea1n tr\u00e1nh b\u1ecb h\u1ecfi v\u1eb7n v\u00e0o chi ti\u1ebft ch\u01b0a n\u1eafm.<\/p>\n<\/div>\n

5. B\u1ea3ng c\u00e2u h\u1ecfi theo c\u1ea5p \u0111\u1ed9 v\u00e0 \u00fd tr\u1ea3 l\u1eddi<\/h2>\n

B\u1ea3ng d\u01b0\u1edbi g\u1ee3i \u00fd c\u00e2u h\u1ecfi theo c\u1ea5p, b\u00e1m theo MDN Web Docs; h\u00e3y di\u1ec5n \u0111\u1ea1t b\u1eb1ng l\u1eddi c\u1ee7a m\u00ecnh.<\/p>\n\n\n\n\n\n\n
C\u1ea5p \u0111\u1ed9<\/th>\nC\u00e2u h\u1ecfi<\/th>\nNh\u00e0 tuy\u1ec3n d\u1ee5ng ki\u1ec3m tra<\/th>\n\u00dd tr\u1ea3 l\u1eddi ng\u1eafn<\/th>\n<\/tr>\n
Fresher<\/td>\ndisplay none kh\u00e1c visibility hidden?<\/td>\nHi\u1ec3u c\u00e1ch tr\u00ecnh duy\u1ec7t d\u1ef1ng b\u1ed1 c\u1ee5c<\/td>\ndisplay none b\u1ecf ph\u1ea7n t\u1eed kh\u1ecfi b\u1ed1 c\u1ee5c; visibility hidden \u1ea9n nh\u01b0ng v\u1eabn gi\u1eef ch\u1ed7.<\/td>\n<\/tr>\n
Junior<\/td>\nEvent delegation l\u00e0 g\u00ec?<\/td>\nX\u1eed l\u00fd s\u1ef1 ki\u1ec7n hi\u1ec7u qu\u1ea3<\/td>\nG\u1eafn m\u1ed9t listener \u1edf ph\u1ea7n t\u1eed cha, d\u1ef1a v\u00e0o c\u01a1 ch\u1ebf n\u1ed5i b\u1ecdt \u0111\u1ec3 x\u1eed l\u00fd cho ph\u1ea7n t\u1eed con.<\/td>\n<\/tr>\n
Middle<\/td>\nDebounce kh\u00e1c throttle th\u1ebf n\u00e0o?<\/td>\nT\u1ed1i \u01b0u t\u01b0\u01a1ng t\u00e1c<\/td>\nDebounce ch\u1edd ng\u1eebng thao t\u00e1c m\u1edbi ch\u1ea1y; throttle gi\u1edbi h\u1ea1n s\u1ed1 l\u1ea7n ch\u1ea1y trong m\u1ed9t kho\u1ea3ng th\u1eddi gian.<\/td>\n<\/tr>\n
Middle<\/td>\nTrang t\u1ea3i ch\u1eadm, b\u1ea1n l\u00e0m g\u00ec?<\/td>\nT\u01b0 duy \u0111o tr\u01b0\u1edbc, s\u1eeda sau<\/td>\n\u0110o b\u1eb1ng Lighthouse, t\u00ecm t\u00e0i nguy\u00ean n\u1eb7ng, chia nh\u1ecf bundle, t\u1ed1i \u01b0u \u1ea3nh r\u1ed3i \u0111o l\u1ea1i.<\/td>\n<\/tr>\n<\/table>\n

V\u1edbi Frontend Developer, c\u1ea5p c\u00e0ng cao th\u00ec c\u00e2u h\u1ecfi c\u00e0ng chuy\u1ec3n t\u1eeb “c\u00e1i g\u00ec” sang “b\u1ea1n \u0111\u00e3 x\u1eed l\u00fd ra sao”.<\/p>\n

C\u00e2u h\u1ecfi system design cho Frontend Developer<\/h3>\n

C\u00e2u h\u1ecfi system design cho Frontend Developer, ch\u1ee7 y\u1ebfu \u1edf c\u1ea5p middle v\u00e0 senior, y\u00eau c\u1ea7u thi\u1ebft k\u1ebf m\u1ed9t giao di\u1ec7n nh\u01b0 b\u1ea3ng tin hay \u00f4 autocomplete. H\u00e3y l\u00e0m r\u00f5 y\u00eau c\u1ea7u, r\u1ed3i ch\u1ecdn c\u00e1ch render: CSR d\u1ef1ng trang trong tr\u00ecnh duy\u1ec7t, SSR d\u1ef1ng HTML tr\u00ean m\u00e1y ch\u1ee7 \u0111\u1ec3 n\u1ed9i dung hi\u1ec7n s\u1edbm, th\u00e2n thi\u1ec7n SEO. Ti\u1ebfp theo, t\u00e1ch state c\u1ee5c b\u1ed9, state to\u00e0n c\u1ee5c v\u00e0 d\u1eef li\u1ec7u server, n\u00eau c\u00e1ch cache qua `Cache-Control`, CDN ho\u1eb7c TanStack Query. Cu\u1ed1i c\u00f9ng l\u00e0 hi\u1ec7u n\u0103ng: ph\u00e2n trang, virtual list, lazy-load component.<\/p>\n

\"c\u00e2u<\/p>\n

6. Git, live coding v\u00e0 b\u00e0i take-home<\/h2>\n

Ph\u1ea7n th\u1ef1c h\u00e0nh th\u01b0\u1eddng quy\u1ebft \u0111\u1ecbnh k\u1ebft qu\u1ea3 nhi\u1ec1u h\u01a1n h\u1ecfi \u0111\u00e1p. \u0110\u1ec1 live coding hay g\u1eb7p l\u00e0 \u00f4 t\u00ecm ki\u1ebfm c\u00f3 debounce ho\u1eb7c danh s\u00e1ch c\u00f3 l\u1ecdc, ph\u00e2n trang. V\u1ec1 Git, c\u00e2u quen thu\u1ed9c l\u00e0 merge kh\u00e1c rebase: rebase vi\u1ebft l\u1ea1i l\u1ecbch s\u1eed n\u00ean kh\u00f4ng d\u00f9ng tr\u00ean nh\u00e1nh chung.<\/p>\n

B\u00e0i take-home \u0111\u01b0\u1ee3c ch\u1ea5m nh\u01b0 review s\u1ea3n ph\u1ea9m th\u1eadt; README n\u00ean c\u00f3 c\u00e1ch c\u00e0i \u0111\u1eb7t, quy\u1ebft \u0111\u1ecbnh k\u1ef9 thu\u1eadt v\u00e0 ph\u1ea7n ch\u01b0a k\u1ecbp l\u00e0m.<\/p>\n

\n

L\u1eddi khuy\u00ean cho b\u00e0i take-home<\/strong><\/p>\n

\u2013 B\u1ea1n h\u00e3y chia commit theo t\u1eebng b\u01b0\u1edbc thay v\u00ec d\u1ed3n to\u00e0n b\u1ed9 v\u00e0o l\u00fac n\u1ed9p.<\/p>\n

\u2013 B\u1ea1n n\u00ean vi\u1ebft v\u00e0i test cho logic quan tr\u1ecdng, d\u00f9 \u0111\u1ec1 kh\u00f4ng y\u00eau c\u1ea7u.<\/p>\n

\u2013 B\u1ea1n h\u00e3y ghi trong README nh\u1eefng g\u00ec s\u1ebd c\u1ea3i thi\u1ec7n n\u1ebfu c\u00f3 th\u00eam th\u1eddi gian.<\/p>\n

Ba th\u00f3i quen n\u00e0y cho ng\u01b0\u1eddi ch\u1ea5m th\u1ea5y c\u00e1ch b\u1ea1n l\u00e0m vi\u1ec7c th\u1eadt.<\/p>\n<\/div>\n

7. C\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p<\/h2>\n

1. Fresher Front-end c\u00f3 c\u1ea7n bi\u1ebft TypeScript kh\u00f4ng?<\/em><\/strong> Kh\u00f4ng b\u1eaft bu\u1ed9c \u1edf m\u1ecdi n\u01a1i, nh\u01b0ng nhi\u1ec1u tin tuy\u1ec3n d\u1ee5ng ghi \u0111\u00e2y l\u00e0 l\u1ee3i th\u1ebf.<\/p>\n

2. C\u00f3 n\u00ean d\u00f9ng th\u01b0 vi\u1ec7n UI trong b\u00e0i take-home?<\/em><\/strong> C\u00f3 th\u1ec3, n\u1ebfu \u0111\u1ec1 kh\u00f4ng c\u1ea5m v\u00e0 b\u1ea1n ghi l\u00fd do trong README.<\/p>\n

3. C\u1ea7n chu\u1ea9n b\u1ecb portfolio th\u1ebf n\u00e0o?<\/em><\/strong> Hai \u0111\u1ebfn ba d\u1ef1 \u00e1n c\u00f3 demo v\u00e0 m\u00e3 ngu\u1ed3n tr\u00ean GitHub th\u01b0\u1eddng l\u00e0 \u0111\u1ee7 \u0111\u1ec3 trao \u0111\u1ed5i.<\/p>\n

Ph\u1ecfng v\u1ea5n Frontend Developer ch\u1ea5m c\u00e1ch b\u1ea1n hi\u1ec3u tr\u00ecnh duy\u1ec7t v\u00e0 JavaScript nhi\u1ec1u h\u01a1n s\u1ed1 th\u01b0 vi\u1ec7n b\u1ea1n li\u1ec7t k\u00ea. Khi luy\u1ec7n c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n frontend developer<\/strong>, h\u00e3y t\u1ef1 gi\u1ea3i th\u00edch closure, event loop b\u1eb1ng \u0111o\u1ea1n code ng\u1eafn, \u00f4n box model, flex\/grid, hi\u1ec7u n\u0103ng, accessibility, r\u1ed3i chu\u1ea9n b\u1ecb m\u1ed9t b\u00e0i take-home m\u1eabu c\u00f3 README r\u00f5 r\u00e0ng. H\u00e3y ch\u1ecdn ba c\u00e2u trong b\u1ea3ng v\u00e0 th\u1eed tr\u1ea3 l\u1eddi th\u00e0nh ti\u1ebfng ngay h\u00f4m nay.<\/p>\n

B\u00e0i vi\u1ebft mang t\u00ednh tham kh\u1ea3o; c\u00e2u h\u1ecfi th\u1ef1c t\u1ebf thay \u0111\u1ed5i theo t\u1eebng doanh nghi\u1ec7p, v\u00e0 ki\u1ebfn th\u1ee9c k\u1ef9 thu\u1eadt n\u00ean \u0111\u01b0\u1ee3c \u0111\u1ed1i chi\u1ebfu v\u1edbi t\u00e0i li\u1ec7u MDN Web Docs, W3C.<\/em><\/p>\n

Minh An<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

L\u1eadp tr\u00ecnh vi\u00ean Front-end (Frontend Developer) ph\u1ee5 tr\u00e1ch ph\u1ea7n giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng nh\u00ecn th\u1ea5y v\u00e0 thao t\u00e1c tr\u00ean website. B\u00e0i vi\u1ebft gom c\u00e1c c\u00e2u …<\/p>\n","protected":false},"author":58,"featured_media":30978,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[45],"tags":[],"class_list":["post-30998","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-phong-van-viec-lam"],"_links":{"self":[{"href":"https:\/\/www.careerlink.vn\/cam-nang-viec-lam\/wp-json\/wp\/v2\/posts\/30998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.careerlink.vn\/cam-nang-viec-lam\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.careerlink.vn\/cam-nang-viec-lam\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.careerlink.vn\/cam-nang-viec-lam\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/www.careerlink.vn\/cam-nang-viec-lam\/wp-json\/wp\/v2\/comments?post=30998"}],"version-history":[{"count":1,"href":"https:\/\/www.careerlink.vn\/cam-nang-viec-lam\/wp-json\/wp\/v2\/posts\/30998\/revisions"}],"predecessor-version":[{"id":30999,"href":"https:\/\/www.careerlink.vn\/cam-nang-viec-lam\/wp-json\/wp\/v2\/posts\/30998\/revisions\/30999"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.careerlink.vn\/cam-nang-viec-lam\/wp-json\/wp\/v2\/media\/30978"}],"wp:attachment":[{"href":"https:\/\/www.careerlink.vn\/cam-nang-viec-lam\/wp-json\/wp\/v2\/media?parent=30998"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.careerlink.vn\/cam-nang-viec-lam\/wp-json\/wp\/v2\/categories?post=30998"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.careerlink.vn\/cam-nang-viec-lam\/wp-json\/wp\/v2\/tags?post=30998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}