使用开源技术快速上手 Web 前端开发(内含PPT课件)

news/2024/7/10 20:39:36 标签: 开源, 前端, web
webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

11月29日 OpenTiny 参与了华为云开源针对的高校学生在中国人民大学举办的 meetup 交流活动,本次活动演讲主要围绕数据库、Web3、AI大模型、微服务治理、前端等领域展开讨论。OpenTiny 主要为大家分享了 《使用开源技术快速上手Web前端开发》 ,与大家共同探讨前端开发经验。

图片

本次分享主要分为三个环节展开:

OpenTiny主要内容

首先通过“什么是 Web 前端”引入前端的概念,介绍了 Web 前端随着互联网技术和移动互联网的发展,开发难度逐步提升。

图片

图片

接着与大家讨论了为什么要学前端,明确了前端使用的场景以及学前端能够为搭建的服务和软件提供人机交互界面,从而追求更好的体验,吸引更多的用户。

图片

然后向大家科普了前端开发的核心技术,以及前端领域当前一些细分的方向

图片

其中包含前端相关的一些技术栈,解释了随着开发项目复杂度的增长,前端工程化的必要性。介绍了前端工程和对应的软件工程方法思想及过程。

图片

当然也介绍了前端当前的一些比较知名的框架、库和技能点,由此引出前端开发学习的方法,强调了关注行业趋势,在实践中开发学习以及夯实基础知识的重要性,最后引出要构建属于自己的知识图谱,并分享了一些资源地址。

资源链接:https://www.bootcss.com/

图片

图片

在此过程中也提到了使用开源库的原因和好处,列举了当前一些优秀的前端开源库。

图片

随后也与大家共同探讨了,在学习资料多的情况下如何着手前端开发,此时可以从构建一个简单的应用入手,继而把自己的想法运用热门技术栈变成应用。

图片

接下来通过实战演示了如何快速上手 Vue3 应用的开发,使用了 TinyVue 组件库演示了如何引用库,如何查看 API 选用合适的组件,以及如何根据 API 修改内容。

图片

除此之外还介绍了国内当前比较优秀的低代码平台,以及开源的低代码引擎,结合 TinyEngine 开源项目演示低代码快速搭建和代码生成。还扩展结合当前热门的 AI 辅助开发,演示了 Bing 搜索的 Chat 聊天功能能够通过文字需求生成使用 TinyVue 组件库的代码。

图片

同时也介绍了开源软件使用注意事项,重点说明几个方向,选择开发友好的开源库,对库的使用量/热度等进行评估,强调了许可证的重要性。

图片

最后也鼓励大家在使用开源软件的过程多多参与开源,学会开源平台的友好协作开发,从开源贡献中提高自身水平,并阐述了一些开源迷思鼓励同学们参与到开源中去。

图片

关于 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标签,一起参与开源贡献~


http://www.niftyadmin.cn/n/5261719.html

相关文章

【华为OD】依据用户输入的单词前缀,从已输入的英文语句中联想出用户想输入的单词,按字典序输出联想到的单词序列

题目描述主管期望你来实现英文输入法单词联想功能需求如下:依据用户输入的单词前缀,从已输入的英文语句中联想出用户想输入的单词,按字典序输出联想到的单词序列,如果联想不到,请输出用户输入的单词前缀注意1.英文单词联想时,区分大小写2.缩略形式如"dont",判定…

机器学习---微博聚类案例

1、微博聚类分析 要实现广告的精准投放,需要使用聚类找出兴趣一致的用户群体,这样就需要对用户进行聚类找出行为一致的用户,当对所有用户完成聚类之后,再使用关键词分析找出每个聚类群体中的用户的讨论主题,如果主题符…

一篇文章让你快速入门Redis(含安装使用客户端)

声明:文章内容皆取于学习黑马课程、若想了解原版内容请去B站了解黑马程序员Redis课程 1.Redis入门篇 1.什么是Redis Redis全称为Remote Dictionary Server,远程词典服务器,基于内存的键值型NoSQL数据库 NoSQL(Not only SQL)是对不同于传统的关系数据库的数据库管…

XCP详解「4.2·问题-加载信号过多导致FIFO buffer overflow」

APE write报问题 报文也提示80 溢出 检查测量配置

c语言:初识指针

目录 目录 目录 CPU与内存协同工作 访问内存中的“房间” 基础数据类型怎样居住“房间” 取地址运算符 & 声明指针类型的变量 定义 指针类型 空间大小 小结 使用指针 取值运算符 * 指针类型的大小 强制转换指针类型 CPU与内存协同工作 以整型加法为例&…

pytorch中的归一化:BatchNorm、LayerNorm 和 GroupNorm

1 归一化概述 训练深度神经网络是一项具有挑战性的任务。 多年来,研究人员提出了不同的方法来加速和稳定学习过程。 归一化是一种被证明在这方面非常有效的技术。 1.1 为什么要归一化 数据的归一化操作是数据处理的一项基础性工作,在一些实际问题中&am…

VUE篇之日历组件

1.简单日历组件展示 思路&#xff1a;根据当前月的第一天是星期几&#xff0c;来显示日期 <template><div class"wrap"><el-button click"preMonth">上个月</el-button><el-tag>当前年份{{ curYear }}</el-tag><e…

FL Studio20官方体验版如何破解?

水果音乐制作软件FL Studio20是一款功能强大的软件音乐制作环境或数字音频工作站&#xff08;DAW&#xff09;&#xff0c;本文主要针对FL Studio 20怎么安装&#xff1f;以及水果软件FL Studio 20如何破解的问题&#xff0c;来为大家带来了水果软件FL Studio 20安装破解图文详…