關於 javascript jquery差異 ，我們在網路上蒐集到這些相關的討論、資訊與評價

設計師學習程式的重要心法
這個問題很常被問到
畢竟我也是從設計師轉戰工程師
在體驗設計的現實層面後
工程師的生活似乎充滿了憧憬!?

## 規劃自己的學習步調 ⭐⭐⭐⭐⭐
這是最為重要的一個流程
找一份教材或是文件
安排固定的時程開始學習
如果看到什麼都想沾一下
將會成為碎片化記憶
沒有辦法存入大腦之中

## 使用主流的教材 ⭐⭐⭐
先前有同學拿坊間的書籍詢問
「為何我們的內容與書籍差異那麼大」
仔細看書本內錯誤繁多
與 W3C 官方教學網站落差甚大
避免誤入錯誤的學習
可多利用 Google 查詢
該教學是否有人推薦

## 選擇有成就的主題 ⭐⭐⭐
先學 jQuery 還是 JavaScript 雙方論戰許久
我會建議先學習 jQuery
原因在於設計師擅長圖形化理解
如果先學 JavaScript
資料、結構概念在起初會充滿挫折
但如果能直接從 JS 中獲得樂趣者
從此開始也是個好選擇

## 數學不好，剛開始會辛苦不少 ⭐
我在國中時期，數學曾經拿過 1 分
因為老師看我公式都寫了，雖然答案錯
還是給個同情分 T_T
程式的基礎概念許多是數學的延伸
例如：變數、數學公式
如果你跟我一樣數學不好
一開始可能會辛苦些喔

## 決心勝過一切 ⭐⭐⭐⭐⭐
我見過許多設計師後來成功轉戰工程
在業界也都有不錯的成績
有人帶固然會輕鬆許多
但決心還是比其他因素更為重要
開始 -> 堅持 -> 持續學習

#每日一觀點

[好站介紹] CodeRibbit：教學影片界的 YouTube

咳咳...好吧～我承認那個稱號是我封的...不過這個站真的有不少與程式設計相關的教學影片。在頂端選單的「All Tutorials」拉下來，可以看到分類得不錯：

* Ruby
　- Ruby Basics
　- Ruby on Rails
　- Starting Rails
　- Advanced Ruby
　- Ruby Testing
* JavaScript
　- jQuery
　- Backbone.js
　- Node.js
　- Ember.js
　- CoffeeScript
　- Angular.js
* HTML/CSS
　- CSS Fundamentals
　- HTML5
　- CSS3
　- SASS
　- Responsive Design
　- Compass
　- Design
* iOS
　- iOS Fundamentals
　- Objective-C
　- XCode
* Electives
　- R Basic
　- Git Basic
　- Advanced Git

幫大家小小介紹一下上面一些選項，好讓不熟悉的朋友能瞭解自己該從哪裡開始學起。畢竟看到上述那些名詞，還能發出「會心一笑」、羽扇綸巾地說著「略懂～略懂～」的人，也不需要看這個網站了吧？（哈哈哈）

Ruby 是一種常見於網頁程式設計的語言。能在兩三天內，就從零建造出略具規模的網站。以「網頁設計界的急行軍」著稱（好吧～這個也是我封的 XD）。Rails 是 Ruby 的一種「框架（Frameworks）」。比較不準確、但容易懂的講法，可以把 Rails 視為 Ruby 的一個函式庫，或是外掛工具，提供 Ruby 這個語言額外的方便功能。打個比方大家就容易懂：Ruby 是索爾，Rails 是雷神之鎚。Ruby on Rails 就是手握雷神之鎚的索爾。太陽花學運期間，有些一夜之間架起來的募資網站，都是神人們用 Ruby on Rails 做的。如果你對「快速網站塑型」（Rapid Web Prototyping）有興趣，建議可以看看 Ruby 與它的鎚子 Rails。一起服用效果更佳...

HTML, CSS, JavaScript 應該知道的人就多了。這三個有網站前台「三本柱」之稱所負責的範圍如下：
* HTML 負責標示文章結構（到哪裡是主標、哪裡是一個段落...）
* CSS 負責排版（主標對中+24點字+粗體...之類的）
* JavaScript 負責與使用者互動（動畫效果、檢查輸入資料是否符合格式...）

由於 JavaScript 用得廣，它不像 Ruby 只有 Rails 這把鎚子。它有 jQuery, Backbone.js, Node.js...等大劍、神盾、披風與紅內褲... =皿=。適度搭配的確可以收神兵利器之效，但把所有框架全都加在一起，你得有很高超的平衡技巧，才會讓這鍋大雜燴變成撒尿牛丸。如果你真的沒有時間，你的工作著重在網站前台的，學 jQuery 或 Angular.js。你的工作著重在網站後台的，學 Node.js，應該就不錯了。

iOS 學的是如何撰寫執行於 iPhone / iPad 等設備上的 App。至於下方的「R」，是大數據領域常常使用的一套統計分析用軟體（也有自己的 R 語言）。Git 是版本控制軟體。它可以記錄你每次存入程式碼的差異，以便將來後悔，想倒退回某一天的版本時，它就能幫你辦到。

啊！說了這麼多，差點忘了把 CodeRibbit 的網址給大家。請服用：
CodeRibbit: http://coderibbit.com/index.html

希望今天的分享大家會喜歡！別忘了按個讚鼓勵一下喔！

想學網頁程式設計卻不知道該從哪裡著手嗎？國外神人幫你把課程表排好了！

這篇把成為一個「網頁程式設計師」的課程順序排得很好！跟我理想中的順序很接近！特別推薦給大家！

Step 0: 前台語言與相關工具

首先作者推薦學習「HTML > CSS > JavaScript」，也都附上學習資源。

接著作者希望大家去學 Git。其實這個跟「網頁設計」直接關係不大，Git 是一套「程式碼版本控制軟體」。它可以比對前後兩個版本的差異，然後只把差異部分儲存起來。如此一來，你就算寫到後來，發現一個月前那個版本才是對的，也可以要求 Git 倒回特定日子的某個版本。我也強烈推薦學習。不過如果時間不夠，您可以暫時跳過（雖然很可惜），等學完之後回頭再來學也可以。

接著作者建議學 GitHub 之類的網路服務。GitHub 是程式師把原始碼分享出來，與大家交流的地方。GitHub 保有 Git 版本控制的特色，也能指定抓出某日某版。嚴格來說，您可以把 GitHub 看成程式設計界的 Facebook。只不過 Facebook 交流的是照片、打卡，這邊交流的是程式碼。這部分也是急得話可以事後再回頭學。

Step 1: 後台語言

接著作者開始教大家學習後台語言。由於作者是「Ruby 粉」（Ruby Fans），所以他會推薦 Ruby。其實這部分可以換成 PHP，或最近很流行的 Node.js 都可以。

Step 2: 磨練其它技巧（函式庫與框架，以及資料庫）

這邊作者開始要大家去 Code Academy、Coursera...等線上影音教學站，以 HTML/CSS/JavaScript 為基本功，去學習更高深的網頁程式設計學問。學這些東西，是讓你增加生產力。學習對象主要是一些 JavaScript 可使用的函式庫與框架。所謂函式庫與框架，就是人家寫好、可讓你在 JavaScript 直接叫用的一些好用工具。打個比方來說，如果有電鑽（函式庫、框架）讓你用，你想用鑿子（JavaScript）慢慢挖洞嗎？不會吧？

他推薦的框架主要有 Ember.js, Angular.js...等。我個人是很推 Google 做的 Angular.js（其它的也不錯啦～沒有筆戰的意思，自己習慣就好）。如果您沒有心儀的框架，不妨試試看。

本步驟最後，作者推薦學習一些常見的資料庫。如 MySQL、PostreSQL。或是大數據界常用的資料庫 MongoDB...等。

Step 3: 學習額外的網頁程式語言，拓寬領域

這部分我倒是覺得可以先跳過去，不急。他推薦的 Clojure、Go... 能做的事情，都大概能用 JavaScript + 各種框架做出來。所以我個人認為，這部分可以先跳過去。

Step 4: 往手機領域前進

沒錯！網頁程式語言也能做出各種 App！誰說寫 Android 或 iOS App 一定得學 Java 或是 Objective-C/Swift？ 網頁程式設計領域有很多軟體，可以輕鬆地把你寫好的網頁程式，轉包成 App 發佈出去（謎之聲：吔...那個效能...就可能不要太挑剔了...笑）

Step 5: 去賺錢吧！

作者在此建議把你的網頁發佈成收費網站，或轉成 App，發佈到 Google Play 或 AppStore 賺錢。更甚者，乾脆去找家公司，過著「善用公司資源，創造優質生活」的日子...（哈哈！）作者準備了一些常見的面試題目，讓你看完後比較有信心面對各家公司奇奇怪怪的各種問題。

原文連結（能看到這裡，辛苦了～～）：
http://www.developingandrails.com/2015/01/crash-course-on-modern-web-development.html

<紀老師總結>

其實我個人推薦的順序比他稍短（但也沒短多少）。如下：

1. 前台技術：HTML --> CSS --> JavaScript （基本功）
2. 前台框架技術： --> jQuery --> Node.js --> Angular.js （讓你學會怎麼用電鑽）
----- (可以去應徵「前台工程師」了） -----
3. 後台語言：PHP / Node.js 市場較大，任挑其一。
4. 後台資料庫： MySQL / MariaDB / PostreSQL 三者擇一。想進大數據領域的，加學 MongoDB。
----- (前後台兼修，可以應徵很多「網站程式設計師」的工作了） -----

接下來的路就不太一樣了。有人就這麼停住，找到一輩子可以安身立命的公司。也有人加學「統計」，與 R、MATLAB、Hadoop 等技術，往「大數據（Big Data）」走。也有人把 jQuery 裡的 jQuery Mobile 分支，與 Angular.js 磨得更亮，加上 Titanium、Sencha、PhoneGap 等嫁接「網頁」與「手機 App」專用的框架，去寫手機 App 了。到這裡，就沒有一定的「路」需要去遵循。您屆時的功力，應該也強到不用人建議，就知道接下來該學什麼了。

希望今天這一長篇文章，對大家有用！也感謝大家用力看完！覺得還不錯話，也分享到您的臉書給其他朋友看看吧！

分享用做網頁(HTML5)的觀念做出APP

這學期在元智大學開的課程，主要教會學生能期中考前架設網站，
期末考前則是把網站轉成APP，不用寫程式，就可以輕易的把用DreamWeaver CS6做好的網站轉成APP，需要用的技術只要會DreamWeaver CS6，而且一定要CS6以後的版本才行，
一節課期時就可以做出APP。
首先分享旅遊使用APP的心得，從自由行使用APP的角度來看，
有APP對自由行幫助極大，會使用APP幾乎可以讓旅遊變的很順暢，不過前提是要有對應的APP，除了旅遊外，食衣住行與各行業，都有APP開發的需求，所以若能在畢業前，努力經營自己有興趣的APP，除了就業助益外，甚至也可以為創業開扇窗。

以下是上課的畫面：
00_如何註冊PHONEGAP帳號
01_如何將102題網站改成APP(新增網站與匯入素材與建立首頁)
02_多頁APP範例之一完成畫面
03_多頁APP範例之一設計畫面
04_如何加上超連結
05_如何加上按鈕
06_加上按鈕完成畫面分享用做網頁(HTML5)的觀念做出102APP

課程理念
智慧型手機平台，已成為手機上最完整的開放開發平台
人手必備的趨勢下行動上網已達800萬人次以上，手機相關應用，將會超越PC，比PC更智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政府對外窗口。
如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、測試與除錯等，進而取得證照。
吳老師教學特色：
1.影音複習分享(全程錄影)。
2.能不硬code程式，有程式也會提供畫面。
3.提供業界實務開發經驗。
4.書上沒講到的操作，圖形化工具使用。
5.隨時更新第一手資訊。

上課書目
用Dreamweaver CS6，我也會開發APP
作者： 鄧文淵 總監製/文淵閣工作室 編著
書號： ACU062500
出版日： 2012/10/09

內容特色
用Dreamweaver CS6，你也會開發APP! 能快速完成作品、擁有視覺化的質感介面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!
結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。
不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!
利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。
在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的APP無遠弗屆！
開發 APP 的新領域混合式應用程式是以 Web 應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

PhoneGap 特點：
輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。
節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行開發。
兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。
雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap 提供的雲端 Build 工具進行編譯。
配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行動裝置應用程式入門的最佳選擇。

PhoneGap APP教學研習懶人包：

APP開發, Dreamweaver, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP,jquery mobile tutorial,dreamweaver jquery mobile教學,phonegap jquery mobile教學,jquery mobile php教學

分享用做網頁(HTML5)的觀念做出APP

這學期在元智大學開的課程，主要教會學生能期中考前架設網站，
期末考前則是把網站轉成APP，不用寫程式，就可以輕易的把用DreamWeaver CS6做好的網站轉成APP，需要用的技術只要會DreamWeaver CS6，而且一定要CS6以後的版本才行，
一節課期時就可以做出APP。
首先分享旅遊使用APP的心得，從自由行使用APP的角度來看，
有APP對自由行幫助極大，會使用APP幾乎可以讓旅遊變的很順暢，不過前提是要有對應的APP，除了旅遊外，食衣住行與各行業，都有APP開發的需求，所以若能在畢業前，努力經營自己有興趣的APP，除了就業助益外，甚至也可以為創業開扇窗。

以下是上課的畫面：
00_如何註冊PHONEGAP帳號
01_如何將102題網站改成APP(新增網站與匯入素材與建立首頁)
02_多頁APP範例之一完成畫面
03_多頁APP範例之一設計畫面
04_如何加上超連結
05_如何加上按鈕
06_加上按鈕完成畫面分享用做網頁(HTML5)的觀念做出102APP

課程理念
智慧型手機平台，已成為手機上最完整的開放開發平台
人手必備的趨勢下行動上網已達800萬人次以上，手機相關應用，將會超越PC，比PC更智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政府對外窗口。
如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、測試與除錯等，進而取得證照。
吳老師教學特色：
1.影音複習分享(全程錄影)。
2.能不硬code程式，有程式也會提供畫面。
3.提供業界實務開發經驗。
4.書上沒講到的操作，圖形化工具使用。
5.隨時更新第一手資訊。

上課書目
用Dreamweaver CS6，我也會開發APP
作者： 鄧文淵 總監製/文淵閣工作室 編著
書號： ACU062500
出版日： 2012/10/09

內容特色
用Dreamweaver CS6，你也會開發APP! 能快速完成作品、擁有視覺化的質感介面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!
結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。
不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!
利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。
在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的APP無遠弗屆！
開發 APP 的新領域混合式應用程式是以 Web 應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

PhoneGap 特點：
輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。
節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行開發。
兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。
雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap 提供的雲端 Build 工具進行編譯。
配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行動裝置應用程式入門的最佳選擇。

PhoneGap APP教學研習懶人包：

APP開發, Dreamweaver, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP,jquery mobile tutorial,dreamweaver jquery mobile教學,phonegap jquery mobile教學,jquery mobile php教學

分享用做網頁(HTML5)的觀念做出APP

這學期在元智大學開的課程，主要教會學生能期中考前架設網站，
期末考前則是把網站轉成APP，不用寫程式，就可以輕易的把用DreamWeaver CS6做好的網站轉成APP，需要用的技術只要會DreamWeaver CS6，而且一定要CS6以後的版本才行，
一節課期時就可以做出APP。
首先分享旅遊使用APP的心得，從自由行使用APP的角度來看，
有APP對自由行幫助極大，會使用APP幾乎可以讓旅遊變的很順暢，不過前提是要有對應的APP，除了旅遊外，食衣住行與各行業，都有APP開發的需求，所以若能在畢業前，努力經營自己有興趣的APP，除了就業助益外，甚至也可以為創業開扇窗。

以下是上課的畫面：
00_如何註冊PHONEGAP帳號
01_如何將102題網站改成APP(新增網站與匯入素材與建立首頁)
02_多頁APP範例之一完成畫面
03_多頁APP範例之一設計畫面
04_如何加上超連結
05_如何加上按鈕
06_加上按鈕完成畫面分享用做網頁(HTML5)的觀念做出102APP

課程理念
智慧型手機平台，已成為手機上最完整的開放開發平台
人手必備的趨勢下行動上網已達800萬人次以上，手機相關應用，將會超越PC，比PC更智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政府對外窗口。
如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、測試與除錯等，進而取得證照。
吳老師教學特色：
1.影音複習分享(全程錄影)。
2.能不硬code程式，有程式也會提供畫面。
3.提供業界實務開發經驗。
4.書上沒講到的操作，圖形化工具使用。
5.隨時更新第一手資訊。

上課書目
用Dreamweaver CS6，我也會開發APP
作者： 鄧文淵 總監製/文淵閣工作室 編著
書號： ACU062500
出版日： 2012/10/09

內容特色
用Dreamweaver CS6，你也會開發APP! 能快速完成作品、擁有視覺化的質感介面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!
結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。
不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!
利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。
在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的APP無遠弗屆！
開發 APP 的新領域混合式應用程式是以 Web 應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

PhoneGap 特點：
輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。
節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行開發。
兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。
雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap 提供的雲端 Build 工具進行編譯。
配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行動裝置應用程式入門的最佳選擇。

PhoneGap APP教學研習懶人包：

APP開發, Dreamweaver, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP,jquery mobile tutorial,dreamweaver jquery mobile教學,phonegap jquery mobile教學,jquery mobile php教學