以前撰寫的 Flex 教學文章
本篇介紹是以資訊的流向為主
只要知道 Flex 屬性中的流向對應
就算掌握了八成以上的 Flex 應用
（不唬爛，大部分 Flex 運用都是在控制方向性）

#Flex
#CSS

[第二集己更新] 在這個CSS系列，我會同大家介紹一些基本的 html/css 排版概念，例如如何做到全頁置中；固定排版高度，闊度；多欄排版方法；css 的常用語法和一些常犯錯誤等。

教學網址 : https://hktuto.org/css-%E5%9F%BA%E7%A4%8E%E6%8E%92%E7%89%88/

支持請分享及讚好!

[第二集己更新] 在這個CSS系列，我會同大家介紹一些基本的 html/css 排版概念，例如如何做到全頁置中；固定排版高度，闊度；多欄排版方法；css 的常用語法和一些常犯錯誤等。

教學網址 : https://hktuto.org/css-%E5%9F%BA%E7%A4%8E%E6%8E%92%E7%89%88/

支持請分享及讚好!

支持請分享及讚好 ?

第一集 : https://www.youtube.com/watch?v=9dh1GEg3NdQ&t=10s
第二集 : https://www.youtube.com/watch?v=UUvnOid-134

本集教材 -
XD File : http://otcloud.synology.me:5000/d/f/474276844682620069

GitHub : https://github.com/hktuto/xd-auto-animate-tutorial

TinyPNG : https://tinypng.com/

VS Code : https://code.visualstudio.com/

CSS Gradient： https://cssgradient.io/

Hammer js : https://hammerjs.github.io/


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
html 入門系列
https://hktuto.org/%E5%9F%BA%E7%A4%8E-html-css-js-%E6%95%99%E5%AD%B8/

css 排版系列
https://hktuto.org/css-%E5%9F%BA%E7%A4%8E%E6%8E%92%E7%89%88/

支持請分享及讚好 ?

上集 : https://www.youtube.com/watch?v=9dh1GEg3NdQ&t=10s

本集教材 -
XD File : http://otcloud.synology.me:5000/d/f/474276844682620069

GitHub : https://github.com/hktuto/xd-auto-animate-tutorial

TinyPNG : https://tinypng.com/

VS Code : https://code.visualstudio.com/

CSS Gradient： https://cssgradient.io/

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
html 入門系列
https://hktuto.org/%E5%9F%BA%E7%A4%8E-html-css-js-%E6%95%99%E5%AD%B8/

css 排版系列
https://hktuto.org/css-%E5%9F%BA%E7%A4%8E%E6%8E%92%E7%89%88/

跨平台APP開發使用Visual Studio2015與PhoneGap(第11次01_將JAVASRIPT改為表單元件(九九乘法表)&在DIV中產生九九乘法表結果&判斷個位數補空白讓乘法表排版整齊&用文字區域配合CSS排版與剪刀石頭布範例&用選項按鈕修改剪刀石頭布範例)

上課內容：
01_將JAVASRIPT改為表單元件(九九乘法表)
02_在DIV中產生九九乘法表結果
03_判斷個位數補空白讓乘法表排版整齊
04_用文字區域配合CSS排版與剪刀石頭布範例
05_用選項按鈕修改剪刀石頭布範例

完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYO5dzHFcMBTr5xbvE_6KzaO

教學論壇(之後課程會放論壇上課學員請自行加入)：
https://groups.google.com/forum/#!forum/labor_app_2016

懶人包：http://terry55wu.blogspot.com/p/android.html

課程理念與課程介紹：

從基礎、進階到雲端資料庫整合與行動網頁的全面運用，打造最強、最新、最實用的全方位商業級互動網站!
並延伸到APP開發，並將之結合，用JAVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用PhoneGap服務見可以快速將Web轉成APP。
並使用Visual Studio 2015 X Cordova跨平台應用程式設計，環境建置 X 開發入門 X 介面設計 X 各種應用元件App實務開發的完全整合學習！
最簡單！開發及維護成本低，直接整合應用HTML、CSS及JavaScript進行App開發，學習曲線最短，效率最高！

超跨界！一次開發，即可發佈Android、iOS、Windows不同平台的App，免除學習多種開發工具的煩惱。
神開發！應用HTML即可直接控制智慧手機照相攝影、錄音放音、GPS羅盤、無線網路等眾多硬體感測器！
極直覺！搭配Visual Studio 2015即可簡化專案佈置與程式碼輸入流程，提高開發效率！
不藏私！全新的版本、最全面的解說，引領全方位的App應用程式開發學習。重實例！以小範例入門，到整合的App實例，深入行動應用，範例全面涵蓋：系統醫生、聯絡簿管理、音樂播放器、定位地圖、自我介紹、QRCode掃瞄器、中英文語音合成、檔案上傳下載、簡易照相機、數位羅盤…

參考書目

跨平台 Android．iPhone 程式開發：使用 Visual Studio Community＋Cordova/PhoneGap＋jQuery Mobile作者：陳會安ISBN：9789863123217出版社：旗標出版日期：2016/01/21
Visual Studio 2015 X Cordova跨平台App實戰訓班(附近120分鐘關鍵影音教學/全書範例程式)鄧文淵 總監製/文淵閣工作室 編著出版商: 碁峰出版日期： 2016-03-29
HTML5+CSS3+jQuery Mobile輕鬆打造App與行動網站(第二版)
作者： 數位新知, 陳婉凌
出版社：博碩 出版日期：2016/01/08

吳老師教學部落格：
http://terry55wu.blogspot.com/

android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,app開發教學,Visual Studio2015,PhoneGap