有趣的網站研究 Day 2

點到這網站的時候
只是想說這兩個卡通角色竟然有特展
於是就進來看了
但是切換頁面的時候發現
竟然可以用loading的變更
切換頁面不用全部讀取
而且可以平順的切換網址
跟FB很類似的效果

網站:http://mmts40.tw/ticket/

看了一下code
網站是wordpress架設的
用到wp的一個theme的修改
叫做 Bridge,是在 themeforest 上面販賣的
仔細找一下
平順轉頁的功能是這個theme的公司自己寫的功能

gist:https://gist.github.com/Barneybook/3ad781b965264b34ee7a

theme引用的其中一個js檔,應該就是ajax換頁的功能
我貼到gist上面,其實寫的挺好的
看來需要另外找時間去把code研究研究

有趣的網站研究 Day 1

開始寫新的主題
把別人網站拿來研究也是不錯的主題

網站連結:http://p5jsbrush.yannest.com/
gist:https://gist.github.com/Barneybook/836248c800f5dbc0cefa

PS:避免code被刪掉,備份到gist了!!
有用到一個p5.js,感覺也是繪圖用的js
這是一個把滑鼠移動的地方塗白,點選左鍵就會塗黑的範例
 

Github上面的資源 repository

看到一篇 推薦!國外工程師整理的系統管理員資源大全
進去發現是翻譯github上面 awesome-sysadmin
一時興起就搜尋一下上面 awesome- 開頭的repos
然後設定用stars排序
就找到了一整排的 各類資源repos
以下列出我常用的,跟其中比較特別的部分

用書籤工具拉了一個排名前面的整理頁面

全端工程師應該要會的 X 件事

精實的工程師似乎要會很多
全端 = 前端 + 後端
我覺得嚴格來說 全端工程師
應該是要知道整個網站的全貌
並能夠協助 前端 與 後端
全都懂不代表全部都要做
因為現在網站越來越多事情要處理
畢竟熟悉全貌
事情做起來才會快速
那就來談談應該要會的 X 件事情吧

  1. 網站架設 (聽說MIS也都會)
    1. 域名設定
    2. DNS設定
    3. 評估主機規格並購買與管理
    4. 設定主機環境
    5. 開發環境建置
    6. 各種主機服務的架設
  2. 網站規劃 (聽說PM都不會以下)
    1. 網站開發工具選擇
      1. framework
      2. UI framework
      3. library
      4. API service
    2. 開發語言選擇
    3. 源碼版本控制管理
    4. 資料庫結構設計
    5. 網站功能與架構設計
    6. 網站功能時程評估
    7. 網站架構切割(將開發工作切割)
    8. issue track 選擇
    9. 是否導入 持續整合(CI)
    10. QA的流程規劃
  3. 網站製作
    1. 網站功能切分(後端)
    2. 網站設計切分(前端+設計)
    3. 開發流程的協調(感覺就是處理PM不能處理的)
    4. 開發中的功能調整(後端+前端)
    5. 開發中的設計調整(設計)
    6. 協除排除開發問題(後端+前端)
  4. 網站維護
    1. 追蹤網站運作
    2. 修復網站錯誤
    3. 追加功能開發
    4. 網站功能重新設計與製作
    5. 分析資料庫數據

只用瀏覽器也可以寫程式

前面有寫到網站開發環境,
但是有些剛入門的新手,一定會遇到
『我就是不會架設環境,好麻煩唷』
鑒於研究精神,應該要自己學一下
但是在這邊還是整理一下各家雲端開發環境,
因為是臨時找出來的,所以大家有知道其他都可以補充一下唷
閱讀全文 只用瀏覽器也可以寫程式

為何選擇PHP?

這要回到2004年左右。
剛考上大學,只會寫寫簡單HTML&JS的我,踏入了資工系
從C開始學習程式撰寫,才知道寫程式是怎麼一回事
後來自己多方了解,才知道寫網站有後端這種東西,就是生成網頁用的程式語言
那時候知道的有ASP(尚未改名為.NET)、PHP、JSP,
不考慮另外兩個的原因是
ASP一定要買開發環境,要錢$$,不考慮
JSP的資源好少,所以也被列為不考慮
當時PHP剛好到達穩定版本4.3~4.4
而且學校也剛好有課,就很認真地學習
其實在學校學會很多程式語言,C、C++、JAVA
但是,一直都只對網頁與網站開發有興趣
因為覺得自己寫一個很厲害的服務就可以賺錢XD
(PS:後來才發現沒這麼簡單)
總之,念書到工作這段期間,PHP一直都很紅
從4.X到了5.X,也出現了很多可以直接安裝的應用,因為是opensource
從論壇PHPBB、Discuz!、PHPwind。
到CMS:wordpress、drupal、xoops、joomla!。
到framework:codeigniter、Yii、cakePHP、Zend、symfony、Laravel、Phalcon、等等。
到現在,每個月都可以發現github上面有很多新的php專案
也有論壇 https://github.com/vanilla/vanilla
這也是我一直使用PHP的原因吧,雖然發現,PHP工程師怎麼沒有想像中的多XD
但是依舊只能繼續走下去了。
PS:也有花時間學習其他後端的opensource語言
不過這就放到以後再說吧!!!
原文連結

何謂全端工程師?

其實全端工程師(Full Stack developer)
也是2010年過後才有的詞彙(10年前根本就沒有這職缺XD)
但是其實台灣很早就有這種工作缺
只是沒有取名叫做全端工程師
因為早期網頁工程師,主要都是製作後端程式,順便寫介面
畢竟介面設計會交給設計師或是美術
後來是因為介面設計越來越複雜
所以前端就獨立出來了!!! (CSS+HTML架構+設計)
關係就會是,設計師<->前端工程師<->後端工程師
那究竟跟全端工程師有啥小關係呢?
根據一篇2012年8月的文章
What is a Full Stack developer?
裡面定義的全端就是:MIS+前端+後端,可以的話整體都一起做
其實這樣跟一人SOHO沒什麼不一樣
所以才說台灣很早就有了。2000年前就有很多SOHO是全端了
因為這樣比較節省成本,也省人力。
但是現在的全端需要知道的事情其實挺多的。
畢竟MIS的資訊要常常更新、後端技術也是演進的很快、前端就更不用說了
所以走一條路其實就很地獄了,更何況是三條一起走XD
OS:其實 地獄+地獄+地獄 = 地獄
原文連結