標籤:資策會

台中資策會前端班 第二周

第二周開始HTML5一系列課程,教室是在資策會樓層更上面的采威資訊公司會議室。會議室沒有廣播系統,視線又很容易被擋到,學習效果很差。

 

資策會HTML5課程的HTML5,廣義解釋為HTML5+CSS3+JavaScript,和我預想的解釋差不多,而長期班的HTML5課程,其實就是HTML5短期班課程。(HTML5 跨平台網頁與App設計實務,授課時數: 48小時。)

htmlcssjs

 

因為把短期班併到長期班一起上,所以這周開始班上多了3位短期班同學。當然我HTML和CSS大部分在六角學院上過了,JavaScript也有在網路上看過基礎概念影片,尤其還不怕死跑去聽保哥的JS核心課(<–以為是入門結果完全聽不懂),應該之後按基礎上起來不會很吃力?

 

周六是理論課,尤其集中在HTML上,例如:

什麼是 HTML5?

Canvas元素可以做什麼?

HTML5的載體:桌機、手機、平版(主要集中在瀏覽器)

其他如HTML基本語法名詞解釋文件架構實作網頁標籤等等

回家作業是表格TABLE

 

週六感想:

因為視線容易被前排同學擋到,所以我就聽聽為主當複習。是很輕鬆,但好像哪裡怪怪的?

%e7%96%91%e6%83%91

 

周日是JavaScript課程,以做中學為主。例如:

JavaScript 基礎語法(不是慢慢講而是範例出現什麼才講)

JSON 語法與資料處理(當天時間不夠沒講完)

JavaScript 如何綁定事件與事件處理函式

解說與使用 Event Object

Event BubblingpropagationpreventDefault 觀念解說

實作 HTML5 的拖放功能(Drag and Drop)

 

馬上瞭解為何周六覺得怪怪的:

既然是實戰班,所以課程一定不可能慢慢解釋,老師中途也不斷強調,長期班之後會有16天專門講解純JavaScript程式,聽不懂就當入門,真的是不斷強調,我是覺得這種說法很奇妙啦,短期班偏實戰,對於從0開始學的人很吃力,以長期班角度來看挺不友善,現在學習資源那麼多,就是自學有困難才上長期班從頭磨,結果開課還是教很快又上實戰的部分,那…?

 

 

不是每個人都有先摸過web基礎,中午全家買咖啡時,遇到另一個長期班同學,稍微聊一聊發覺我們上午都上課上到很累(我們都非資工管本科系),還好我有在網路上先摸過HTML與CSS,所以當然不是要抱怨上的很差哈哈,只是覺得這步調很微妙,自己缺的剛好就是短期班的實戰統整,希望我能在之後幾周課程更進步,大家加油哀。

 

台中資策會前端班 第一周

當初在選擇資策會前端班課程,和中壢資策會比起來,最後選了台中資策會。台中資策會前端班上課時數500小時,上課時間為周六日全天,平日二四晚上是自修時間,12月17號開始上課,上道2017年的6月底。

第一天不是算是正課,上午大家先自我介紹,接著老師說明未來課程注意事項規範等,下午帶我們認識以後主要用到的開發環境c9.io雲端系統 ,以及github辦帳號等未來開發環境的建置與介紹。

c9

CLOUD9雲端開發工具 課程中以網址簡稱c9.io

github

github 這應該不用我介紹吧XD

第二天開始正課,主要是教GIT基礎指令應用,在c9.io雲端系統上練習。開始老師以window的資料夾示範沒有版控軟體,又想要進行版本控制的窘境:將檔案複製到不同資料夾備份,和出差錯的狀況。

但GIT不用這麼麻煩,GIT版控的特性,要以樹狀圖的方式來看修改歷程與紀錄,而非是單線性的版本控制。觀念講完後,開始說明git init本機數據庫的建立:

如檔案暫存,提交到本機數據庫,還有分支與合併檔案指令(預設分支:master),最後是處理合併檔案後的衝突解決方法。

 

這是上午老師在課堂上提出的問題

   (1) 什麼是 repository(數據庫)?答: 一個 .git 的資料夾

   (2) 什麼是 working directory? 答:受 Git 系統節制的工作目錄

   (3) 一個檔案,在 git 體系有哪三種狀態? 答:已變更、已暫存、已認可

後來想想,老師(1)講解還算清楚,只是.git 的資料夾這解釋以後再來看,會看不懂,因為是以當下在c9.io的終端機操作上解釋。

什麼是 repository(數據庫)?

我的認知是,用來紀錄檔案與目錄,存放修改紀錄與內容的地方,git的數據庫分為本機數據庫與遠端數據庫,本機數據庫(網路上是說本地數據庫)就是用戶實際工作修改與存放資料的地方,通常在自己操作的電腦上,所以又叫本地數據庫。

而遠端數據庫就是大家共同下載版本,上傳的統一數據庫,用來存放當前最終版本,大家從遠端數據庫下載當前版本到自己本機數據庫,然後不斷在自己電腦改一改,上傳code等檔案到本機數據庫。開發時不斷修改code,就算改爛了,還可以從遠端數據庫把原始版本叫下來改。

最後OK了,將檔案上傳到本機數據庫,再上傳到遠端數據庫,下次大家要再修改或新增東西,就是再從遠端數據庫把當前最終版本在叫來本機數據庫,在從本機數據庫叫下來修改。

 

下午為與github進行互動,在github上建立數據庫,並從github上複製數據庫至本機,接著教在本機上把修改過的數據庫git push到github上,接著在github上修改數據庫的檔案(文字)。

在c9.io終端機輸入git pull會發現c9.io的本機數據庫(實際上是複製github數據庫)的檔案文字與在github上修改數據庫的檔案(文字)一樣。最後是上git push,pull後版本衝突的解決方式(合併)。

 

 

整理一下今天教到的指令

git init 建立repository 數據庫

git add 將檔案加到暫存區

git commit 提交暫存區檔案到本機數據庫

git branch 分支

git checkout 呼叫分支內容

cd (資料夾名稱) 切換工作目錄

git status 查詢當前工作目錄狀態

git merge 合併分支

git clone (github網址) 複製該github數據庫到本機

git push 將本機上修改過的檔案與紀錄提交到遠端數據庫

git pull 將遠端數據庫的檔案下載同步到本機

 

 

大概是這樣…很少嗎?因為主要著重在觀念上,感覺還需要在消化一番。

GIT的指令在GIT的衍生軟體上是通用的,老師的用意應該是讓我們先認識GIT指令,之後上課要上傳作業或專題時繼續帶我們用,不然基本上6小時怎麼可能就上完git啊!

 

其他感想是:第一周課程還蠻無聊的,因為git本身沒什麼樂趣可言(就是個版控),第二周要開始上HTML5,課程應該會有趣一點,尤其我在轉個彎教室和六角學院都有上完基本HTML標籤用法(HTML4)與特性,比較缺乏的是"HTML5″標籤和特殊CSS效果動畫應用,希望老師之後會講解到。

最後附上幾個連結

Git達人教你搞懂GitHub基礎觀念 

連猴子都能懂的Git入門指南網址

我目前比猴子還不如,希望之後會好一點哈哈。