Flutter基礎視訊的25集終於更新完了，也算給2018年畫上了圓滿的句號，2019年我們繼續開始，每週3集免費視訊等著你。 當然這套Flutter基礎視訊是面向前端小夥伴的，能讓前端程式設計師快速上手Flutter。

其實你最好的方法是先看視訊，然後看文字教程。所以這裡把文字教程的連結也放到這裡。

很榮幸的是慕課網也邀請我講了Flutter的課程，當然也是免費的。希望這些對學習Flutter的小夥伴有所幫助。

文章連結

1. Flutter免費視訊第一季-環境搭建(共6集)
2. Flutter免費視訊第二季-常用元件(共8集)
3. Flutter免費視訊第三季-佈局(共5集)
4. Flutter免費視訊第四季-頁面導航和其他(共6集)

視訊連結地址

1. 課程說明，有用的廢話: jspang.com/post/flutte…

2. 認識一下Flutter : jspang.com/post/flutte…

3. Flutter開發環境搭建Windows版: jspang.com/post/flutte…

4. 安裝AVD虛擬機器 Flutter跑起來 :jspang.com/post/flutte…

5. VSCode下如何玩轉Flutter :jspang.com/post/flutte…

6. 寫一個HelloWorld程式: jspang.com/post/flutte…

7. Text Widget 文字元件的使用:

   jspang.com/post/flutte…

8. Container容器元件的使用1:jspang.com/post/flutte…

9. Container容器元件的使用2:jspang.com/post/flutte…

10. Image圖片元件的使用: jspang.com/post/flutte…

11. ListView 列表元件簡介: jspang.com/post/flutte…

12. 橫向列表的使用：jspang.com/post/flutte…

13. 動態列表的使用:jspang.com/post/flutte…

14. GridView網格列表元件: jspang.com/post/flutte…

15. 水平佈局Row的使用:jspang.com/post/flutte…

16. 垂直佈局Column元件：jspang.com/post/flutte…

17. Stack層疊佈局: jspang.com/post/flutte…

18. Stack的Positioned屬性:jspang.com/post/flutte…

19. 卡片元件佈局:jspang.com/post/flutte…

20. 一般頁面導航和返回:jspang.com/post/flutte…

21. 導航引數的傳遞和接收（1）:jspang.com/post/flutte…

22. 導航引數的傳遞和接收（2）:jspang.com/post/flutte…

23. 頁面跳轉並返回資料:jspang.com/post/flutte…

24. 靜態資源和專案圖片的處理:jspang.com/post/flutte…

25. Flutter客戶端打包:jspang.com/post/flutte…

imooc愛慕課免費學習地址

Flutter入門與案例實戰：www.imooc.com/learn/1090