初级前端开发人员的终极指南

如何开始？

你需要了解的顶级技术技能

作为初级前端开发人员你需要了解的软技能

你可以做些什么来成为一名更好的程序员？

简短的提示和技巧

作为初级前端开发人员你需要知道什么

作为前端开发人员，您需要在网络上做的基本事情

总结一下

成为一名开发人员有多难？我能做到吗？答案是肯定的，你可以。首先，需要注意的是，这条路并不轻松；毫无疑问，你会遇到挫折，甚至想要放弃。如果你想成为一名优秀的前端开发人员，你必须意识到，你永远不会停止学习。我经历过这一切，我可以告诉你，只要你坚持不懈地实现你的目标，我保证你一定会成功。

但是，如何才能达到初级前端开发人员的理想职位呢？我相信大多数大学毕业生都对此很感兴趣。许多雇主都希望招聘有相关工作经验的人才，但如果没有人给你提供工作机会，你又该如何积累经验呢？

请坐稳，让我分享我的故事。

如何开始？

一个解决方案是寻找专业的实习机会。记住，即使你是无偿的，相信我，它也会有所回报。珍惜这个机会，并尽量利用这段时间学习更多。你将有机会体验真实的工作环境，这正是你大学毕业后所需要的。努力证明自己，展现出学习和进步的渴望。不要为了大学毕业时的正式手续和签字而去实习；你正在犯一个大错误，而你以后才会意识到。充分利用这段时间：提问、研究、努力工作、编写代码、学习。坚持不懈终将获得回报。它总是如此。

但是，如果你没有机会从实习开始，还有其他选择，比如Udemy、Udacity、Coursera等平台的课程。你可以找到各种价格低于15欧元的课程。这里给你一个小建议：你应该在隐身窗口中查看课程价格，这样才能知道真正的价格。选修一门课程后，一定要完整地完成它，并与讲师同步编写代码。此外，你应该定期在纸上或笔记本电脑上做笔记，在代码中写注释，并在发现新知识时参考官方文档。你可能觉得自己会记住，但相信我，你很可能记不住，所以当你看到自己记下来的东西时，你会感激的。事实证明，写作时记忆更快。完成课程后，不必立即学习新的课程。你应该为自己设定一个需要完成的项目，并在其中运用你的知识。为了提升技能，你需要完成尽可能多的项目，并在练习中投入大量的精力。这绝对是一条通往成功的必经之路。

持续投资你的知识。如果你专注于提升自己，就一定会有成果。这一点我保证！根据你想要的感受，或者你在成功之路上更想要什么，选择一本书或一个在线课程——然后开始吧。从某个地方开始，并尽快行动起来。是的，永远不会太晚，但如果你能更早开始学习，并有可能创造一些东西，为什么不呢？

你需要了解的顶级技术技能

首先，需要指出几个重要的事实。如果你想成为一名前端开发人员，毋庸置疑，你必须了解 HTML 和 CSS，因为它们是基础知识。如果在面试中被问到你会哪些编程语言，不要说 HTML 和 CSS，因为它们不是编程语言。HTML 是一种标记语言，而 CSS 是一种样式语言。五年前，在面试中说你懂 HTML 或 CSS 是完全正常的，面试官也会很高兴。今天情况不同了，对你的期望更高了。不必害怕；只要你有学习的欲望，你就能轻松掌握其他编程语言。

现在，当我们谈论前端开发人员的职位时，我们需要知道的是 JavaScript 和/或 TypeScript。如今，了解 Sass 或 Less 是很好的 - 两者都是 CSS 预处理器，它们是 CSS 的脚本超集，使编写 CSS 代码更容易。了解响应式网页设计的规则是当今你需要知道的关键事情之一。让我的生活变得轻松很多的事情之一是CSS 的 flex 属性。通过智能手机和其他移动设备访问和使用网络的互联网用户数量正在以惊人的速度不断增长。这意味着网站应该比以前更加优化，特别是需要针对不同类型的屏幕尺寸定制网页设计。如果你做不到这一点，那么你最终会失去客户。根据Statista 的研究，54.8% 的网站是通过移动设备浏览的 - 请明智地使用这些信息。

另一件需要了解的事情是软件版本控制平台——它允许用户在软件开发期间和之后跟踪项目的变更以及团队之间的协作。有一些免费的平台，例如 GitLab、GitHub 或 BitBucket。实际上，使用这些平台并不那么抽象；它很容易学习，而且可以让你的生活变得轻松很多。相信我，当你知道所有东西都存储在你的 Git 上时，你会睡得更安稳。

如果您了解 DNS、HTTP 和 HTTPS 的基础知识（阅读：您必须了解它），那么对于前端开发人员来说这是一个很大的优势。

作为初级前端开发人员你需要了解的软技能

现在我们谈到了开发人员不太喜欢的技能，但这些技能与技术技能同样重要。这些技能不包括编程，但如果你坚持下去，它们可以让你成为一个更熟练、更优秀的程序员，同时也是一个团队合作者。

在这个行业，事情变化非常快，只有通过学习才能跟上新事物和新技术的步伐。学习时，保持谦虚并从错误中汲取教训至关重要，因为这是更好的学习方式之一。最重要的是，展现出你对所做的事情始终充满热情和高度的动力。

当然，在这个职位上，关键技能是编写代码，但这背后还有更多的东西，为了取得进步，了解其他技能也很重要。

以下是一些需要掌握的重要技能：

1. 书面沟通。你无法逃避它，你每天都会在电子邮件中用到它。尽量用友好的方式写信，总是感谢对方联系你，最重要的是——快速切入主题，不要把事情搞得太复杂。

2. 指导。你可能不明白初级前端开发人员为什么需要指导，但事实上，总有一些事情你知道，而你的同事不知道。而且，一段时间后，当你掌握了一些东西之后，你会发现自己需要向别人解释一些东西。相信我，这是进一步巩固和验证你知识的最佳方式（只有这样你才会意识到你已经学到了多少！）。原则上，一旦你教别人一些新东西，你就走上了正确的道路，所以坚持下去。我根据自己的经验说，学习和指导相结合非常有效。

3. 专注。在这个行业，你的注意力应该集中在目标上。例如，为了实现开发网站的目标，你必须专注于细节，尤其是细枝末节，因为前端就是用户屏幕上看到的东西。开发人员必须专注于网站的运作方式和外观，尽管外观和感觉是由设计师决定的。

4. 故障排除。这在编程中至关重要。最简单的方法是记住从 StackOverflow 复制并粘贴代码的命令。然而，了解问题所在，从全局着眼，然后借助 Google 和 StackOverflow 解决问题也至关重要。

5. 团队合作。如果你想成为一名优秀的程序员，团队合作精神也至关重要。这项工作需要与设计师、其他开发人员、客户以及其他人员进行大量合作，因此这项技能必不可少。

你可以做些什么来成为一名更好的程序员？

人们普遍认为前端开发比以前更难掌握。难度依然如故，但 Web 开发发展迅速，短时间内涌现出大量新事物。因此，你需要在更短的时间内学习更多东西。文档在很多情况下都能帮到你，不要被它吓到，多读几遍就好。

以下是一些关于如何快速克服编程过程中所有困难的提示：

• 学习阅读别人的代码。你可以从中学到很多东西，并找到编写代码的好方法。

• 时刻了解最新资讯——这是帮助你持续学习的方法之一。没有什么比倾听行业专家的意见更好了。这能让你紧跟开发趋势，从而专注于你需要掌握的东西。

• 参加技术会议。建议听播客、关注某些 YouTube 频道、加入 Facebook 群组——从社区可以学到很多东西。

• 从一开始就尽量让你的代码清晰易懂。但是，一旦你开始接受程序员培训，你肯定会尝试回顾某些部分并重新编写源代码。让你的代码更优秀，以便将来其他开发人员能够维护它。

• 寻求反馈很重要，无论好的还是坏的，它肯定会帮助你了解你做错了什么或者你必须遵循哪个方向。

简短的提示和技巧

• 了解 PNG、SVG 和 JPG 三种图像格式之间的区别非常重要。需要透明图像时请使用 PNG；需要图标时请使用 SVG；需要全彩图像时（如果不需要以上格式，请尽可能使用 JPG）。

• 为了优化网站，压缩图片是必要的。网上有一些免费的压缩服务，例如TinyPNG。

• 如果您在网络上有在悬停或执行其他操作时会改变颜色的图标，请使用矢量图标程序。

• 如果您安装了一些软件包但最终没有使用它们，请卸载那些不必要的软件包。

• 如果设计师没有为您准备最终的图片，请不要使用一些疯狂的灰色方块，而应使用占位符。

• 每次完成项目任务时，将其上传到 Git（git push）并且每次进入项目时使用git pull。

作为初级前端开发人员你需要知道什么

• HTML 和 CSS 的必备知识（CSS flex 属性）
• 了解 JavaScript 或 Typescript
• WordPress 基础知识
• 了解一些 JS 框架（例如 Vue.js、Nuxt.js）
• SEO优化的基本理解
• 了解 Git 的使用知识
• 了解如何使用 CSS 预处理器 - Less 或 Sass

作为前端开发人员，您需要在网络上做的基本事情

• 设置SEO优化
• 启用 Google Analytics（分析）
• 打开 Google Search Console
• 打开网站地图
• 如果网站有表格，请启用 REcaptcha
• 设置错误页面
• 设置网站图标
• 设置开放图形图像
• 对图像进行延迟加载以减少初始加载

总结一下

随着时间的推移，我意识到，我们知道的越多，就越清楚自己还有很多东西要学。知道自己有多少未知，这恰恰表明你已经掌握了很多。
你必须致力于最终目标，这是在遇到困难或棘手时指引你前进的关键。最重要的是学会像程序员一样思考。一旦你完全掌握了一门编程语言，你就可以轻松地切换到新的语言。

只要您愿意投入时间学习开发人员所需的技能，您就会比其他人拥有巨大的优势，所以如果您还没有开始做新的事情，那么现在是时候去做了。

继续学习！

劳埃德银行欢迎合作伙伴，并接受新项目。如果您想了解更多关于我们的信息，请点击此处。
也别忘了在Instagram和Facebook上关注我们！