你绝对想不到，我们的第1个原创项目，竟简陋如斯！

在思考我们的第一个原创项目的时候，有点为难。我们要不要搞一个王炸，搞个完整的独立项目呢？

但是我转念一想，这对于新人来说是不合理的，一上来就是完整的项目太复杂了，已经远远超纲了。

所以，即使我们有很多想法，但我们还是按捺住自己的冲动，踏踏实实地做一个适合前端初学者的第一个实践练习项目。

所有前端同学首先学习的都是 HTML，因此，我们的第一个原创项目就是让大家练习 HTML。

很多前端（我敢说大部分）都是 div boy，他们都没有理解 HTML 的精髓，所以才会忽视 HTML。

我们的项目希望你可以抛弃花里胡哨的 CSS 和 JS，把你的注意力放在内容上面。

内容才是一个产品最核心的价值和基础。

我们的项目(戳此查看项目介绍)是让你实现一个网页，用来介绍自己。

当你加入之道前端自学圈子(戳此加入)时，你会如何介绍自己呢？你会说些什么，才能让大家尽快认识你，并邀请你成为他们的学习搭子呢？

就像你参加一些活动，需要给第一次见面的朋友介绍自己的时候，你会如何介绍自己呢？

你会不会苦恼不知道如何介绍自己呢？你有没有曾经感到遗憾，因为自己没有提前准备好，在临时的自我介绍时没有充分介绍自己的特色，而错失机会呢？

不用慌，我们的 s1 阶段的项目题目 中，给你提供了一些思考的方向，让你尽可能地挖掘自己的内容。

在做我们的项目时，除了练习 html 之外，还是一次自我梳理的机会，相信你肯定会有收获的。

我们每个项目都会提供官方的参考例子，如果感兴趣，你也可以查看我们之道前端的自我介绍页。

本项目适合的同学

• 处于 L0&L1 水平的、刚开始自学前端的同学
• 没有深入理解 HTML 语义化，想要再复习一下 HTML 的同学

你应该如何练习我们的项目？

因为这是我们的第一个原创项目，所以我有必要给你介绍一下，怎样练习我们的项目，才能达到最好的效果。

先学再练

我知道有些同学是行动派，喜欢二话不说，上来就干。

但我还是建议你先按照学习路线来学习。

我们的原创项目也会出现在学习路线中，希望你按照顺序，确保这个原创项目之前的所有知识点都学过之后，再来练习我们的项目。

这样才能通过实践来理解之前学习的内容。否则，就会知其然不知其所以然。

要让自己的作品上线

不管是大项目还是小项目，我们都希望你可以把每一个项目当做一个产品来对待，这是属于你自己的作品。

只有我们的代码部署到线上，才是一个完整的作品，否则它只是一个半成品，这会非常遗憾。

当你能从线上的 url 访问到自己的作品时，这种感觉是完全不同的，你会产生满足感和成就感。

这些都非常重要，因为有了满足感和成就感，才能作为正反馈，激励你继续学习和成长。

使用我们的脚手架工具

要做一个项目是非常麻烦的，有很多零碎的事情要做，比如：

• 要先创建一个项目框架，把题目需要的资料、初始代码准备好。
• 要搭建适合的开发环境，这样才能让自己开发起来更加舒服，效率更高。这样的开发体验才会让自己喜欢上编程，否则估计用不了多久就会弃坑了。
• 当我们的代码调试完成之后，我们还要需要部署项目，让自己的作品上线，这也有很多工作要做。

这些事情对于自学前端的新人来说，有两大核心问题：

• 这些主要涉及工程化的内容，大多数新人还不了解这块，根本做不了。
• 这些事情跟我们的项目和代码都没太大的关系，所有项目可能都需要做这些事情，我们不应该浪费太多的精力在这些事情上。

我们应该要更加专注于项目练习上，让自己专注于编码实践，其他不重要的事情，由我们帮你做。

因此，我们提供了之道前端原创项目的脚手架配套工具，来解决这个问题，让你可以只关心原创项目的实践内容，专注于学习和成长。

主动寻找反馈

之前给大家介绍过自学前端的正确姿势，主动寻求反馈是非常重要的一环。

因此，我们强烈建议，每一次完成原创项目实践之后，一定要主动寻找反馈。

我们有以下几个推荐的寻求反馈的渠道：

• 可以有选择地阅读我们的参考答案源码
• 在之道前端学习圈中提交你的作业，让你的同学体验你的作品，给你反馈
• 在之道前端学习圈中找官方或专业嘉宾寻求专业的反馈指导

好了，这就是之道前端的第一个原创项目，看起来非常简陋，但却一点都不简单！

只要你跟着之道前端的学习路线来学习和练习项目，一定能比别人学得更快，知识学得更加牢固！

----------------【END】----------------

如果你是真心喜欢前端，并相信成长，想要提升自己的话，欢迎加入之道前端学习圈子。

戳这里 免费获取 之道前端的学习资料和专属服务。