Posts

Showing posts from July, 2017

MERN Boilerplate

Image
上學期學 Web Programming 的過程中,對於不斷湧上來的新技術總是感到期待,畢竟學得愈多能做的事情就愈多,把工具一個個串接在一起做想要做的東西也很有成就感。不過我一直覺得要重複那些實作上必經的例行步驟相當乏味,於是便把自己寫的 Blog App 改了一下,打造成一個以 Node 和 webpack 為基礎,React 做前端、Express 做 Server 並接上 Mongo database 的開發模板。

直到前陣子合作開發 Beact 的時候,Vibert Thio 學長所做的環境配置讓我有點嚇到(所謂的被技術霸凌),才發現自己根本沒有真的使用到 webpack 強大的地方。於是當時便下定決心暑假要找時間將 webpack 的細節研究的更深一點,改良之前那個陽春的模板,並用這些新技術回頭去修正開發 Beact 時因時間因素尚未解掉的 issue。

經過將近三天的折騰,總算完成了一個能看的新模板(回頭看舊版覺得好丟臉啊Orz)。聽說寫程式定期 review 和紀錄是提升自己的好習慣,所以我決定在這邊把自己這幾天開發時的一些想法和技術內容給記下來。模板的詳細內容可以參考底下連結,也歡迎善心/熱心人士發 pr~

Github:MERN-BoilerPlate

Beact

Image
不少認識我的人應該知道,這學期因為跑到電機系去修了一門跟網路開發有關的專題使得我花了一堆時間在寫 Code。而 Beact 是我在專題中和兩位學長(電機系的 Vibert 和外文系的 Joey)花了快兩週做的 Final Project,也是至今第一次參與總行數過萬的中型 Project。這篇會稍微介紹這個 Project 的一些功能使用方式,也會談談整個開發過程中遇到的難點和心得。

台大好課評價:Ric's Web Programming

Image
開課年度:105-2

授課教師:(開課)黃鐘揚、(助教)朱柏憲、林承澤、曾建勳

開課系所與授課對象:電機系專題,但外系也可填一樣的表單申請

私心推薦指數(滿分十分):

不排斥自學、查文件:十分
喜歡寫程式:十分
想只用聽課學東西:五分

課程大概內容

Week 1 - Web 發展 / JavaScript / DOM
Week 2 - JS good parts / bad parts / ESLint
Week 3 - Node / Express.js / Git warm up
HW1 - TODOs
Week 4 - ES6 (ES2015) / Babel / JSX / React
Week 5 - Webpack
Week 6 - In-class Practice: Calculator
Week 7 - More on React
Week 8 - RESTful / Promise / fetch
HW2 - Comment Board
Week 9 - Router / Testing
Week 10 - In-class Hackathon
Week 11 - Redux
Week 12 - Database / SQL
HW3 - Blog
Week 13 - SQL builder / MVC / Cookie & Session
Week 14 - Hash / Migration/ ORM / Auth
Final Project