跨平臺開發(fā)學(xué)習(xí)總結(jié)! 向新手推薦的2020 年 Flutter 課程和教程!

本文最初發(fā)布于 Hackernoon 博客，經(jīng)原作者授權(quán)由 InfoQ 中文站翻譯并分享。

大家可能都知道 Flutter 這個(gè)來自谷歌的移動應(yīng)用開發(fā)框架。這個(gè)框架使開發(fā)人員可以只用一份源代碼，同時(shí)為 Android 和 iOS 平臺開發(fā)原生移動應(yīng)用。

這意味著我們用不著再為不同的設(shè)備和平臺做移植了。如果你像我一樣認(rèn)為 Flutter 是移動開發(fā)的未來，認(rèn)為 2020 年將會是 Flutter 真正騰飛的開始，并且正在尋找一些優(yōu)秀的在線課程來學(xué)習(xí) Flutter，那么你來對地方了。

在這篇文章中，我會分享一些  今年最優(yōu)秀的 Flutter 在線課程和教程 ，它們分別來自 Udemy、Pluralsight、Coursera、Udemy 和 Udacity 等平臺。但具體介紹之前，讓我們先了解一下什么是 Flutter，以及為什么所有人都對它如此著迷。

其實(shí)每當(dāng)谷歌搞出來什么東西時(shí)，它都會讓許多開發(fā)人員興奮不已，以前是 Angular、Dart，現(xiàn)在輪到了 Flutter。過去我在 Android 和 iOS 平臺上分別用的是 Java 和 Objective-C，但是經(jīng)過一段時(shí)間的研究后我決定開始改變。

以前我還沒有真正踏入過移動應(yīng)用開發(fā)行業(yè)，但是最近我了解了 Flutter，于是決定再嘗試一下移動應(yīng)用開發(fā)，結(jié)果我很快愛上了 Flutter。

相比 Android 和 iOS 的原生開發(fā)，F(xiàn)lutter 讓我們只需一個(gè)代碼庫就能輕松創(chuàng)建跨平臺應(yīng)用，這也是我學(xué)習(xí) Flutter 的契機(jī)。

開發(fā)移動應(yīng)用程序是很費(fèi)時(shí)間的工作，要是針對不同平臺（如 Android 和 iOS）還要用不同的代碼庫，事情只會變得更復(fù)雜。Flutter 承諾在不影響應(yīng)用外觀和體驗(yàn)的前提下解決這個(gè)問題，這是大多數(shù)應(yīng)用開發(fā)人員都想要的。

Flutter 使用了原生 UI 組件，這意味著諸如滾動和導(dǎo)航之類的操作與原生應(yīng)用程序沒什么區(qū)別。為了降低門檻，F(xiàn)lutter 還讓開發(fā)工作變得更加自然，因?yàn)槟阈枰闹皇且粋€(gè)構(gòu)建和測試應(yīng)用的模擬器而已。

簡單來說，F(xiàn)lutter 就是谷歌提供的可移植 UI 工具包，讓開發(fā)人員只需單個(gè)代碼庫就能為移動、Web 和桌面平臺構(gòu)建漂亮的、原生編譯的應(yīng)用程序。

換句話說，F(xiàn)lutter 是谷歌創(chuàng)建的開源移動應(yīng)用程序開發(fā)框架，用來為 Android 和 iOS 設(shè)備開發(fā)應(yīng)用程序。

Flutter 還搭配了谷歌的編程語言 Dart，它對異步操作有著出色的支持，這對于當(dāng)今的 IO 和數(shù)據(jù)密集型應(yīng)用程序來說非常重要。

7 門 Flutter 和 Dart 最佳課程

如果你確信 Flutter 將成為應(yīng)用程序開發(fā)的未來并想嘗試一下，下面就列舉了一些 Flutter 課程，幫助你學(xué)習(xí)這項(xiàng)非凡的技術(shù)。

這些課程對于在移動應(yīng)用開發(fā)領(lǐng)域只有很少或根本沒有背景知識的初學(xué)者來說尤其合適，它們來自于一些最出色的在線門戶網(wǎng)站，如 Udemy、Coursera 和 Pluralsight。

構(gòu)建 iOS 和 Android 應(yīng)用

我是 Maximilian Schwarzmüller 老師的粉絲。這套課程提供了完整的谷歌 Flutter SDK 和 Flutter 框架的指南，教你如何用它們來構(gòu)建 iOS 和 Android 原生應(yīng)用。

至于課程的影響力，已經(jīng)有超過 27,970 名學(xué)生學(xué)習(xí)了這套課程，有 6,913 人打出了 4.6 的均分，課程的質(zhì)量和受歡迎程度可見一斑。

課程注冊鏈接：  傳送門

學(xué)習(xí)了 Max 的 React 和 Angular 課程之后，這門課對我來說并不算難，也沒有讓我失望，它是在線學(xué)習(xí) Flutter 的最佳選擇之一。

全方位開發(fā)訓(xùn)練營

這是另一套很棒的課程，老師是 Angela Yu。她簡直是天生的教師，她在 Bootcamp 上的教學(xué)經(jīng)歷的確稱得上是與眾不同的。

我參加過她的 Web 開發(fā)和 iOS 開發(fā)課程，質(zhì)量真不錯(cuò)，這套課程也不例外。而且這門課還是與谷歌合作的，水平更有保證。

影響力方面，已經(jīng)有超過 7,412 名學(xué)生參加了這門課程，其中 1,470 名參與者打出了 4.8 的均分。我向所有初學(xué)者強(qiáng)烈推薦這套課程

課程注冊鏈接：  傳送門

Dart 與 Flutter：開發(fā)人員完整指南

這是另一位優(yōu)秀講師 Stephen Grider 帶來的一門精彩課程。你可能想說為什么我這么強(qiáng)調(diào)講師的水平，因?yàn)楦鶕?jù)我自己的經(jīng)驗(yàn)，優(yōu)秀的老師才能講出優(yōu)秀的課程。

這對課程來說可能是最重要的因素，因?yàn)榫退阋惶谜n結(jié)構(gòu)合理，備課認(rèn)真，但是講得稀爛也就毫無意義了，而講得好不好就是老師的水平?jīng)Q定的。

Stephen Grider 與 Max、Colt Steele、Angela Yu 和 Rob Percival 一樣，都是最優(yōu)秀的 Udemy 講師。我之所以這么說，是因?yàn)槲抑皡⒓舆^ Stephen 的 React 課程，并且學(xué)到了很多東西。

在這套課程中你不僅會學(xué)習(xí) Flutter，還會學(xué)習(xí)其背后的編程語言 Dart 的知識。關(guān)于如何使用 Flutter 和 Dart 構(gòu)建移動應(yīng)用的知識在這門課里應(yīng)有盡有，甚至包括 RxDart 和動畫！

課程注冊鏈接：  傳送門

評價(jià)而言，已經(jīng)有超過 11,191 名學(xué)生受益于這套課程，超過 2154 名參與者給出了 4.6 的均分，質(zhì)量是有保障的。

Flutter：Simone Alessandria 的教學(xué)

這份課程會教你 Flutter 的基礎(chǔ)知識，包括構(gòu)建 UI、使用動畫和創(chuàng)建數(shù)據(jù)庫應(yīng)用等。

除了 Udemy 和 Coursera，Pluralsight 是我推薦的另一個(gè)在線學(xué)習(xí)平臺。我有他們的年度會員資格，是在他們最近的促銷活動花 199 美元買的。年度會員可以訪問他們的 5000 多套高質(zhì)量的在線課程，學(xué)習(xí)各種前沿和成熟技術(shù)的知識。

就算你不是會員，也可以注冊他們的 10 天免費(fèi)試用版，免費(fèi)學(xué)習(xí)這套課程。試用版可以免費(fèi)訪問所有課程，但觀看時(shí)間限制為 200 分鐘，不過學(xué)這一門是足夠了。

課程注冊鏈接：  傳送門

來自谷歌的官方 Flutter 教程

這些是谷歌提供的官方教程，完全免費(fèi)，主要是文字形式。這些 Flutter 教程會教你如何使用 Flutter 框架為 iOS 和 Android 平臺構(gòu)建移動應(yīng)用程序。

其中有一些教程可以教你構(gòu)建布局、向 Flutter 應(yīng)用添加交互、向基于 Flutter 的游戲添加動畫，以及為 Flutter 應(yīng)用做國際化版本。

課程鏈接：  傳送門

使用 Flutter 構(gòu)建原生移動應(yīng)用

這是又一套使用 Flutter 構(gòu)建原生應(yīng)用的優(yōu)秀在線課程。在本課程中，你將學(xué)習(xí)如何使用 Flutter 快速為 iOS 和 Android 設(shè)備開發(fā)高質(zhì)量、交互式的移動應(yīng)用程序。

這套課程最大的亮點(diǎn)是，你會在來自谷歌的老師引導(dǎo)下一步一步地使用一套代碼庫為 iOS 和 Android 兩大平臺構(gòu)建出原生級的移動應(yīng)用程序。

你還將學(xué)習(xí)如何使用 Flutter 的反應(yīng)式框架、有狀態(tài)的熱加載和集成工具鏈來快速開發(fā)，并使用豐富的可組合小部件、內(nèi)置動畫以及分層的可擴(kuò)展架構(gòu)定制你自己的應(yīng)用。

非常感謝 Mary Xia、Matt Sullivan 和 James Williams 老師制作了這套 Flutter 在線課程。

課程鏈接：  傳送門

完整的 Flutter 應(yīng)用開發(fā)課程

這是 Udemy 上學(xué)習(xí) Flutter 和 Dart 的又一門好課程。這門課是完全手把手教學(xué)的，你將有機(jī)會練習(xí)和學(xué)習(xí)：

1. Dart 編程語言——基礎(chǔ)知識和中間主題
2. 通過一步步構(gòu)建應(yīng)用程序來了解 Flutter 移動開發(fā)
3. 如何設(shè)計(jì)、構(gòu)建和調(diào)試 Flutter Android 和 iOS 應(yīng)用
4. 如何使 Flutter 應(yīng)用程序與實(shí)時(shí)數(shù)據(jù)庫 Firestore 通信

課程注冊鏈接：  傳送門

總體而言，這是一門很棒的課程。

小結(jié)

以上就是針對初學(xué)者和中級程序員的一些  學(xué)習(xí) Flutter 和 Dart 的最佳課程 。如前所述，F(xiàn)lutter 正在變得越來越流行，并且現(xiàn)在使用 Flutter 的初創(chuàng)公司比用 Cordova 或 Firebase 的還要多。

學(xué)習(xí) Flutter 不僅可以幫助你為項(xiàng)目創(chuàng)建出色的前端，還可以幫助你獲得理想的 Web 開發(fā)人員職位。

PS：你需要具備良好的英語閱讀能力。

如果在線學(xué)習(xí)比較麻煩,給大家分享一套從入門到進(jìn)階的學(xué)習(xí)視頻以及整理好的學(xué)習(xí)文檔,可以下載學(xué)習(xí)。

想要的朋友可以 點(diǎn)擊學(xué)習(xí)視頻 詳細(xì)了解哦

還有19個(gè)PDF文檔可供學(xué)習(xí)，告訴大家怎么從零開始學(xué)習(xí)！大家可以 關(guān)注我看個(gè)人介紹，也可以 簡信我獲取

01在Windows上搭建Flutter開發(fā)環(huán)境

02配置編輯器

03 Flutter 從我們的模板創(chuàng)建一個(gè)新的Flutter應(yīng)用程序

04編寫您的第一個(gè) Flutter App

05 Flutter中構(gòu)建布局

06 Flutter Widget框架

07 設(shè)計(jì)基礎(chǔ)之主題共享顏色和字體樣式

08 顯示網(wǎng)上的圖片

09 List集合

10 List處理點(diǎn)擊和手勢

11 實(shí)例程序之AppBar

12 示例程序之選項(xiàng)卡式的AppBar

13 如何學(xué)習(xí) Flutter 編譯Android項(xiàng)目

14 Flutter之資源加載

15 使用Flutter IDE

16 Flutter之使用熱重載

17 Flutter之調(diào)試 Flutter App

18 Flutter 之發(fā)布Android版APP

19 Flutter之發(fā)布的IOS版APP