11月29日 OpenTiny 參與了華為雲開源針對的高校學生在中國人民大學舉辦的 meetup 交流活動,本次活動演講主要圍繞數據庫、Web3、AI大模型、微服務治理、前端等領域展開討論。OpenTiny 主要為大家分享了 《使用開源技術快速上手Web前端開發》 ,與大家共同探討前端開發經驗。
本次分享主要分為三個環節展開:
- 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標籤,一起參與開源貢獻~