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

这篇具有很好参考价值的文章主要介绍了使用开源技术快速上手 Web 前端开发(内含PPT课件)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

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

  • Web前端开发与核心技术简介
  • 实践:使用开源上手前端开发
  • 开源软件使用注意事项 & 参与开源

OpenTiny主要内容

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

关于 OpenTiny

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

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标签,一起参与开源贡献~文章来源地址https://www.toymoban.com/news/detail-774147.html

到了这里,关于使用开源技术快速上手 Web 前端开发(内含PPT课件)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 使用代码生成工具快速开发应用-结合后端Web API提供接口和前端页面快速生成,实现通用的业务编码规则管理

    在前面随笔《在Winform应用中增加通用的业务编码规则生成》,我介绍了基于Winform和WPF的一个通用的业务编码规则的管理功能,本篇随笔介绍基于后端Web API接口,实现快速的Vue3+ElementPlus前端界面的开发整合,同样是基于代码生成工具实现快速的前端代码的生成处理。 在前面

    2024年02月04日
    浏览(48)
  • 浅谈 Node.js 与快速入门使用——前端开发工程师必须要知道的技术(文末送书福利6.0)

    当下,各行各业都面临着大数据、人工智能、AR(augmented reality,增强现实)、VR(virtual reality,虚拟现实)等各种互联网新技术的冲击。在此技术背景下,Web前端行业也发生了巨大的改变,前端程序员已从单纯的切图处理发展到了需要处理多种后端业务。其中,Node.js 就是连

    2024年02月09日
    浏览(61)
  • 前端技术搭建井字游戏(内含源码)

    上周我们实通过前端基础实现了飞机大战游戏,今天还是继续按照我们原定的节奏来带领大家完成一个井字游戏游戏,功能也比较简单简单,也是想借助这样一个简单的功能,然后来帮助大家了解我们JavaScript在前端中的作用, 在前面的文章当中我们也提及到我们在本系列的

    2024年02月05日
    浏览(50)
  • 前端技术搭建俄罗斯方块(内含源码)

    上周我们实通过前端基础实现了扫雷游戏,今天还是继续按照我们原定的节奏来带领大家完成俄罗斯方块游戏,功能也比较简单简单,也是想借助这样一个简单的功能,然后来帮助大家了解我们JavaScript在前端中的作用, 在前面的文章当中我们也提及到我们在本系列的专栏是

    2024年02月08日
    浏览(45)
  • 前端技术搭建五子棋游戏(内含源码)

    上周我们实通过前端基础实现了拼图游戏,今天还是继续按照我们原定的节奏来带领大家完成一个五子棋游戏,功能也比较简单简单,也是想借助这样一个简单的功能,然后来帮助大家了解我们JavaScript在前端中的作用, 在前面的文章当中我们也提及到我们在本系列的专栏是

    2024年02月12日
    浏览(60)
  • 前端技术搭建拼图小游戏(内含源码)

    上周我们实通过前端基础实现了俄罗斯方块游戏,今天还是继续按照我们原定的节奏来带领大家完成一个拼图游戏,功能也比较简单简单,也是想借助这样一个简单的功能,然后来帮助大家了解我们JavaScript在前端中的作用, 在前面的文章当中我们也提及到我们在本系列的专

    2024年02月08日
    浏览(61)
  • 前端技术搭建扫雷小游戏(内含源码)

    上周我们实通过前端基础实现了贪吃蛇游戏,今天还是继续按照我们原定的节奏来带领大家完成一个游戏,功能也比较简单简单,也是想借助这样一个简单的功能,然后来帮助大家了解我们JavaScript在前端中的作用, 在前面的文章当中我们也提及到我们在本系列的专栏是循序

    2024年02月07日
    浏览(50)
  • 前端技术搭建飞机大战小游戏(内含源码)

    上周我们实通过前端基础实现了弹珠游戏,当然很多伙伴再评论区提出了想法,后续我们会考虑实现的,今天还是继续按照我们原定的节奏来带领大家完成一个飞机大战游戏,功能也比较简单简单,也是想借助这样一个简单的功能,然后来帮助大家了解我们JavaScript在前端中的

    2024年02月04日
    浏览(52)
  • 前端技术搭建贪吃蛇小游戏(内含源码)

    上周我们实通过前端基础实现了井字游戏,今天还是继续按照我们原定的节奏来带领大家完成一个贪吃蛇游戏,功能也比较简单简单,也是想借助这样一个简单的功能,然后来帮助大家了解我们JavaScript在前端中的作用, 在前面的文章当中我们也提及到我们在本系列的专栏是

    2024年02月06日
    浏览(57)
  • 【UniAPP X快速上手】如何使用UniAPPX开发一个原生安卓商城

    uni-app x,是下一代 uni-app,是一个跨平台应用开发引擎。 uni-app x 没有使用js和webview,它基于 uts 语言。在App端,uts在iOS编译为swift、在Android编译为kotlin,完全达到了原生应用的功能、性能。 更重要的是,UniAPP X未来也会支持鸿蒙 ,这里引用DCloud社区的官方答复 DCloud有资源第

    2024年02月21日
    浏览(51)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包