2017年8月10日 星期四

Advanced JS Chapter 2

課程內容:

今年課程Github:
https://github.com/QQBoxy/2017vc

RESTful API in Node and Express:
https://github.com/scotch-io/node-api

全端 React + Express + Webpack + Live-Reload 開發環境範例:
https://github.com/QQBoxy/react-express-webpack-full-live-reload-example

全端 Express + MongoDB 範例
https://github.com/QQBoxy/express-mongodb-example

C POST Create
R GET Read
U PUT Update
D DELETE Delete

作業:
[專題生] 請建立自己的專題網站

[碩班] 請幫忙更新實驗室網站
https://ccucadcam.blogspot.com/

2017年8月8日 星期二

Advanced JS Chapter 1

課程內容:

今年課程Github:
https://github.com/QQBoxy/2017vc

如何建立一個網路服務?

開發工具
  • 前端(Front-End)
    1. HTML + JavaScript + CSS
  • 後端(Back-End)
    1. Node.js + React + Express + MongoDB

一個常見的網路應用組成?

Web應用

  1. http://wordboxy.blogspot.com/?m=0
  2. http://youtuberepeat.blogspot.com/?m=0

雲端運算

  1. Siri
  2. Line Bot
  3. Alpha Go


如何撰寫"前端"到"後端"程式?

  1. https://pages.github.com/
  2. https://github.com/QQBoxy/react-express-webpack-full-live-reload-example


作業:
使用Git Page建一個,屬於自己的個人介紹網站。

2017年8月1日 星期二

Advanced VC++ Chapter 2

課程內容:

今年課程Github:
https://github.com/QQBoxy/2017vc

OpenCV官方網站:
http://opencv.org/

OpenCV使用CMake編譯設定

OpenCV編譯結果

補充:
Regular Expression
https://github.com/QQBoxy/2016vc/tree/master/regex

正規表示法參考指令列表:
字元描述
\將下一個字元標記為一個特殊字元、或一個原義字元、或一個向後引用、或一個八進位轉義符。例如,「n」匹配字元「n」。「\n」匹配一個換行符。序列「\\」匹配「\」而「\(」則匹配「(」。
^匹配輸入字元串的開始位置。如果設置了RegExp對象的Multiline屬性,^也匹配「\n」或「\r」之後的位置。
$匹配輸入字元串的結束位置。如果設置了RegExp對象的Multiline屬性,$也匹配「\n」或「\r」之前的位置。
*匹配前面的子表達式零次或多次。例如,zo*能匹配「z」以及「zoo」。*等價於{0,}。
+匹配前面的子表達式一次或多次。例如,「zo+」能匹配「zo」以及「zoo」,但不能匹配「z」。+等價於{1,}。
?匹配前面的子表達式零次或一次。例如,「do(es)?」可以匹配「do」或「does」中的「do」。?等價於{0,1}。
{n}n是一個非負整數。匹配確定的n次。例如,「o{2}」不能匹配「Bob」中的「o」,但是能匹配「food」中的兩個o。
{n,}n是一個非負整數。至少匹配n次。例如,「o{2,}」不能匹配「Bob」中的「o」,但能匹配「foooood」中的所有o。「o{1,}」等價於「o+」。「o{0,}」則等價於「o*」。
{n,m}mn均為非負整數,其中n<=m。最少匹配n次且最多匹配m次。例如,「o{1,3}」將匹配「fooooood」中的前三個o。「o{0,1}」等價於「o?」。請注意在逗號和兩個數之間不能有空格。
?當該字元緊跟在任何一個其他限制符(*,+,?,{n},{n,},{n,m})後面時,匹配模式是非貪婪的。非貪婪模式儘可能少的匹配所搜索的字元串,而預設的貪婪模式則儘可能多的匹配所搜索的字元串。例如,對於字元串「oooo」,「o+?」將匹配單個「o」,而「o+」將匹配所有「o」。
.匹配除「\n」之外的任何單個字元。要匹配包括「\n」在內的任何字元,請使用像「[.\n]」的模式。
(pattern)匹配pattern並獲取這一匹配。所獲取的匹配可以從產生的Matches集合得到,在VBScript中使用SubMatches集合,在JScript中則使用$0…$9屬性。要匹配圓括號字元,請使用「\(」或「\)」。
(?:pattern)匹配pattern但不獲取匹配結果,也就是說這是一個非獲取匹配,不進行存儲供以後使用。這在使用「或」字元(|)來組合一個模式的各個部分是很有用。例如,「industr(?:y|ies)就是一個比」industry|industries'更簡略的表達式。
(?=pattern)正向預查,在任何匹配pattern的字元串開始處匹配查找字元串。這是一個非獲取匹配,也就是說,該匹配不需要獲取供以後使用。例如,「Windows(?=95|98|NT|2000)」能匹配「Windows2000」中的「Windows」,但不能匹配「Windows3.1」中的「Windows」。預查不消耗字元,也就是說,在一個匹配發生後,在最後一次匹配之後立即開始下一次匹配的搜索,而不是從包含預查的字元之後開始。
(?!pattern)負向預查,在任何不匹配pattern的字元串開始處匹配查找字元串。這是一個非獲取匹配,也就是說,該匹配不需要獲取供以後使用。例如「Windows(?!95|98|NT|2000)」能匹配「Windows3.1」中的「Windows」,但不能匹配「Windows2000」中的「Windows」。預查不消耗字元,也就是說,在一個匹配發生後,在最後一次匹配之後立即開始下一次匹配的搜索,而不是從包含預查的字元之後開始
x|y匹配x或y。例如,「z|food」能匹配「z」或「food」。「(z|f)ood」則匹配「zood」或「food」。
[xyz]字符集合。匹配所包含的任意一個字元。例如,「[abc]」可以匹配「plain」中的「a」。
[^xyz]負值字符集合。匹配未包含的任意字元。例如,「[^abc]」可以匹配「plain」中的「p」。
[a-z]字元範圍。匹配指定範圍內的任意字元。例如,「[a-z]」可以匹配「a」到「z」範圍內的任意小寫字母字元。
[^a-z]負值字元範圍。匹配任何不在指定範圍內的任意字元。例如,「[^a-z]」可以匹配任何不在「a」到「z」範圍內的任意字元。

String convert
https://github.com/QQBoxy/2016vc/tree/master/stringconvert

作業:
建立一個小工具,可讀取矩陣格式文字檔,並求取反矩陣。

請採用Matlab的矩陣格式文字檔,範例內容如下:
[1 1; 2 2 ; 3 3]
[4 4 4 ;5 5 5]
[6 6 6 6;7 7 7 7;8 8 8 8 ]

2017年7月26日 星期三

Advanced VC++ Chapter 1

課程內容:

VC++ 2013 建立基本專案影片教學:


今年課程Github:
https://github.com/QQBoxy/2017vc

歷年課程Github:
https://github.com/QQBoxy/2016vc
https://github.com/QQBoxy/2015vc

網頁C++編譯器:
http://cpp.sh/
http://ideone.com/

C++ mfc open file dialog:
CFileDialog

Create Document/View using MFC:
http://codeboxy.blogspot.com/2013/04/create-documentview-using-mfc.html

OpenGL教學網站:
http://www.opengl-tutorial.org/
https://github.com/opengl-tutorials/ogl

OpenGL使用CMake編譯設定

OpenGL編譯結果

作業:
讀取三角網格模型檔案(*.stl),在畫布上顯示一個正在旋轉的3D模型。