姑苏寻韵~庆开放原子开源大赛 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

相关文章

PostgreSQL的扩展dict_int应用案例解析

《PostgreSQL的扩展dict_int应用案例解析》dict_int扩展为PostgreSQL提供了专业的整数文本处理能力,特别适合需要精确处理数字内容的搜索场景,本文给大家介绍PostgreS... 目录PostgreSQL的扩展dict_int一、扩展概述二、核心功能三、安装与启用四、字典配置方法

Python中re模块结合正则表达式的实际应用案例

《Python中re模块结合正则表达式的实际应用案例》Python中的re模块是用于处理正则表达式的强大工具,正则表达式是一种用来匹配字符串的模式,它可以在文本中搜索和匹配特定的字符串模式,这篇文章主... 目录前言re模块常用函数一、查看文本中是否包含 A 或 B 字符串二、替换多个关键词为统一格式三、提

Java MQTT实战应用

《JavaMQTT实战应用》本文详解MQTT协议,涵盖其发布/订阅机制、低功耗高效特性、三种服务质量等级(QoS0/1/2),以及客户端、代理、主题的核心概念,最后提供Linux部署教程、Sprin... 目录一、MQTT协议二、MQTT优点三、三种服务质量等级四、客户端、代理、主题1. 客户端(Clien

SpringBoot开发中十大常见陷阱深度解析与避坑指南

《SpringBoot开发中十大常见陷阱深度解析与避坑指南》在SpringBoot的开发过程中,即使是经验丰富的开发者也难免会遇到各种棘手的问题,本文将针对SpringBoot开发中十大常见的“坑... 目录引言一、配置总出错?是不是同时用了.properties和.yml?二、换个位置配置就失效?搞清楚加

前端如何通过nginx访问本地端口

《前端如何通过nginx访问本地端口》:本文主要介绍前端如何通过nginx访问本地端口的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、nginx安装1、下载(1)下载地址(2)系统选择(3)版本选择2、安装部署(1)解压(2)配置文件修改(3)启动(4)

如何使用Maven创建web目录结构

《如何使用Maven创建web目录结构》:本文主要介绍如何使用Maven创建web目录结构的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录创建web工程第一步第二步第三步第四步第五步第六步第七步总结创建web工程第一步js通过Maven骨架创pytho

Java Web实现类似Excel表格锁定功能实战教程

《JavaWeb实现类似Excel表格锁定功能实战教程》本文将详细介绍通过创建特定div元素并利用CSS布局和JavaScript事件监听来实现类似Excel的锁定行和列效果的方法,感兴趣的朋友跟随... 目录1. 模拟Excel表格锁定功能2. 创建3个div元素实现表格锁定2.1 div元素布局设计2.

HTML中meta标签的常见使用案例(示例详解)

《HTML中meta标签的常见使用案例(示例详解)》HTMLmeta标签用于提供文档元数据,涵盖字符编码、SEO优化、社交媒体集成、移动设备适配、浏览器控制及安全隐私设置,优化页面显示与搜索引擎索引... 目录html中meta标签的常见使用案例一、基础功能二、搜索引擎优化(seo)三、社交媒体集成四、移动

HTML input 标签示例详解

《HTMLinput标签示例详解》input标签主要用于接收用户的输入,随type属性值的不同,变换其具体功能,本文通过实例图文并茂的形式给大家介绍HTMLinput标签,感兴趣的朋友一... 目录通用属性输入框单行文本输入框 text密码输入框 password数字输入框 number电子邮件输入编程框

HTML img标签和超链接标签详细介绍

《HTMLimg标签和超链接标签详细介绍》:本文主要介绍了HTML中img标签的使用,包括src属性(指定图片路径)、相对/绝对路径区别、alt替代文本、title提示、宽高控制及边框设置等,详细内容请阅读本文,希望能对你有所帮助... 目录img 标签src 属性alt 属性title 属性width/h