分享

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服

 汪子熙 2024-04-11 发布于上海

微软 Bing 搜索引擎,搜索关键字 初中生 win12,能找到一个 github 仓库,地址如下:https://github.com/tjy-gitnub/win12

这个代码仓库一度冲上了 GitHub 的 Trending 热榜,目前已经获得了 6100 多个 stars.

作者没有使用任何诸如 Angular,React 和 Vue 等前端开发框架,而是纯 HTML 加上 JavaScript 编程,对照着前段时间微软发布的  Windows 12 概念版(Powered by PowerPoint),在浏览器里以网页版的形式实现了出来。

这个 Github 仓库有何特别之处?

第一,就是其作者的身份。根据 Github 仓库上公开的信息,提交代码量排名前三的开发者,依次是 Github id 为 tjy-gitnub初三学生,id 为 NB-group小学六年级学生,和 id 为 User782Tec初一学生。

是的,你没看错。

查看 tjy-gitnub 在 Github 上的账号得知,这位同学名叫谭景元,他左下角的个人介绍很有意思,看得我一头雾水,为了避免被 he xie,我也不敢把文字贴出来。

他还专门强调自己的账号是 tjy-gitnub 而不是 tjy-github, 这背后或许有什么梗,我就无从得知了。

谭同学的个人主页地址:https://tjy-gitnub./

一看就是通过 Github Pages 托管的,首页如下:

内容采取 Scroll Down 的方式进行 Lazy Load:星源的网站。背景图片和“星源”二字倒是很契合。

关键字:成都七中,CSP普及组一等奖,蓝桥杯国赛三等奖

CSP 是面向社会非专业人士推出非专业级别的能力认证,考核内容均涉及算法和编程。

蓝桥杯国赛全称蓝桥杯全国软件和信息技术专业人才大赛,是由工业和信息化部人才交流中心举办的国内最大的信息技术竞赛。

谭同学兴趣爱好还挺广泛的,比如擅长写作业  

当我继续往下滑动屏幕,看到谭同学提到自己精通各种语言时,我不禁微微一笑,少年人有如此傲气丝毫不奇怪。我原来大学毕业找工作时,也敢厚着脸皮在简历上写着精通 C++ 编程

但当编程语言这个区域的界面渲染完毕之后,我发现谭同学又很谦虚地把 Python 和 JavaScript 这些上手容易精通难的编程语言的技能熟练度,绘制成低于 50%.

好一个机智谦虚的少年!

另外谭同学的 Scratch,想必已经到出神入化的程度了。

再看 contributors 排名第二位 NB-Group,这位小学六年级的开发者。嗯,今年应该已经初一了吧。

梁同学的项目经验,好卷啊

  • 基于 LLM,语言识别,语音克隆的流浪地球 MOSS 完美还原项目

  • 基于计算机视觉的学生上课行为实时采集分析系统

  • Windows 12 团队核心成员

  • 开发 NB 系列软件

  • 参与上海知至恒信息技术有限公司交易警报系统的开发

又双叒叕是一个学霸。

梁同学发布在 Github 上的 NB 系列软件的源代码。啊,原来 NB 前缀出处在此。

限于篇幅,这里不再八卦这些少年开发者们了,大家感兴趣的到这些同学的个人主页上继续查看。

回到正题,说说他们的 Win 12 网页版项目吧。在线演示地址:https://tjy-gitnub./win12/desktop.html

登录界面:

登录之后:

双击我的电脑:

进入 C 盘,新建一个文件夹:

新建一个文本文件:

可以进行文本文件的编辑:

试试网页版的 Microsoft Edge:

设置界面:

连蓝屏界面都模拟实现了:

Win 12 网页版的技术实现

可以看出这些同学们实现的网页版 Windows UI 效果,视觉上还是非常精美的。我把源代码克隆下来大致阅读了一遍。

整个桌面效果实现的代码,编写在一个巨大的 desktop.html 里,界面和动画特效都采用 css 完成。前端代码没有采用 Angular,Vue 和 React 等框架,仅仅用了 jQuery 来减少一些 DOM 操作的体力活。

看到代码注释里真正的 SEO 强者,是不会用 Keywords 的,我不禁对着电脑屏幕微笑。我也是一个小学生的父亲, 这个梗我是 get 到了。

从源代码不难看出,这些少年开发者们无疑是对计算机编程有着浓厚的兴趣的,愿意牺牲一部分玩和平精英的业余时间投入到这个项目上来。从他们编写的源代码里面,也能读出他们对于前端开发,也有一些自己的理解。

我相信他们一定已经从开发过程中,享受到了编程那纯粹的快乐,也收获了满满的成就感。当然,他们在这一领域的水平,也超过了很多的同龄人。

该项目的未来

Github 的 readme.md 里罗列了一些谭同学对 Win 12 网页版的前景规划,比如建立自己的可执行文件机制,将 .exe 文件转化并执行,设置封装成独立的操作系统,适配量子计算机等等。

可惜谭同学在随后的公告里提出,后续的项目维护被迫只能移交给项目组其他成员了,原因是摆在所有成都初中生都要面临的一道坎:成都中考

谭同学真的是一个内心细腻的开发者,他的中文更新提到,自己的中考志向是七中林荫,英文描述则写成了 do something almost impossible.

七中林荫这四个字意味着什么,相信每一位成都家长心里都有数,当然也包括我在内。

对于这个项目,网络上也存在一些质疑的声音,我罗列了一下:

  • 这个是从一个 web 版的 win11 改过来的,换了 UI 而已

  • 跟家长一起完成的,但署了他的名

  • 高保真还原能力,不可能由一个孩子解决

  • 谁会精通 scratch 啊

  • 这玩意本来就没啥技术含量,也就外行看着兴奋

  • 类似 win11 的前端项目有很多,随便魔改一下就是 win12

  • 这玩意本来就没啥技术含量,也就外行看着兴奋

  • 看看就行了,工作量不是一个小朋友能搞定的

  • 谨慎怀疑。不怀疑 14 岁能不能达到这个能力,怀疑 14 岁有没有这个时间精力

我有些奇怪,为什么键盘侠和喷子们无处不在呢?在网络上和这些 losers 哪怕讨论一分钟的时间,我觉得都是一种浪费生命的行为。直接无视。

幸好还有我们的梁同学,正是血气方刚的年龄,对于这种脑残评论,直接毫不客气的啪啪打脸,看得我拍手称快。

当然也有朋友认真发表了看法,我也认真阅读了他的看法:

这位朋友的建议或许是正确的吧,他的出发点或许是“如何开发出一个真正有用的项目”。但我觉得只要孩子们在开发这个项目中觉得开心,那这也能算一个有用的项目。

退一万步说,就算用到的只是在一些前端专家眼中不值一提的技术,但至少也学会了如何利用 Github,同来自祖国各地志同道合的其他少年开发者们,共同协作开发一个项目,这种体验可不是目前国内的中学生随随便便就能拥有的。

要是我儿子和他同学搞了一个类似的项目的话,我不会过早地告诉他“你应该这样做,你不应该那样做”,而是让他们随心所欲,想怎么玩就怎么玩,充分享受编程本身纯粹的快乐。因为我不希望孩子们还在初中的时候,就过早地被前端工程化的各种枷锁封闭住他们的思维——这些东西留到他们大学或者工作时再去弄吧。

如果有一天我有机会同谭同学和梁同学见面,我想对他们说,“你们能不能别这么卷?你们这么卷,让我这种 40 多岁的叔叔级程序员,心里好慌

最后祝这些可爱的少年开发者们能够学业有成,也祝愿谭同学在今年的中考里金榜题名,考上自己梦想中的学校。

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多