想在2023 年成为前端 Web 开发人员的分步指南

当我开始成为一名前端开发人员时，这是我希望拥有的路线图我想出了这个路线图，它有助于实现成为全能开发人员的目标。

让我们开始吧。

• 谁是前端开发人员？

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

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

• 发展你的技能

• HTML

• CSS

• JavaScript

• 创建投资组合/制作您的案例研究

• 把自己放在那里

• 你还需要做什么？

• 求职

• 资源

• 结论

知道你正在进入什么

不要仅仅因为它很流行或者因为你的朋友告诉你如果你成为 FE 开发人员你会得到更高的薪水就急于进入前端开发人员而不是了解这个职业是什么

--> 为什么公司要聘请开发人员？？

--> 你希望解决什么问题？？

--> 作为开发人员，您的职责是什么？？

谁是前端开发人员？

无论您喜欢使用网站还是准备好点击最快的按钮，部分原因在于网站的设计，在您获得身临其境的体验背后是我们专业称为前端开发人员的程序员。前端开发人员负责从头开始构建网站布局，包括用户完成服务所依赖的各种图标和切换按钮。他们与 UI UX 设计师和后端开发人员同步工作，负责确保网页是专门构建的且具有吸引力。

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

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

另一方面，全栈开发人员掌握了这两个专业，并且可以交叉使用他们各自的机制。

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

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

发展你的技能

HTML

动图

基本但不可或缺的语言超文本标记语言或 HTML 当然可以使用它来设计网页的骨架结构，它可以用于放置文本页面组件，如段落导航栏标题部分等。然而，它也是添加图像视频和其他多媒体的核心，因为它是一种非常初级的语言，必须辅以 CSS 和 JavaScript 才能发挥全部效果。

CSS

级联样式表的缩写 CSS 是形成美学前端的下一层，您基本上使用它来将颜色、字体和布局包含到您的网页中。这种语言还将使您能够在不同的设备（例如手机）上配置网站，个人计算机可以以不同但适应的样式呈现内容，尽管我们经常将它与 HTML 和 JavaScript 相提并论它可以独立工作

动图

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

JavaScript

Web 开发三脚架的第三条腿是 JavaScript，它可以帮助您自定义您的页面，使其在视觉上比不太高级的 HTML 和 CSS 更吸引人。JavaScript 允许您插入动画图形效果动态样式不断更新地图各种其他令人兴奋的东西。在 JavaScript 中，有许多库和框架是您想要学习的，但在您被我们的可互换术语搞糊涂之前，库和框架都有许多相似之处，并且服务于一些略有不同的目的。

该库使您能够向代码添加特定功能，另一方面，框架是预先编写的代码，使您能够跳过为项目的常规区域编写代码的基本试错过程，本质上，两者不同就开发人员可以包含的内容而言。已经说过 jQuery 是一个 JavaScript 库，它使您能够将自定义元素添加到您的项目框架方面是多种工具，适用于现实中的不同情况，尽管您主要需要一些 Angular、React、Ember 和 Vue 是其中的一些构架。

创建投资组合/制作您的案例研究

创建一个投资组合也不想错过每一次推销自己的机会，一种方法是创建一个投资组合，您可以在其中展示您创建的东西以供他人批评，并从中发明新的技巧，而不是您包含的每个项目你的前端开发职业生涯的早期阶段必须是客户项目，重点是培养你的技术技能这并不意味着你应该排除开发软技能以及你在沟通和实施方面变得更好。

把自己放在那里

现在您已经走上正轨，是时候获得更多的曝光率了，您可以与志同道合的人联系，加入全球或本地社区和技术产品或设计它，帮助您了解他人并从经验中学习。我也强烈建议您按照我建议的 linkedin 或 twitter 记录您的学习。

您的学习可以通过记录您的学习以书面形式记录下来，这会增加您被招聘人员或公司看到的机会。

你还需要做什么？

练习好首先要集中练习编码，通过不断提高你的技能，你可以快速成为专业人士你投入的工作越容易熟悉它，你就越容易找到与之相关的工作，这就是保持新兴市场的必要性使您的技术保持完善和最新的技术 您可以访问大量的在线开发人员社区，在那里您可以遇到新的编码人员分享想法。

求职

既然您已经准备好案例研究就可以申请工作，您已经与业内人士交谈过我认为是时候开始创建您的作品集和简历并开始申请工作了。

在这个阶段完善你的简历，仔细检查你的案例研究和投资组合是否有任何粗心的错误，确保你所有的链接都有效，如果必须的话，求职信包括一封求职信。

资源

1. Udacity

2. Scrimba

3. MDN

4. FreeCodeCamp

5. Kevin Powell, YouTube

6. Flex Box Adventure

7. CSSBattle

8. Frontend Mentor

9. Udemy