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

相关文章

Python实现快速扫描目标主机的开放端口和服务

《Python实现快速扫描目标主机的开放端口和服务》这篇文章主要为大家详细介绍了如何使用Python编写一个功能强大的端口扫描器脚本,实现快速扫描目标主机的开放端口和服务,感兴趣的小伙伴可以了解下... 目录功能介绍场景应用1. 网络安全审计2. 系统管理维护3. 网络故障排查4. 合规性检查报错处理1.

JavaWeb项目创建、部署、连接数据库保姆级教程(tomcat)

《JavaWeb项目创建、部署、连接数据库保姆级教程(tomcat)》:本文主要介绍如何在IntelliJIDEA2020.1中创建和部署一个JavaWeb项目,包括创建项目、配置Tomcat服务... 目录简介:一、创建项目二、tomcat部署1、将tomcat解压在一个自己找得到路径2、在idea中添加

SpringBoot返回文件让前端下载的几种方式

《SpringBoot返回文件让前端下载的几种方式》文章介绍了开发中文件下载的两种常见解决方案,并详细描述了通过后端进行下载的原理和步骤,包括一次性读取到内存和分块写入响应输出流两种方法,此外,还提供... 目录01 背景02 一次性读取到内存,通过响应输出流输出到前端02 将文件流通过循环写入到响应输出流

SpringBoot+Vue3整合SSE实现实时消息推送功能

《SpringBoot+Vue3整合SSE实现实时消息推送功能》在日常开发中,我们经常需要实现实时消息推送的功能,这篇文章将基于SpringBoot和Vue3来简单实现一个入门级的例子,下面小编就和大... 目录前言先大概介绍下SSE后端实现(SpringBoot)前端实现(vue3)1. 数据类型定义2.

JavaWeb 中的 Filter组件详解

《JavaWeb中的Filter组件详解》本文详细介绍了JavaWeb中的Filter组件,包括其基本概念、工作原理、核心接口和类、配置方式以及常见应用示例,Filter可以实现请求预处理、响应后... 目录JavaWeb 中的 Filter 详解1. Filter 基本概念1.1 什么是 Filter1.

Python+wxPython开发一个文件属性比对工具

《Python+wxPython开发一个文件属性比对工具》在日常的文件管理工作中,我们经常会遇到同一个文件存在多个版本,或者需要验证备份文件与源文件是否一致,下面我们就来看看如何使用wxPython模... 目录引言项目背景与需求应用场景核心需求运行结果技术选型程序设计界面布局核心功能模块关键代码解析文件大

C++多线程开发环境配置方法

《C++多线程开发环境配置方法》文章详细介绍了如何在Windows上安装MinGW-w64和VSCode,并配置环境变量和编译任务,使用VSCode创建一个C++多线程测试项目,并通过配置tasks.... 目录下载安装 MinGW-w64下载安装VS code创建测试项目配置编译任务创建 tasks.js

Nginx内置变量应用场景分析

《Nginx内置变量应用场景分析》Nginx内置变量速查表,涵盖请求URI、客户端信息、服务器信息、文件路径、响应与性能等类别,这篇文章给大家介绍Nginx内置变量应用场景分析,感兴趣的朋友跟随小编一... 目录1. Nginx 内置变量速查表2. 核心变量详解与应用场景3. 实际应用举例4. 注意事项Ng

前端Visual Studio Code安装配置教程之下载、汉化、常用组件及基本操作

《前端VisualStudioCode安装配置教程之下载、汉化、常用组件及基本操作》VisualStudioCode是微软推出的一个强大的代码编辑器,功能强大,操作简单便捷,还有着良好的用户界面,... 目录一、Visual Studio Code下载二、汉化三、常用组件1、Auto Rename Tag2

Java中的随机数生成案例从范围字符串到动态区间应用

《Java中的随机数生成案例从范围字符串到动态区间应用》本文介绍了在Java中生成随机数的多种方法,并通过两个案例解析如何根据业务需求生成特定范围的随机数,本文通过两个实际案例详细介绍如何在java中... 目录Java中的随机数生成:从范围字符串到动态区间应用引言目录1. Java中的随机数生成基础基本随