完成】跟著書做~Vue.js、HTML5、CSS3、JavaScript、jQuery、RWD網頁設計（第八版）

 裡面有介紹VUE，下面是操作的問題。

跟著網站做~~ithome鐵人賽~~前端？後端？你早晚都要全端的，何不從現在開始？

 1.看到仙姑狗，我也要一隻@@lu23770127 - SASS 基礎初學三十天、10u1 - 糟了！是世界奇觀！、juck30808 - Python - 數位行銷分析與 Youtube API 教學、HLD - 淺談物件導向與Design Pattern介紹

2.工程師的捧由真幸福，上班就是一直在學新東西@@我都是要挪出時間來學新東西~~

3.推薦 React官方文件、Django教學文

4.網路上有很多公開且免費的Data 跟 API可以使用，政府公開資料平台、智慧城鄉 Open API 管理平台、氣象開放資料平台

5.6.文化資料開放服務網，為了方便串接API，有JSON格式是最好的

7.

sublime Visual Studio Code 安裝與使用html5

 Sublime

1.  先下載 sublime。
   https://www.sublimetext.com/3
2. 下載package control，這是我覺得奇怪的地方，若是每個使用者必須安裝的功能，為什麼不能直接就在軟體中呢???(商業考量@@)。
   https://packagecontrol.io/installation
3. 安裝package control，照著上面網頁中的指示。先安裝package control(install package control)，然後再下載(control.sublime-package)放到sublime安裝位置中的Packages裡。
4. 安裝中文套件。
   先(shift + ctrl + p)叫出command，簡單輸入install，就會呼叫package control:install package，點選這個。裡面有很多套件可以使用，這邊再輸入chineseLocalizations並點選就安裝成功了。
5. 新增html
   一開始新增的檔案都是plain text，要點選右下角改成html，即可。並在檔案中輸入<html>就完成了。
6. emmet套件可以快速產生html、CSS，第一次覺得tab好用(雖然平常都是用tab縮排)
   先安裝emmet，接著在html中輸入div*4 再按 tab鍵，就可以直接產出四個div。
   div+a 、div>div*2、div#wrapper、.background
   

 VS Code

1. 先看看說明，並下載portable(zip)
   https://code.visualstudio.com/docs/editor/portable

normalize
https://necolas.github.io/normalize.css/

JQuery
https://jquery.com/

html5shiv 讓舊的瀏覽器認識html5
https://github.com/aFarkas/html5shiv

Adobe color
https://color.adobe.com/zh/create/color-wheel

MediaQuery 用html與css來判斷螢幕寬度

1.  html那邊在head加入，好讓不同寬度的裝置搭配不同的CSS
   <link rel="stylesheet" href="mediaQuery480.css" media="screen and (max-width:480px)">
2.  html那邊在head加入，讓螢幕初始縮放比例為100%
   
   <meta name="viewport" content="width=device-width; inital-scale=1.0">
3. CSS那邊就加入，開始調整畫面囉
   
   @media screen and (max-width:480px){

       /* 如果裝置寬度小於或等於480px，就會載入這個CSS */

   
   

   } 

 Bootstrap

1. https://getbootstrap.com/
2.  加入bootstrap.css與 bootstrap.js。CSS通常放在head那邊，js放在footer之後(JQUERY也是)
   

 變成Android App

1. 下載安裝java JDK
   將JDK的BIN加入到環境變數
   
2. 下載安裝 Android Studio
   要取得並安裝 Android SDK(4.1.3直接內建)
   
3. 下載安裝 Node.js
   npm install -g cordova
   
4. 接下來都用cordova 來新增(只能用一般 cmd 操作，不用管理員)
5. cmd D槽，然後 codrova create 專案資料夾
6. 複製相關檔案到專案中，cmd 到專案中，cordova platform add android
7. 編譯出apk，cordova build android
8. 還是要去下載gradle，然後再android studio設定gradle的目錄位置，並在執行gradle.bat(在下載的gradle中)

 

 感謝"秒懂，行動網頁設計"的作者

 

 

 

 

flash 的 swf 轉 html5

之前有使用google直接線上轉html5，但現在已經不行用了...
http://www.techbang.com/posts/6975-do-not-have-to-learn-grammar-easily-convert-flash-html5

所以就用adobe的來試試看...不行使用swf...
http://mickeybooks.blogspot.tw/2014/09/flashhtml-5flashhtml.html

試試看 Sothink SWF，還是不行，轉不出來，因為之前是使用FLASH製作的相簿
http://www.sothink.com/product/flashdecompiler/download.htm

最後，直接重作成GIF檔，利用PhotoScape來製作...

架設 影音伺服器

最近有人問到想要將影片放在網路上供他人觀看，第一個就想到youtube，但是好像有時間與容量的限制(雖然好像已經開放，需要申請)，但想想若是自行架設，就可以學到一些東西囉!!!

微軟方面的
1.IIS Media Services 與 Smooth Streaming 影音串流的安裝與設定
http://blog.yam.com/yzl1218/article/59072279

2.邊做邊學 IIS Smooth Streaming 系列
http://blog.sina.com.tw/4907/article.php?pbgid=4907&entryid=586092
http://blog.sina.com.tw/dotnet/article.php?pbgid=4907&entryid=586094

red5，以前就有關注一下，但好像沒有太多資料可以參考
http://red5.org/

HTML5
1.HTML5 Video API與Apache mod h264 streaming的簡易串流技巧
http://www.cc.ntu.edu.tw/chinese/epaper/0033/20150620_3308.html

2.防止下載的HTML5 video - 使用crossorigin
http://kwenote.blogspot.tw/2016/01/html5-video-audio-tagcrossorigin.html

jquery 套件

今天第一次使用jquery套件，但firefox卻顯示"You don't have permission to access /mobile/tablesort/themes/blue/style.css"本機測試還出現這樣問題。

看了一下資料夾是綠色的，右鍵取消"加密內容，保護資料"就可以讀取囉!!