Jonny Huang 的學習筆記

Angular、Flutter


  • 首頁

  • 目錄

  • 歸檔

  • Flutter

  • Angular

  • 欣雨露

Dart:會用但不會講的運算子

更新於 2019/06/14 | 分類於 Flutter
前言運算子(Operator)可以說是程式語言最重要的功能之一,但是回想起來一開始學程式時卻是有點痛苦的回憶,因為它跟我們所學的數學邏輯有點像又有些差異,好像懂但又說不出個所以然,最後的結果就是圖法煉鋼,多寫幾次程式慢慢有感覺的就“好像”懂了,但是有時候又會碰到無法解釋的邏輯,例如下面 JavaScript 的例子: 資料型別(Data Types)DateTime、bool、num、S ...
閱讀全文 »

Material Design:Angular & Flutter (一)

更新於 2019/05/23 | 分類於 Flutter
前言Material Design 是由 Google 所推廣的設計風格,當然 Google 自家的產品也遵循這個風格來設計,而對於它所釋出的開源框架 Angular 與 Flutter 也分別提供 Angular Material 與 Material Components widgets 來協助我們很快速地就可以設計具有 Material Design 的程式,今天我們就來嘗試 Angu ...
閱讀全文 »

翻桌吧!Flutter for Desktop

更新於 2019/05/20 | 分類於 Flutter
前言自從 Google I/O 公開 Flutter for Web 之後大家便開始瘋狂測試,似乎都忘了它目前只是預覽版本,接下來大家另一個期待便是 Flutter 什麼時候開始支援桌面系統,今天剛好看到一篇令人心動的文章-Flutter for Desktop: Create and Run a Desktop Application,這篇文章使用的是 Google 之前在 GitHub ...
閱讀全文 »

Flutter 當我們黏在一起:Provider

更新於 2019/05/20 | 分類於 Flutter
前言依賴注入(Dependency Injection) 可以說是降低程式耦合度最簡單的方法,我們預先將某種”資源”注入到程式內,然後可以在任何地方自由提起該”資源”,完全不必理會這個資源在哪建立又放置在哪,我們只要知道有某種機制可以在我們需要時幫我們提取我們所需要的東西,接下來我們就嘗試如何在 Flutter 上做到該效果。 InheritedWidgetFlutter 提供一個有趣的 ...
閱讀全文 »

Dart 敗部復活賽:Flutter for Web

更新於 2019/05/09 | 分類於 Flutter
前言Dart 一開始是由 Google 所推出的一種網頁程式語言,它改善了許多 JavaScript 的歷史包袱,但是很不幸的並沒有受到大眾的支持,反倒是 Microsoft 以 JavaScript 為基礎所發展的 TypeScript 因為原生支援 JavaScript,所以反而使用者日漸增長,不過 Dart 仍然持續默默的發展,在 Flutter 的加持下又重新受到大家的關注,如今 F ...
閱讀全文 »

本是同根生:Dart 開發環境

更新於 2019/04/26 | 分類於 Flutter
前言Dart 除了可以開發 Flutter 之外,其實也可以拿來開發 Web 程式,例如 AngularDart、Aqueduct,當然開發環境最重要的就是要安裝 Dart SDK,如果開發過 Flutter 的人大概都知道,我們所安裝的 Flutter SDK 其實已經包含了 Dart SDK,但是直接用它來開發 Flutter 以外的程式就會發現問題叢叢,上網搜尋有些人會說它是一個不完全 ...
閱讀全文 »

不合理的要求是磨練:Docker 架站

更新於 2018/11/05 | 分類於 Training
前言買一把菜、A一把蔥,在省錢至上的市場上可以說是屢見不鮮,但是買一把菜還要送一盤牛肉這種不合理的行徑,在近幾年來可以說這不是一種常態而是已經變成一種生態,但是對於軟體專案來說你可以放棄測試轉嫁給客戶,你可以減少非必需的文件,但是可以省的事情其實只佔小部分的比例,這些都還不夠客戶砍一次價,既然要決定要留在這種生態中,cost down 是必然會面對的問題,但是如何”不合理的”縮減成本但又不違背自己 ...
閱讀全文 »

一家烤肉萬家香,一家著火...:RxJS - Subject

更新於 2018/08/06 | 分類於 Training
前言在 每個醫師身邊都應該要有個白衣天使:RxJS 最後只簡單的說明 Subject 與 Observable 最大差別就是允許多個觀察者(Observer)訂閱(subscribe),今天就來做一個比較有感的範例。 Angular MaterialAngular Material 是 Google 專為 Angular 打造的視覺化元件,隨著 Angular 6 的發佈不只整合度更高,安裝與 ...
閱讀全文 »

用 VS Code 建置 Flutter 開發環境

更新於 2018/07/20 | 分類於 Flutter
前言Apache Cordova、Ionic、NativeScript、React Native、Xamarin 短短的幾年時間跨平台技術其實已經多到讓人不知如何下手,Google 卻在這些技術都已經十分成熟的階段推出了自有的技術 Flutter,再加上使用相對少人使用的 Dart 當做開發語言,剛開始聽到時還真讓摸不著原因,一般會使用跨平台技術無非是想縮短開發時程或是學習成本,Flutte ...
閱讀全文 »

你或許看過四不像,但是你聽過四很像嗎?:NgRx

更新於 2018/06/26 | 分類於 Training
前言在 別太在意包裝上的照片與實物之間的差異:RxJS 我們透過原始碼可以了解 RxJS 對於監控對象提供了3種狀態(next、error、complete)的通知功能。我們可以透過時做 Observer 介面來決定3種狀態發生時要做什麼處理,而 Subscriber 除了可以決定要做什麼事情之外,還可以決定要如何通知別人,所以如果我們不需要提供通知功能只要實作 Observer 介面即可。 ...
閱讀全文 »
12…7
Jonny Huang

Jonny Huang

66 文章
8 分類
28 標籤
GitHub Facebook Email
Links
  • Flutter Taiwan
  • Angular User Group Taiwan
  • Angular User Group Taiwan 論壇
  • Angular 線上讀書會
© 2019 Jonny Huang
由 Hexo 強力驅動
主題 - NexT.Mist