如何提升你的前端技能：从入门到高手的七个建议

2017年，我构建任何前端项目都非常难。

我自信满满地跟着教程学习，却在独立尝试构建时发现自己卡住了。

快进到如今：现在我是 Palantir 的 资深前端工程师。

这篇文章，我分享了七个实用的小贴士，帮助初级前端开发者成长。

技巧 1：打好坚实的基础

没有扎实的基础，你就永远不可能成为一名高级前端开发者。

每一种前端技术都是建立在这些基础知识之上的。

没有了它们，就更难做到以下几点：

• 弄清楚框架和库解决了哪些问题

  调试你的代码有效

构建这些基础知识其实没那么难。这里有一些资源可供参考。

• MDN 课程: 沉实的网页基础知识入门

• FrontendMasters 免费训练营: 一个很好的开始点，包含实战演练

• JavaScript Info: 掌握强大的JavaScript技能对于学习React这类库是必不可少的.

（分割线）

小贴士2：多练习

你可以看遍所有教程并买遍所有编程书，但你不会真正精通，直到你开始在实际项目上动手。

建设项目有多个好处：

经历困难后，你会记得更牢。

• 你在实际情境中检验你的技能

  你开始发现一些常见的模式和解决方法

  你通过解决实际问题来证明你真的懂了

我推荐这些练习资源，用于练习：

• Frontend Mentor: 在各个级别上的项目实践

• 前端实践, 模仿真实公司的网站.

• 前端开发项目 各级别项目实战

• JavaScript Mastery: YouTube频道，通过项目驱动来精通网页开发

小贴士 3：获取代码审查

写出能“工作”的代码其实很简单。

但是 写可维护的代码才是真正的大挑战。

所以尽快让别人看看你的代码并指出错误。

这里是如何根据不同情况获取代码审阅的指南：

• 情况一：有队友，

保持代码简短，然后请求别人来检查。避免提交太大的拉取请求，这会让检查的人感到难以应付。

• 情况2：你一个人

自己写的代码回头再看，效果可能会让你惊讶。过几周再看，你会用全新的视角来审视它。

• 情况3：你失业了啊

你可以在 Reddit 或类似社区寻求反馈，也可以直接联系我获取免费反馈。

💡 回复此邮件以免费获得代码审查。

提示 4：阅读别人写的代码

看别人的代码是我提高自己最好的方法之一。

你在审查别人的代码时：

• 检查代码是否遵循编程规范。
• 查找代码中的逻辑错误和潜在漏洞。
• 保证代码易于阅读和维护。

• 给出改进和优化的建议。

• 学习新招数和窍门

• 注意到有的模式可能有点难读

• 多为读你代码的人着想

进行代码审查作为初级开发人员这样做正常吗？

根本不！

哪怕你是编程新手，你也可以问问自己：“这段代码是否容易理解？”如果不的话，作者可能需要添加注释或者简化.

怎么找到审查的代码：

• 情况一：你有份工作

尽可能地审查代码。如果你的团队没有正式的代码审查流程，还是要查看代码并记下自己的见解。

• 情况2：你现在没工作了

Reddit和GitHub是找代码进行审查的好地方。

💡 看来看看这些大型生产级 React 应用程序示例实例。

了解最佳实践的一些小技巧

学习永远在路上。

了解最佳实践能帮助你写出更易维护和扩展的代码。

以下是我的推荐：

• 网站有：

• CSS: Josh Comeau（CSS 和 React），Ahmad Shadeed（CSS），Kevin Powell（还有 CSS）
• React: Epic React
• TypeScript: Total TypeScript

• 设计模式: Refactoring Guru，patterns.dev

• 书籍：

• 编程: 务实程序员, 干净代码 (查看这里的JS版本在这里 → Clean Code JavaScript )
• React: React高级
• TypeScript: 有效的TypeScript, TypeScript编程

技巧 6：先掌握 1-2 种工具，然后再尝试其他工具

别这样，这周用 React，下周换 Vue，再下下周又换 Node.js。

这条路通向失败，意味着你无法掌握。

没有扎实的知识，你就有可能被人工智能取代。

我给你推荐这个：

1. 选择一个重点（前端后端）

   选择一个框架，比如 React、Vue 或 Svelte 等

   坚持下去，直到你能自信地完成自己的项目。

只有到了那时，开始试试其他工具吧。

提示 7：指导新手开发者

指导新手开发人员可以让你的技能更上一层楼。

实际上，导师的帮助让我受益，

• 通过解释来加深理解

• 增强了自信，因为我发现我懂得的比我想象中要多

如何找到可以指导的初级前端开发人员

找找半年前你所在的地方现在的人，帮他们一把。

Reddit上的社区，比如r/FreeCodeCamp、r/learnjavascript和r/learnreactjs是开始学习的好起点。

这里有一个分隔符哦！

简述

成为一名出色的前端开发者并不需要天生的才华或多年的练习经验。

你只需要做以下事情：

1. 打下坚实的基础

   多练习你学的

2. 尽可能多地让别人审查你的代码。

3. 阅读他人的代码并进行审阅

4. 不断学习业内最佳做法

5. 首先掌握1-2项技术，然后再学习其他技术

6. 提携晚辈

就这样吧。

需要任何建议，可以私聊我哦，或者在X。

💡 这一周我的小建议是：

🐞 挑出这段代码的问题

这就完了 🎉.

留下你的评论 📩，分享你最喜欢的小窍门（或分享一个新的）。

别忘了给个"💖🦄🔥"。

如果你在学 React，可以完全免费下载我的《React 101 技巧与诀窍》电子书（点击这里下载免费电子书）。

如果你喜欢这类文章，订阅我的免费的通讯订阅FrontendJoy（https://frontendjoy.com/）。

如果你想每天获取小技巧，可以在我X/Twitter上找我。