创建一个不仅较小的侧面项目:从计划发布
#javascript #网络开发人员 #教程 #svelte

你好呀!

此处的这篇文章是在尝试创建和发布侧面项目的想法时(与您一起)我的思考过程。尝试解决创作过程的混乱并为任何项目稳定结构化过程,这一点非常重要。阅读了我对此的想法后,请随时参与讨论并评论下面的内容ð

如果您只想检查项目所做的内容,则可以检查here

第一步:主意

Image description

这是你们中的许多人可能遭受很多苦难的地方。我认为我们可以将一般编程的公众分为两个部分:越有创造力的部分,通常的务实的人,通常,更务实的人会遇到一个想法,而创造力的人会很难将其从纸上拿出来。

我对此的方法通常是考虑到影响我每天的问题,所有这些问题都需要解决方案并为您解决问题,您也可以帮助他人解决相同的问题!采取爱好中存在的问题或试图为您所知道的人们的问题创建解决方案,这可能是使您开始思考的好方法。

这里最重要的提示只是开始创建。有时,我们花了很多时间思考一个完美的想法,以至于我们最终不会创造任何东西。永远记住:不完美胜于不存在。

第二步:计划

Image description
定义了iDeia后,您应该在代码之前进行计划(有时,当项目真的非常小时,您可以跳过并直接转到代码,但是要当心,如果您在不应该的情况下跳过此步骤,则可以进行稍后再咬你)。

计划阶段很简单,获得了一个免费的工具,例如Figmadraw.io,然后将您的想法放在白色的画布中。如果没有太多意义,请不要担心太多,此步骤的整个想法就是实现这一目标。

绘制流量,数据库,页面,开始创建并且不怕犯一些错误。不要忘记看一下references,它们可以给您带来很多灵感!

第三步:改进

Image description
创建草稿后,是时候创建项目原型的权威版本了。定义一个范围并收集您认为它在该范围内有用的所有内容,完善流量以拥有良好的UX-即使使用小型项目也很重要(有时,作为开发人员,我们可以忽略应用程序的经验,但是,每当您需要向某人展示此项目时,将要评估的UX)。

由于UX确实很重要,因此请收集此Laws of UX并尝试创建一个良好的一致设计。
如果您要创建的项目不包括前端,而UX并不是问题,那么这并不意味着您可以以最混乱的方式创建。每当您创建一些东西时,花一些时间来提高技能并学习新事物,单位和E2E测试,设计模式和建筑模式都会有很大的不同,并且可以非常有趣(您可以检查here以了解更多信息以了解更多信息)

第四步:代码

Image description
代码直到完成或对结果感到满意为止(永远记住,您可以在另一天完成该项目)

第五步:发行

Image description

完成了产品的第一个版本后,制定发布计划!您要在哪里讨论它?永远不要低估有机转化的力量,即使您不希望您也可以看到您的项目。

考虑指标,这些指标将收集良好的见解,以便以后为产品创建更多东西,并使用umami或其他分析服务跟踪它们。

实际情况:

  • 问题:我真的不喜欢在Warframe Wiki(我喜欢的游戏)中搜索特定物品的经验。我想在搜索物品以及在哪里获取物品时拥有更好的经验。

  • IDEA :创建一个网站,该网站可以从Warframe的项目API中获取数据,并会为希望获得它们的用户提供信息(例如价格价值,下降位置和这样的事情)。

  • 计划:开始绘制draw.io中的流程,直到看起来很不错。

Draw plan

之后,开始使用Skeleton UI的UI组件来玩耍,直到我对它的外观感到满意为止。

The final page

  • 改进:我定义了更雄心勃勃的范围,同时开始研究如何从API中获得东西。之后,整个项目已经有点结构化了,我们可以开始编码Real

- **代码**:决定使用Svelte和Sveltekit(因为我正在学习两个)并开始编码!创建了一个git回购,初始化了开发环境并创建了我之前计划的事情。

  • 版本:期望将其发布在Reddit Warframe社区中,看看我得到了什么样的反应!庞大的视图和大多数可视化的页面是足够有趣的数据,可以跟踪。

post
Reddit post

统计数据:
Visitors

Countries that were reached

现在,我将其发布在这里(可能会更新此信息以反映其他开发人员对帖子的反应!

感谢您的阅读!您可以看到该项目现场here