给 Web 开发者新手的 9 个实用技巧

GenAI LIVE! | 2025年6月4日

这是一位曾经也是初学者的开发人员为初学者列出的 9 条实用技巧。

这篇文章实际上是我之前在我的博客上发表的原始文章的转发。

如今，关于如何开启开发者职业生涯的信息已经非常丰富。在本文中，我只想分享一些我自己在学习过程中发现的实用技巧。

我希望有人会发现它有用并且学到一些新的东西。

1. 编码课程/学校；
2. 在线编码课程/学校；
3. 资源/学习材料；
4. 代码编辑器；
5. 命令行/终端；
6. 在线工具/服务；
7. 浏览器开发工具；
8. 本地服务器；
9. 社交媒体。

编码课程/学校

在我看来，这是最好的开始。我自学了一段时间后，就报考了当地的一所编程学校。

与所有其他方法相比，其主要优势在于您可以获得真实的生活体验和老师的指导。

您可以在研讨会期间随时提出问题、参与讨论、向其他学生学习并分享经验。

老师不仅会教你基础知识，还会给你宝贵的提示和建议，教你如何提高自己，分享自己的经验，讲述现实生活中的故事。

总的来说，如果有机会，我强烈建议您从参加真实的开发课程开始。

在线编码课程/学校

在学习期间，我也参加了一些在线课程。实际上，我到现在还在这样做。

它的酷之处在于，与现实生活中的编码课程/学校不同，后者很可能有固定的学习时间和地点，而您可以随时随地参加。

此外，您还可以随着时间的推移重新观看视频或进行练习。

在线课程往往会不断更新学习材料，因此您将始终了解新技术和实践。

大多数在线课程都有在线社区，学生可以在那里分享经验并提出问题。

资源/学习资料

如果你没有参加任何课程/学校，有很多方法可以在网上获取信息。如今，你几乎可以找到任何主题的海量信息。

根据我自己的经验，我使用并推荐的是：

• MDN——一直以来我最喜欢并且至今仍参考的终极资源（他们为初学者提供教程）；
• 我可以使用- 主要用于检查浏览器兼容性；
• StackOverflow - 针对自定义案例询问/搜索问题，但请注意，某些答案可能不适合或不太准确。

我并不每天使用但值得一提的资源：

• htmlreference.io——所有 HTML 标签和属性的列表；
• cssreference.io——所有 CSS 属性的列表；
• ECMAScript 6 功能- ES6 功能和示例；
• youmightnotneedjquery - 尽可能考虑使用 Vanilla JS 而不是 jQuery。

最后是 YouTube。想要快速了解或观看教程，YouTube 是最佳选择。那里有很多有趣又实用的视频。

代码编辑器

您将要编写大量代码，因此一个合适的代码编辑器必不可少。代码编辑器在您编写代码时起着至关重要的作用。它可以帮助您轻松导航和编辑代码，从而简化您的开发人员工作。

我试过不少，每个都有各自的优缺点。但我现在不打算比较，因为这篇文章不是讨论这个的。我只想列出我最喜欢的几个（它们都是免费的）。

• 原子；
• 崇高的文本；
• Visual Studio 代码；
• 括号。

有很多比较代码编辑器的文章，我鼓励你阅读它们，但我建议你尽可能多地尝试它们，随着时间的推移，你会找到你最喜欢的。

命令行/终端

除了 Web 开发技术之外，命令行经验对于现代开发人员来说也是必不可少的。

许多工作将依赖于命令行（例如git），并且某些技术要求您具备命令行知识。

如果你还不熟悉命令行，别害怕，其实没那么难。慢慢练习，看看教程，看看一些视频讲解，其实有很多可用的。

你需要记住的命令大概只有 10 条。其他的都可以用 Google 来操作。;)

在线工具/服务

Github和Codepen等服务不仅可以帮助您成为一名 Web 开发人员，而且如果您愿意，还可以作为您自己的名片或作品集。

借助这些服务，您可以：

• 与他人分享您自己的代码和项目；
• 查看其他人的代码和项目（并向他们学习）；
• 与其他开发人员合作；
• 参与讨论；
• 审查你的代码；
• 获得灵感；
• 激励他人；
• 提高你的创造力；
• 为开源社区做出贡献。

获得一个Github帐户是一个好的开始，你可以：

• 了解什么是版本控制；
• 了解有关命令行的更多信息；
• 熟悉最受开发人员欢迎的服务之一。

浏览器开发工具

成为一名 Web 开发者不仅仅要编写代码或使用命令行，还要进行调试！也就是说，你应该熟练使用浏览器的 Dev Tool 或 Developer Tools。

您可以先在浏览器中打开开发工具，然后开始单击并探索。

使用开发工具您可以：

• 检查和编辑 DOM 元素；
• 检查和编辑元素样式；
• 从控制台查看消息并运行 JavaScript；
• 调试 JavaScript；
• 查看和调试网络活动。

这只是您可以做的一些事情，还可以做更多。

每个浏览器的开发工具都有各自的特点，但大多数情况下都是一样的。我最喜欢的浏览器是 Chrome。在我看来， Chrome 的
开发工具非常棒，而且会持续更新和维护，并且有完整的开发工具文档。

本地服务器

在浏览器中本地测试代码是一种常见的做法。但我强烈建议你安装一个本地服务器以便进行测试。

你将体验到你的代码在接近真实环境的实际运行情况。
你需要一个本地服务器：

• 用于测试目的；
• 进行 AJAX 调用；
• 如果您打算学习任何服务器端语言。

一些最受欢迎的本地服务器：

• MAMP（Mac 和 Widows）；
• XAMPP（Mac、Windows、Linux）。

社交媒体

成为一名开发者也意味着你需要不断学习和提升自己。因此，我最后的建议是：注册一个 Twitter 账号，关注开发者、软件公司/博客/群组/社区。这是一个轻松掌握最新技术和趋势的方法。

永不停止学习。