小冊介紹
之前有介紹過關于flutter的入門文章:flutter從入門到寄幾玩兒,文章底部寫到會繼續寫demo給大家練習。由于之前在GitHub上寫過類似React練習項目:React-Express-Blog-Demo ,所以最近筆者也一直在思考,是否可以同樣,用flutter一步一步來帶領大家一起學習使用fluter呢。
技術終歸就是工具,沒有實操是絕對的紙上談兵。鑒于網上太多關于flutter的系列入門文章,其中有掘金翻譯的fluter中文網其實就是一個很好的入門資料。
講了這么多,我們這里稍微介紹下flutter。2018年6月21日Google發布Flutter首個release預覽版,作為Google baba大力推出的一種全新的響應式,跨平臺,高性能的移動開發框架。Flutter是一個跨平臺的移動UI框架,旨在幫助開發者使用一套代碼開發高性能、高保真的Android和iOS應用。
flutter優點主要包括:
- 跨平臺
- 開源
- Hot Reload、響應式框架、及其豐富的控件以及開發工具
- 靈活的界面設計以及控件組合
- 借助可以移植的GPU加速的渲染引擎以及高性能ARM代碼運行時已達到高質量的用戶體驗
而且,他是Google BaBa開源的,并且目前阿里巴巴集團內部也是flutter風氣正茂,所以我們完全有理由相信flutter未來,一定會有自己的舞臺。
回到這本小冊,筆者將從flutter基礎到一步一步實現web版掘金來帶大家感受flutter的魅力。旨在讓大家熟練使用flutter來完成自己想做的APP開發。當然,筆者深知授人魚不如授人以漁。所以文章中,會介紹筆者遇到的問題,以及思考的過程。方便大家借鑒與思考。
實戰項目并非 1:1 還原web版掘金,小冊旨在帶領大家使用flutter完成App開發,解決問題思路以及widget查找、使用的介紹。對于flutter的環境搭建以及后續的上線并未涉及。后面可加群一起討論。文章隨著項目的編寫,一邊開發一遍寫文章,后面開發過程中可能會遇到之前不合理的地方可能會回頭修改編寫~
你會學到什么?
- 入門flutter、學習Dart ,掌握一門新技術
- 掌握flutter、dart中開發技巧以及解決問題的方式
- 常用Widget的使用并可獨立完成界面編寫
- flutter中路由的使用以及flutter package的查找和使用
- 學會網絡請求、上拉刷新等常規App具有的功能開發
- 獨立開發App
By the way你還可以得到阿里拍賣端團隊面試直通車哦 ψ(`?′)ψ
適宜人群
- 前端、客戶端開發者
- 有一定的編程基礎且看過flutter官網基礎教程
- 有激情、有熱情、愿意花時間去探索新知識
目錄
- Dart基礎介紹
- flutter入門以及常用Widget介紹
- 項目框架搭建
- “flutter”數據model及json處理
- 首頁List UI編寫
- fluro介紹以及路由配置
- 首頁網絡請求
- 下拉刷新 & 加載更多
- webView for Detail
- 駐足思考、總結
- 沸點 UI & 功能 編寫(上
- 沸點 UI & 功能 編寫(下)
- 小冊 UI & 功能 編寫
- 開源庫、活動 UI & 功能 編寫
- 登陸功能 & App響應
- TODO & 總結
- Dart基礎介紹
鏈接地址:https://juejin.im/book/5bff85f3e51d453c6c05fa57
技術交流
歡迎關注微信公眾號:全棧前端精選,每日獲取高質量文章推送。也可以加我個人微信交流~