Web 开发方向 · 共 11 问 · 内容来自 roadmap.sh
前端开发者是使用 HTML、CSS 和 JavaScript 来设计和构建用户直接交互的网站和应用的视觉与交互元素的专业人士。他们确保界面具有响应式设计、可访问性且视觉上吸引人。你在网站上看到并与之交互的每个功能（如按钮、菜单和动画）都是由前端开发者创建的。
虽然这不是一份完整的前端开发者职位描述，但以下内容可以很好地介绍前端开发者的角色：你将负责创建网站的用户界面，确保其外观美观且易于使用，并重点关注设计原则和用户体验。你将与设计师、后端开发者和项目经理紧密合作，确保最终产品满足客户需求，并为最终用户提供尽可能好的体验。
前端开发角色中比较轻松的一点是，可选择的前端语言和技术并不多（与后端开发不同）。
作为前端开发者，你将使用以下技术：
HTML：用于创建页面骨架的标记语言。你想在网页上展示的所有信息都通过 HTML 进行布局。
CSS：层叠样式表语言，让你能够调整 HTML 元素的渲染方式，从而改善网页的视觉效果。
JavaScript：这是前端开发的事实标准编程语言，让你能够为网站/Web 应用添加动态效果。还有一种替代方案叫做 TypeScript，它是 JavaScript 的强类型超集，你可以使用它。但在那种情况下，你需要设置一个转译器，将代码翻译成 JavaScript 后才能直接在浏览器中运行。
成为前端开发者的主要技能是 HTML、CSS 和 JavaScript。其他技能也很重要，但没有这三个基础技能，其他技能都无法应用。
如果你想提升自己，下面是一份完整的前端开发者技能清单，你应该深入研究：
掌握这些基础技能将让你从容应对未来可能遇到的任何前端开发者面试题，并提升你当前岗位的能力。
前端开发者真的在写代码吗？答案是肯定的，绝对如此。
由于前端开发者是全职开发者，其产出在视觉上很吸引人（这要归功于他人提供的设计），这有时会让别人产生困惑，以为前端开发者实际上并没有在写代码。然而，事实远非如此。
作为前端开发者，你将始终在写代码。
虽然在一些公司里，前端开发者同时也是熟练的设计师或 UX 工程师，但这些并不是典型的角色。作为前端开发者，你的学习重点应该放在与编码相关的方面（即编码最佳实践、软件设计模式、前端架构等）。
随着 Web 领域和整个技术的持续发展，前端开发者的角色变得越来越重要。毕竟，为应用提供 Web 版本有很多优势，使其成为大多数系统的明显选择（除非有特殊需求迫使进行原生开发），这意味着前端开发者有可能参与到所有类型的项目和公司中。
这使得前端开发者成为 Web 技术行业中最具多面性和最受欢迎的职业路径之一。
如果你正准备参加前端开发者面试，请务必掌握你将使用的技术的基础知识。
虽然这是对前端职业发展最有影响的事情之一，但以下要点也值得关注：
掌握基础：确保对 HTML、CSS 和 JavaScript 有扎实理解，这些对前端开发者角色至关重要。
练习编码：通过迷你项目或 LeetCode 等平台上的编程挑战提升技能，尤其是专注于前端开发的题目。运用这些技能创建 web 开发者作品集 会对你大有帮助。
学习现代框架：熟悉 React、Angular 或 Vue.js 等流行框架。
熟悉工具：熟练使用版本控制系统、测试和构建工具，这些对所有类型的开发（包括前端）都至关重要。
理解 UI/UX 原则：学习无障碍设计、响应式设计和直观界面，让自己脱颖而出。
研究公司：通过了解公司的业务和产品来展现兴趣。
提升沟通能力：良好的沟通能力在任何职位中都是成功的关键，所以一定要努力培养。
前端开发与后端开发的主要区别在于，前端开发聚焦于 UI，而后端开发更侧重服务器端逻辑。
前端开发处理用户界面和用户体验，使用 HTML、CSS 和 JavaScript（或 TypeScript）来处理网站或应用的设计、布局和交互性。
另一方面，后端开发负责服务器端逻辑、数据库和应用功能，确保数据被正确处理并返回。后端开发的技术栈更大、选择更多，例如 Python、Java 或 Node.js。
两者都同样有趣且具有挑战性，所以这不是后端与前端孰优孰劣的问题，而是你需要了解自己更擅长哪方面，以及喜欢构建哪种类型的系统。
前端开发者也被称为前端工程师、前端 Web 开发者、JavaScript 开发者、HTML/CSS 开发者、前端 Web 设计师和前端 Web 架构师。
这些角色大多涵盖相同的前端开发技能，但在不同的前端开发技能上要求不同的熟练程度。最好查看职位描述来了解具体的工作要求。
你可以从学习 HTML 和 CSS 开始成为前端开发者。不要等到完全掌握才开始动手，尽早构建简单项目。你可以尝试用 HTML 和 CSS 重建你最喜欢的网站的前端。随着不断学习，尽可能多地做这类项目。当你对 HTML 和 CSS 有所熟悉后，开始学习一些基础的 JavaScript（DOM 操作、使用 Fetch 或 Axios 调用后端接口等），并学习如何为网站添加交互性。与此同时，学习一些 Git 和 GitHub 的基础知识。到这一步，你应该能够胜任入门级的前端开发工作。记得经常回顾这份路线图，填补知识空白。
成为前端开发者所需的时间因多种因素而异，比如你的学习节奏、过往经验，以及你能够投入学习的时间。
不过，给你一个大致的参考：如果你完全零基础，可能需要 3 到 6 个月才能获得入门级前端开发者职位。如果你已经熟悉一些前端技术，可能只需 1 到 3 个月。重要的是在学习期间尽可能多练习，也就是多做项目。还可以参与在线社区，向更有经验的开发者征求意见，从而加速学习进程。
前端开发者的薪资会因地区、经验和公司规模等因素而有所不同。根据 Glassdoor 的数据，美国前端开发者的平均基本年薪约为 80,000 美元。然而，这个数字因地区差异会很大，旧金山、西雅图和纽约等薪资最高的城市平均薪资在 110,000 到 130,000 美元之间。
请记住，这些只是平均值，实际薪资会因经验水平、具体技能和雇主情况而有很大差异。随着经验和专业技能的积累，你可以期望获得更高的薪金。
建议参考多种资源，包括薪酬调查和招聘网站，来大致了解你所在地区和经验水平的市场行情。同时，也可以尝试联系该领域的其他专业人士，了解他们的经验和薪资范围。
这份路线图涵盖了你在前端开发工作中可能遇到的所有内容。你不需要掌握路线图上的所有内容才能进入这个行业；每个工作都不一样，大多数工作只会要求路线图中的一部分技能。然而，知道自己不知道什么和知道自己知道什么同样重要，因此你可以用这份路线图来了解自己还有哪些欠缺。
如果你是一个刚起步的初学者，不要因为看到这份路线图而感到不知所措。请先阅读常见问题“如何成为前端开发者？”的答案。
前端框架 是帮助开发者更高效地构建 Web 应用程序的工具和库的集合。它们为代码提供结构化组织，使构建和维护复杂应用更加容易。
一些流行的前端框架包括 React、Angular 和 Vue.js。这些框架提供了一套工具和库，帮助开发者构建用户界面、管理状态以及与 API 交互。