WebDevelop工具與套件們

這一個憤怒的記錄文件=_=.... 記錄到處看到的 frameworkssssss

發現前後端完全沒有辦法切切切開，只好寫在一起了=_____=

• 以前是沒辦法切開阿，但是現在可以了 @@

一個奇怪的參考：http://w3techs.com/

關於前端(web Develop)的雜七雜八

•  通常網路上找到的安全教學都以 Mac 為主(應該是因為有小黑窗的關係)
• 然後印象中有一個 virtualbox 的工具不知道叫啥去了...

HTML 相關

基礎教學相關

• w3c school
• codecademy

• 我想不要推薦w3c school比較好 ..wwww
• w3c其實我沒認真看過啦XDDD 不過系上學弟妹們似乎入口都會是這個(? 可能是有中文的關係)
• 大多數時間還是看實體書比較習慣

簡化工具(姑且稱為 framework...)

• jade
• erb
• ejs

JavaScript 相關

基礎教學相關

• (這我不知道=_=)

• 有不少書籍需要幫忙列嗎?
• http://superherojs.com/  這網站有不少資料

簡化工具(姑且稱為 framework...)

• coffeescript (.coffee)
• coco

• 副檔不知道叫啥...很少看到這個

• livescript (.ls)

• 以上三個加起來有一張奇妙的演化圖...

JS的函式庫們

• jQuery
• dojo
• d3.js (資料視覺化)
• angularJS
• backbone
• emberjs
• knonkoutjs
• sencha

CSS 相關

• sass
• less
• compass
• stylus

Responsive Web Design toolkit

• susy
• bootstrap
• semantic-ui
• Foundation

開發工具與(它的)套件們

• gulp
• grunt.js
• livereload
• bower
• RequireJS

Server-side

各語言 & framework 的效率比較： http://www.techempower.com/benchmarks/#section=data-r9&hw=i7&test=json

語言們

• PHP
  • frameworks:
    • Code Igniter
    • yii
    • laravel

• Python
  • django
  • flask
• Perl
  • 
    
• Ruby
  • rails
  • sinatra
  • jellyfish
• Java
  • stuct
• ColdFusion
  • 
    
• JavaScript(Node.js)
  • express
  • sailsjs
• ASP.NET (not open source)

• 現在有些有open source了
• 
  

資料庫們

• 基礎知識應該是 SQL 語法....

• SQL
  • SQLite
  • MySQL family
    • MySQL
    • mariaDB
    • Percona
    • WebSQL
  • PostgresSQL
  • Oracle
• NoSQL
  • Redis
  • MongoDB
  • neo4j
  • couchdb
  • HBase

• 結果你放了一個NoSQL wwwww
• NoSQL也是從SQL分支的嘛QAQ 就算在一起吧(誤)

主機服務們

• firebase
• mongolab
• Heroku
• Parse