姑苏寻韵~庆开放原子开源大赛 OpenTiny 前端 Web 应用开发挑战赛路演圆满落幕。

本文主要是介绍姑苏寻韵~庆开放原子开源大赛 OpenTiny 前端 Web 应用开发挑战赛路演圆满落幕。,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

春日已至,姑苏古城迎来了一场编程的盛宴——开放原子开源大赛OpenTiny前端Web应用开发挑战赛。历时三个月的激烈角逐,OpenTiny与众多开发者携手共赴这场智慧的较量。决赛路演于4月14日在苏州(太湖)产业软件园圆满落下帷幕~

开放原子开源大赛由工业和信息化部、江苏省人民政府、湖南省人民政府主办,开放原子开源基金会、央视网、江苏省工业和信息化厅、无锡市人民政府、江苏软件产业人才发展基金会、苏州工业园区、无锡高新区、OpenTiny开源社区等单位承办,以“软件定义世界 开源共筑未来”为主题,不设门槛不限行业,致力于聚焦国家战略和产业亟需、鼓励用“硬科技”解决“真问题”,是一场高规格高站位的开源领域技术竞技类比赛。

在这里插入图片描述

本次 OpenTiny 前端 Web 应用开发挑战赛围绕 OpenTiny 的TinyVue 组件库赛题及TinyEngine 低代码引擎赛题的相关任务进行评比,旨在让开发者基于组件库或低代码引擎进行应用生态开发。通过 TinyVue 组件库跨技术栈的架构,复用无渲染层逻辑并使用插件将模板转化为对应技术栈的函数式组件,最终开发出 Solid、React、openInula 组件库。或通过使用TinyEngine 低代码引擎,开发出创新性的低代码相关应用或生态产品,推动低代码产品生态建设。

决赛采用“参赛选手路演展示”+“评委点评问答”模式展开,总体的指导思想为是否该作品可以对OpenTiny 开源社区的产品竞争力形成较大贡献。参赛选手们历经3个月的激烈比拼,约定在此一决高下!

在这里插入图片描述

直击现场

首先aring战队的赖锐锋主要讲述了如何搭建一套自定义组件物料模板,以基于Plyr库封装的音视频组件作为实例,从组件开发、组件文档、组件描述到产物构建,详细讲解了OpenTiny Engine自定义组件开发组件库的完整流程。

腾诚战队的周俊宇则讲述了如何将tiny-echarts图表及tiny-transitions过渡动画物料库导入在TinyEngine低代码引擎中,此物料库包含折线图、饼图、柱状图、缩放、弹跳、渐隐、飞入等多种入场和出场动画等多种元素图表并基于两者进行数据可视化大屏的创作。

在这里插入图片描述

接着巨蟹好好的徐战队的高翔同学通过路演展示了TinyEngine 低代码引擎适配ant-design-vue物料,通过编写脚本高效提取组件属性和描述,进而生成tiny-engine物料,确保物料库的精准与全面。

然后明志科技战队的刘明则展示了适配层和组件模板转换及开发工具链,实现从 TinyVue到TinyInula组件库的自动转换。

在这里插入图片描述

花岗岩小队战队的王士忠同学通过路演介绍了从人工智能发展史到人工智能发展当前的痛点,说明了使用 TinyEngine 低代码引擎完成的 dl-Flow 低代码平台的初衷,介绍了 dl-Flow 是一种拖拽式的线性网络搭建的 Web 应用程序,开发者可以使用该程序直观地搭建一个 paddlepaddle 的神经网络,并详细讲解了 dl-flow 的基本原理、困难点。

飞翔在天战队的张烟玲通过路演谈到了开发TinyReact 组件库的必要性,及核心技术原理,并展示了作品成果及未来期望。

在这里插入图片描述

dewhale 战队的余彦臻通过路演展示了如何用两个AI 插件降低TinyEngine低代码引擎的学习门坎,提升使用效率,以及完成一套AI+E2E驱动的TinyReact组件迁移工具。

巨沙战队的何修通过路演展示了借助前端工程化,通过编译的方式将 TinyVue 组件转化为 Solid 组件。使得 Solid 组件运行在 TinyVue 之上,发布为 Solid 组件。
在这里插入图片描述

专家点评

看过选手们精彩的演示,评审专家们也根据选手们展示的主题和内容,进行了有针对性的分析和评价,包含技术实现,创新点、应用场景、市场潜力等方面,对展示的内容进行了深入的剖析。其中,华为云前端Web框架技术专家莫春辉老师对TinyEngine 低代码引擎的AI插件的技术实现表示了肯定。腾讯技术专家艾瑞坤提到,选手利用TinyEngine 实现的神经网络的低代码平台,如果深入实现将是一个很有意义的项目。而华为云高级工程师曾令卡及郑志超老师对于选手如何利用TinyVue组件库的无渲染架构完成脚本转换并创建 TinyReact/TinySolid/TinyInula组件库的一整套技术方案实现比较感兴趣。同时华为云高级工程师伍其和及李旭宏老师对于选手们的作品创新性及作品适用的普适性也提出了自己的看法和见解。
在这里插入图片描述

现场采访

路演结束,分别邀请了本次大赛的前2名选手及我们的专家代表,进行了简短的采访。他们也提到了在参与比赛过程中遇到的难点,同时也表达了对OpenTiny开源社区的期望。
在这里插入图片描述

颁奖仪式

经过评委们的提问及打分,顺利评选出本次大赛的前8选手,华为云前端高级工程师曾令卡也为选手们分别颁发了一二三等奖,完赛之后选手们也提到感谢专家评委们的意见,后续会继续让作品更完整。也希望大家能在 OpenTiny 开源社区上一起发光发热。

  • 一等奖:dewhale
  • 二等奖:花岗岩小队、巨沙
  • 三等奖:腾诚、明志科技、巨蟹好好的徐、aring、飞翔在天

在这里插入图片描述

如今,这场大赛已圆满落幕,OpenTiny为每一位参与者的辛勤付出和卓越表现感到自豪。同时,也热切期待更多的开发者能加入到OpenTiny开源社区的建设中,共同书写前端技术的新篇章,共筑开源之梦!

关于 OpenTiny

在这里插入图片描述

OpenTiny 是一套企业级 Web 前端开发解决方案,提供跨端、跨框架、跨版本的 TinyVue 组件库,包含基于 Angular+TypeScript 的 TinyNG 组件库,拥有灵活扩展的低代码引擎 TinyEngine,具备主题配置系统TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具,可帮助开发者高效开发 Web 应用。


欢迎加入 OpenTiny 开源社区。添加微信小助手:opentiny-official 一起参与交流前端技术~更多视频内容也可关注B站、抖音、小红书、视频号
OpenTiny 也在持续招募贡献者,欢迎一起共建

OpenTiny 官网:https://opentiny.design/
OpenTiny 代码仓库:https://github.com/opentiny/
TinyVue 源码:https://github.com/opentiny/tiny-vue
TinyEngine 源码: https://github.com/opentiny/tiny-engine

欢迎进入代码仓库 Star🌟TinyEngine、TinyVue、TinyNG、TinyCLI~
如果你也想要共建,可以进入代码仓库,找到 good first issue标签,一起参与开源贡献~

这篇关于姑苏寻韵~庆开放原子开源大赛 OpenTiny 前端 Web 应用开发挑战赛路演圆满落幕。的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/922316

相关文章

vite搭建vue3项目的搭建步骤

《vite搭建vue3项目的搭建步骤》本文主要介绍了vite搭建vue3项目的搭建步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录1.确保Nodejs环境2.使用vite-cli工具3.进入项目安装依赖1.确保Nodejs环境

Nginx搭建前端本地预览环境的完整步骤教学

《Nginx搭建前端本地预览环境的完整步骤教学》这篇文章主要为大家详细介绍了Nginx搭建前端本地预览环境的完整步骤教学,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录项目目录结构核心配置文件:nginx.conf脚本化操作:nginx.shnpm 脚本集成总结:对前端的意义很多

一文详解Python如何开发游戏

《一文详解Python如何开发游戏》Python是一种非常流行的编程语言,也可以用来开发游戏模组,:本文主要介绍Python如何开发游戏的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录一、python简介二、Python 开发 2D 游戏的优劣势优势缺点三、Python 开发 3D

基于Python开发Windows自动更新控制工具

《基于Python开发Windows自动更新控制工具》在当今数字化时代,操作系统更新已成为计算机维护的重要组成部分,本文介绍一款基于Python和PyQt5的Windows自动更新控制工具,有需要的可... 目录设计原理与技术实现系统架构概述数学建模工具界面完整代码实现技术深度分析多层级控制理论服务层控制注

前端缓存策略的自解方案全解析

《前端缓存策略的自解方案全解析》缓存从来都是前端的一个痛点,很多前端搞不清楚缓存到底是何物,:本文主要介绍前端缓存的自解方案,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录一、为什么“清缓存”成了技术圈的梗二、先给缓存“把个脉”:浏览器到底缓存了谁?三、设计思路:把“发版”做成“自愈”四、代码

通过React实现页面的无限滚动效果

《通过React实现页面的无限滚动效果》今天我们来聊聊无限滚动这个现代Web开发中不可或缺的技术,无论你是刷微博、逛知乎还是看脚本,无限滚动都已经渗透到我们日常的浏览体验中,那么,如何优雅地实现它呢?... 目录1. 早期的解决方案2. 交叉观察者:IntersectionObserver2.1 Inter

Vue3视频播放组件 vue3-video-play使用方式

《Vue3视频播放组件vue3-video-play使用方式》vue3-video-play是Vue3的视频播放组件,基于原生video标签开发,支持MP4和HLS流,提供全局/局部引入方式,可监听... 目录一、安装二、全局引入三、局部引入四、基本使用五、事件监听六、播放 HLS 流七、更多功能总结在 v

利用Python操作Word文档页码的实际应用

《利用Python操作Word文档页码的实际应用》在撰写长篇文档时,经常需要将文档分成多个节,每个节都需要单独的页码,下面:本文主要介绍利用Python操作Word文档页码的相关资料,文中通过代码... 目录需求:文档详情:要求:该程序的功能是:总结需求:一次性处理24个文档的页码。文档详情:1、每个

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②

vue监听属性watch的用法及使用场景详解

《vue监听属性watch的用法及使用场景详解》watch是vue中常用的监听器,它主要用于侦听数据的变化,在数据发生变化的时候执行一些操作,:本文主要介绍vue监听属性watch的用法及使用场景... 目录1. 监听属性 watch2. 常规用法3. 监听对象和route变化4. 使用场景附Watch 的