2023 年成为前端 Web 开发人员 - 分步指南

了解你正在做什么

培养你的技能

创建作品集/精心设计案例研究

把自己放在那里

申请职位

资源

结论

这是我在开始成为前端开发者时梦寐以求的路线图。我制定了这个路线图，它能帮助我实现成为一名全面开发人员的目标。
让我们开始吧。

• 谁是前端开发人员？
• 好的，现在谁是后端开发人员？
• 那么如何成为一名前端开发人员？
  • 培养你的技能
• HTML
• CSS
• JavaScript
  • 创建作品集/精心设计案例研究
  • 把自己放在那里
• 你还需要做什么？
  • 申请职位
  • 资源
  • 结论

了解你正在做什么

不要仅仅因为前端开发很流行，或者因为你的朋友告诉你，成为一名 FE 开发人员会得到更高的薪水，就急于成为前端开发人员，而是要了解这个职业的意义

-->为什么公司要雇佣开发人员？
-->您希望解决什么问题？
-->作为开发人员，您的职责是什么？

谁是前端开发人员？

无论您是喜欢使用网站，还是迫不及待地想要快速退出，这部分取决于网站的设计。在您沉浸式体验的背后，是专业程序员，我们称之为前端开发人员。前端开发人员负责从零开始构建网站的布局，包括用户使用服务所需的各种图标和切换按钮。他们与 UI UX 设计师和后端开发人员同步工作，确保网页设计精良，引人入胜。

好的，现在谁是后端开发人员？

后端开发人员所做的工作与前端开发人员完全相反，作为该领域的程序员，您需要实现所有后台工作，例如基础设施、数据库和通信等的开发。前端开发人员主要关注消费者所看到的内容，而后端开发人员则设计和观察支持元素。

另一方面，全栈开发人员掌握了这两种专业技能，并且可以交叉运用各自的机制。

那么如何成为一名前端开发人员？

首先要做的是学习前端开发的三种核心语言：HTML、CSS、JavaScript，这些语言是网站的基础元素，您可以利用无数的在线资源来学习它们。

培养你的技能

HTML

HTML 是一种基础但不可或缺的语言，它可以用来设计网页的骨架结构，例如段落、导航栏、标题、区块等等。HTML 也是添加图片、视频和其他多媒体内容的核心。然而，由于 HTML 是一种基础语言，因此需要 CSS 和 JavaScript 的辅助才能达到最佳效果。

CSS

层叠样式表 (CSS) 的缩写，是构建美观前端的下一层，主要用于为网页添加颜色、字体和布局。这种语言还能让你在不同设备（例如手机和个人电脑）上配置网站，并以独立但经过调整的样式呈现内容。虽然我们经常将它与 HTML 和 JavaScript 相提并论，但它可以独立运行。

您可以使用它进行站点维护和跨网页样式分发，提高您使用此语言的技能的一种方法是学习它如何与 bootstrap tailwind CSS 等框架交互。

JavaScript

Web 开发三足鼎立的第三条腿是 JavaScript，它可以帮助您自定义页面，使其更具视觉吸引力，超越了那些不太先进的 HTML 和 CSS。JavaScript 允许您插入动画、图形效果、动态样式、持续更新的 Maps 以及其他各种令人兴奋的功能。JavaScript 中有很多库和框架值得您学习，但在您被这些可互换的术语“库”和“框架”混淆之前，它们有很多相似之处，但用途也略有不同。

该库使您能够向代码添加特定功能，而另一方面，框架是预先编写的代码，使您可以跳过为项目常规区域编写代码的基本反复试验过程，本质上，两者在开发人员可以包含的内容方面有所不同。话虽如此，jQuery 是一个 JavaScript 库，可让您向项目框架方面添加自定义元素，但实际上有多种适用于不同情况的工具，尽管您主要需要一些 Angular、React、Ember 和 Vue 是其中的一些框架。

创建作品集/精心设计案例研究

创建一个作品集，也不想错过每一个推销自己的机会，其中一种方法是创建一个作品集，你可以在其中向其他人展示你创建的东西以供批评，并从那里发明新的技巧，并非你在前端开发职业生涯的早期阶段包含的每个项目都必须是客户项目，重点是培养你的技术技能，这并不意味着你应该排除发展软技能，同时你也会变得更擅长沟通和执行。

把自己放在那里

既然你已经步入正轨，是时候获得更多曝光机会了。你可以与志同道合的人建立联系，加入全球或本地社区，参与科技产品或设计活动，这有助于你结识新朋友，并从经验中学习。我也强烈建议你记录你的学习成果，我建议使用领英或推特。
你的学习成果可以用书面形式记录下来，这样可以增加你被招聘人员或公司看到的机会。

你还需要做什么？

好好练习，首先要密集练习编码，通过不断提高你的技能，你很快就会成为一名专业人士，你投入的工作越熟悉，你就越容易找到工作，与此相关的是需要掌握新兴技术，以保持你的技术精湛和最新，你可以访问大量的在线开发者社区，在那里你可以遇到新的程序员分享想法。

申请职位

既然你已经准备好了案例研究，并且已经与业内人士进行了交流，那么现在是时候开始创建你的作品集和简历，并开始申请工作了。
在这个阶段，完善你的简历，仔细检查你的案例研究和作品集，看看是否有任何疏忽大意的错误，确保所有链接都有效，并在申请工作时附上求职信（如果需要）。

资源

1. Udacity
2. Scrimba
3. MDN
4. FreeCodeCamp
5. Kevin Powell，YouTube
6. Flex Box Adventure
7. CSSBattle
8. Frontend Mentor
9. Udemy

结论

你认为还有其他策略，以及激励前端开发人员在招聘过程中应该学习哪些技能，请在评论区留下你的想法。感谢阅读 :)，想要了解更多信息，请查看我的其他博客。如果你喜欢这篇文章，可以考虑在Dev.to
上关注我，获取我的最新文章。你也可以在Twitter上联系我。