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

这篇具有很好参考价值的文章主要介绍了一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript
这个代码仓库一度冲上了 GitHub 的 Trending 热榜,目前已经获得了 6100 多个 stars.

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript
这个开源项目,作者没有使用任何诸如 Angular,React 和 Vue 等前端开发框架,而是纯 HTML 加上 JavaScript 编程,对照着前段时间微软发布的 Windows 12 概念版(Powered by PowerPoint),在浏览器里以网页版的形式实现了出来。

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

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

是的,你没看错。
一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript
查看 tjy-gitnub 在 Github 上的账号得知,这位同学名叫谭景元,他左下角的个人介绍很有意思,看得我一头雾水,为了避免被 he xie,我也不敢把文字贴出来。

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

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

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

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

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

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

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

关键字:成都七中,CSP普及组一等奖,蓝桥杯国赛三等奖。
一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

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

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

好一个机智的少年!

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

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

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

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

  • 基于 LLM,语言识别,语音克隆的流浪地球 MOSS 完美还原项目
  • 基于计算机视觉的学生上课行为实时采集分析系统
  • Windows 12 团队核心成员
  • 开发 NB 系列软件
  • 参与上海知至恒信息技术有限公司交易警报系统的开发

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

又双叒叕是一个学霸。
一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

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

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

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

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

登录界面:

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

登录之后:

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

双击我的电脑:
一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

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

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

新建一个文本文件:
一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

可以进行文本文件的编辑:
一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

试试网页版的 Microsoft Edge:

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

设置界面:
一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

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

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

Win 12 的技术实现

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

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

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

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

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

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

该项目的未来

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

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

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

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

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

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

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

  • 这个是从一个 web 版的 win11 改过来的,换了 UI 而已
  • 跟家长一起完成的,但署了他的名
  • 高保真还原能力,不可能由一个孩子解决
  • 谁会精通 scratch 啊
  • 这玩意本来就没啥技术含量,也就外行看着兴奋
  • 类似 win11 的前端项目有很多,随便魔改一下就是 win12
  • 这玩意本来就没啥技术含量,也就外行看着兴奋
  • 看看就行了,工作量不是一个小朋友能搞定的
  • 谨慎怀疑。不怀疑 14 岁能不能达到这个能力,怀疑 14 岁有没有这个时间精力

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

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

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

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

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

这位朋友的建议或许是正确的吧,他的出发点或许是“如何开发出一个真正有用的项目”。但我觉得只要孩子们在开发这个项目中觉得开心,那这也能算一个有用的项目。退一万步说,就算用到的只是在一些前端专家眼中不值一提的技术,但至少也学会了如何利用 Github,同来自祖国各地志同道合的其他少年开发者们,共同协作开发一个项目,这种体验可不是目前国内的中学生随随便便就能拥有的。

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

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

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

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript

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

一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服,前端开发相关,ui,程序员,学生,windows,JavaScript文章来源地址https://www.toymoban.com/news/detail-854921.html

到了这里,关于一个成都七中的初中生,出于兴趣爱好实现的 Win12 UI 页面效果,佩服佩服的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • VueHub:我用 ChatGPT 开发的第一个项目,送给所有 Vue 爱好者

    大家好,我是DOM哥。 我用 ChatGPT 开发了一个 Vue 的资源导航网站。 不管你是资深 Vue 用户,还是刚入门想学习 Vue 的小白,这个网站都能帮助到你。 网站地址:https://dombro.site/vue#/vue 纯净模式:https://dombro.site/spa/#/vue 项目托管在 GitHub,访问不了的可以私信我哟,包教包会 Vu

    2023年04月27日
    浏览(45)
  • 如何在微信小程序中生成二维码:一个最简单的案例就让你明白

    使用weapp.qrcode.js 在 微信小程序 中,快速生成二维码     下载weapp-qrcode代码 然后 将 dist 目录下的weapp.qrcode.esm.js 复制到项目目录中(这里是utils目录下) 1、小程序wxml文件 创建 canvas,并定义好 width, height, canvasId 2、小程序js代码 非常简单的案例,onLoad函数直接生成二维码 运

    2024年02月12日
    浏览(56)
  • Stable Diffusion:使用Lora用二十张图片训了一个简易版薇尔莉特头像生成器(不作商用,纯纯个人兴趣,狗头保命)

    同上一篇博客,云平台:CPU 1核,GPU 0.5卡,内存 20G;python版本:3.10 准备两个Terminal页面备用,一个打开上一篇博客已经装好的SD WebUI,一个我们安装训练图形化界面kohya_ss,都启动虚拟环境py310。 网络上的建议: 至少15张图片,每张图片的训练步数不少于100。 照片人像要求多

    2024年02月06日
    浏览(36)
  • 出于网络安全考虑,印度启用本土操作系统”玛雅“取代Windows

    据《印度教徒报》报道,印度将放弃微软系统,选择新的操作系统和端点检测与保护系统。 备受期待的 \\\"玛雅操作系统 \\\"将很快用于印度国防部的数字领域,而新的端点检测和保护系统 \\\"Chakravyuh \\\"也将一起面世。 不过,印度国防部尚未证实此事,也未发布官方消息。 由于微软

    2024年02月13日
    浏览(43)
  • 智能算法挑战赛决赛题目——初中组

    从 m 个字符中选取字符,生成 n 个符号的序列,使得其中没有 2 个相邻的子序列相同。如从 1,2,3,生成长度为 5 的序列,序列“12321”是合格的,而“12323”和“12123”是不合格。问:已知 m 和 n 都是小于等于 10 的数字,求 m 个不同字符,组成长度n 的序列中,无 2 个相邻相

    2024年02月11日
    浏览(47)
  • 【Unity】2D平台游戏初中级教程-笔记补充

    由于代码真的是太多,又被作者重构多次,各位可以根据下面的链接和文章有需自取。 链接地址 油管主( 作者 ):Barden 原视频连接 https://www.youtube.com/watch?v=Pux1GlFwKPslist=PLy78FINcVmjA0zDBhLuLNL1Jo6xNMMq-Windex=1 原视频简介: Discord Server: https://discord.gg/uHQrf7K Assets: https://drive.google.co

    2024年02月11日
    浏览(44)
  • Python 利用Matplotlib制作初中时圆规画的图

    大家在初中时,开始学习圆相关的知识,涉及圆的半径、周长、面积 等等,那会每位同学基本都会买一套圆规、三角板,来辅助学习和做作业使用,这些学习工具在闲暇时光也被用来玩耍,偶然间就拿着圆规在纸上画了这么一个图形,所有的圆心在同一个圆上,该图形一直记

    2024年02月11日
    浏览(37)
  • “青科赛“AI_程序算法 初中组C++ 20230528

    刚刚考完的\\\"青科赛\\\"——AI_程序算法 初中组C++ 20230528 这套试题适合大多数非信奥选手的学生练习,难度适中,题量也不算过多。同时,对于准备参加信奥竞赛的学生来说,这套试题也是一些很好的练手题目。因此,将其作为预备信奥的练手题目是非常不错的选择。 T1. 三角形

    2024年02月07日
    浏览(55)
  • JavaFX爱好者看过来,这款工具值得拥有

           各位CSDN的博友们,随着各地政策的放开,大伙现在是在水深火热当中呢?还是天选打工人-安然无羊。在这里,希望阳了的朋友,赶紧恢复健康,早日康复。希望没有阳的朋友们,继续坚持,万一要阳,也一定要做一直美羊羊。       之前因为工作需要,看了一些J

    2023年04月20日
    浏览(50)
  • 近2万初中作文范例大全ACCESS\EXCEL数据库

    这是从互联网上搜集的各种初中语文作文20000篇,经过完美的格式内容整理,包含大量《中考满分作文》及《中考作文指导》资料,数据库按年级和分类可以快速的为初中作文提供最齐全的参考。 年级包含:初中二年级(2377)、初中三年级(1988)、初中一年级(15465)。分类包含:读

    2024年02月06日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包