https://omid.dev/tags/frontend/Recent content in Frontend on Omid Farhanghttps://omid.dev/images/bio-photo-150x150.jpghttps://omid.dev/images/bio-photo-150x150.jpgHugo -- 0.165.0en-US2026 Omid Farhang | All rights reserved.Mon, 14 Sep 2026 00:40:00 +0330https://omid.dev/2026/09/14/essential-skills-when-generation-is-cheap/Mon, 14 Sep 2026 00:40:00 +0330https://omid.dev/2026/09/14/essential-skills-when-generation-is-cheap/The skill list did not get a new bubble called AI. The senior job changed: you own output you did not type, you review at a higher altitude, and you decide where generation does not belong.https://omid.dev/2026/09/09/i-interview-frontend-hires-for-other-companies/Wed, 09 Sep 2026 03:00:00 +0330https://omid.dev/2026/09/09/i-interview-frontend-hires-for-other-companies/How I interview frontend candidates for a team that is not mine — intake with their lead, choosing the real level, and why I now weigh architecture, ownership, and AI judgment over syntax recall.https://omid.dev/2026/08/15/the-frontend-is-a-privileged-system-now/Sat, 15 Aug 2026 23:50:00 +0330https://omid.dev/2026/08/15/the-frontend-is-a-privileged-system-now/The browser is untrusted, but the system that builds and delivers the frontend is not. Install hooks, CI identities, and release credentials make frontend delivery a production trust boundary.https://omid.dev/2026/07/31/modern-auth-patterns-for-angular-frontends/Fri, 31 Jul 2026 00:40:00 +0330https://omid.dev/2026/07/31/modern-auth-patterns-for-angular-frontends/Stop storing JWTs in localStorage. Use OIDC with a BFF or reverse proxy, short-lived server-side tokens, HttpOnly cookies, and Angular interceptors and guards that do not pretend to be your security boundary.https://omid.dev/2026/07/29/why-client-side-frameworks-need-security-updates/Wed, 29 Jul 2026 00:41:00 +0330https://omid.dev/2026/07/29/why-client-side-frameworks-need-security-updates/Browser frameworks still own sanitization, request protection, and SSR isolation. Three recent Angular CVEs show why framework patches are part of every client-side app’s security boundary.https://omid.dev/2026/07/22/securing-angular-pwas-in-2026/Wed, 22 Jul 2026 00:42:00 +0330https://omid.dev/2026/07/22/securing-angular-pwas-in-2026/Security for Angular Progressive Web Apps: HTTPS and service worker scope, cache strategies that do not leak auth-dependent data, and offline sessions without raising XSS or CSRF risk.https://omid.dev/2026/07/18/dependency-risk-sboms-and-automated-security-for-angular/Sat, 18 Jul 2026 00:45:00 +0330https://omid.dev/2026/07/18/dependency-risk-sboms-and-automated-security-for-angular/Build an SBOM and CI security pipeline for Angular monorepos: npm audit, ng update --dry-run, fail on high-severity CVEs, Dependabot/Snyk, and post summaries to Slack or Mastodon.https://omid.dev/2026/07/15/csp-and-angular-practical-patterns/Wed, 15 Jul 2026 00:50:00 +0330https://omid.dev/2026/07/15/csp-and-angular-practical-patterns/Ship CSP for Angular without breaking the build: report-only first, nonces via autoCsp or ngCspNonce, nginx/Apache/Cloudflare headers, and a small scanner for inline handlers, eval, and other footguns.https://omid.dev/2026/07/10/typescript-7-is-here-fast-exciting-worth-watching/Fri, 10 Jul 2026 02:03:30 +0330https://omid.dev/2026/07/10/typescript-7-is-here-fast-exciting-worth-watching/TypeScript 7's native port delivers dramatic build-time speedups, but editor plugins, framework tooling, and monorepo workflows are catching up at different speeds. A practical read for teams deciding when to adopt.https://omid.dev/2026/06/13/i18n-a11y-and-shareable-lab-state-in-the-browser/Sat, 13 Jun 2026 10:00:00 +0330https://omid.dev/2026/06/13/i18n-a11y-and-shareable-lab-state-in-the-browser/How Bio-Dynamics supports English, German, and Persian, keeps keyboard and screen-reader paths usable, and encodes lab checkpoints in the URL.https://omid.dev/2026/06/12/catalog-driven-dashboard-strains-stressors-and-action-impact/Fri, 12 Jun 2026 10:00:00 +0330https://omid.dev/2026/06/12/catalog-driven-dashboard-strains-stressors-and-action-impact/How Bio-Dynamics keeps 82 stressors, 20 strains, and four catalog tabs maintainable — and previews biome deltas before you click.https://omid.dev/2026/06/11/macro-micro-3d-one-scene-graph-seven-tissue-builders/Thu, 11 Jun 2026 10:00:00 +0330https://omid.dev/2026/06/11/macro-micro-3d-one-scene-graph-seven-tissue-builders/How Bio-Dynamics uses Three.js to fly from a rotatable body map into region-specific tissue cross-sections with instanced microbes and simulation-linked visual effects.https://omid.dev/2026/06/10/deterministic-microbiome-simulation-without-overclaiming-science/Wed, 10 Jun 2026 10:00:00 +0330https://omid.dev/2026/06/10/deterministic-microbiome-simulation-without-overclaiming-science/How Bio-Dynamics models barrier integrity, emergent inflammation, and microbe competition in a 30 Hz tick engine — with golden tests that keep the educational demo honest.https://omid.dev/2026/06/09/building-bio-dynamics-educational-3d-microbiome-lab-in-the-browser/Tue, 09 Jun 2026 10:00:00 +0330https://omid.dev/2026/06/09/building-bio-dynamics-educational-3d-microbiome-lab-in-the-browser/Why I built a full-body microbiome sandbox — for education, open development storytelling, and exploring simulation and 3D outside my usual frontend lane.https://omid.dev/2026/06/09/how-to-build-a-frontend-testing-strategy-that-actually-scales/Tue, 09 Jun 2026 01:50:00 +0330https://omid.dev/2026/06/09/how-to-build-a-frontend-testing-strategy-that-actually-scales/A practical frontend testing strategy for large teams: how to choose between unit, integration, component, and end-to-end tests in a real Angular codebase without creating slow, fragile coverage.https://omid.dev/2026/06/08/why-your-frontend-tests-flake-and-how-to-fix-them-for-good/Mon, 08 Jun 2026 02:00:00 +0330https://omid.dev/2026/06/08/why-your-frontend-tests-flake-and-how-to-fix-them-for-good/A practical guide to reducing flaky frontend tests by improving isolation, waiting strategies, deterministic fixtures, test data, clocks, network control, and CI diagnostics.https://omid.dev/2026/06/02/stop-modeling-angular-screens-with-five-booleans/Tue, 02 Jun 2026 01:15:00 +0330https://omid.dev/2026/06/02/stop-modeling-angular-screens-with-five-booleans/Most Angular UI bugs come from screens modeled as scattered flags. Replace loading, error, empty, and ready booleans with one explicit state model your templates and reviewers can trust.https://omid.dev/2026/06/01/why-i-started-adding-full-source-code-to-my-blog-posts/Mon, 01 Jun 2026 01:41:00 +0330https://omid.dev/2026/06/01/why-i-started-adding-full-source-code-to-my-blog-posts/A short note about the companion example-projects repository for omid.dev, where suitable technical posts now include runnable examples or complete focused snippets.https://omid.dev/2026/05/27/angular-mcp-ai-workflows-real-teams/Wed, 27 May 2026 02:48:00 +0330https://omid.dev/2026/05/27/angular-mcp-ai-workflows-real-teams/Angular's MCP Server tooling is not just an AI demo. It changes how teams can connect framework knowledge, local code, and coding assistants without losing their conventions.https://omid.dev/2026/05/26/angular-template-syntax-hidden-cost/Tue, 26 May 2026 02:48:00 +0330https://omid.dev/2026/05/26/angular-template-syntax-hidden-cost/Angular's newer template syntax is powerful, but spread/rest, arrow functions, multi-case switches, and richer control flow need team rules before clever templates become maintenance debt.