W3Big - 繁體中文最完整豐富的網頁教學平台,連 C/C++/Java/Python 教學都有喔!
W3Big: http://www.w3big.com/zh-TW/
中文簡介: https://goo.gl/B4Cjgw
這是前不久從一位網友發的文看到的(詳見上述「中文簡介」部分)!稍微玩了一下,發現還蠻豐富的!加上很適合英文沒那麼熟練、想往「網頁程式設計」這方面前進的入門者研讀,所以就在發現後的第一時間,轉貼給大家參考了!
大家可以先點擊上述的 W3Big 連結,然後依照下列順序學習:
-- 前端網頁設計 --
1. HTML
2. CSS3
3. JavaScript
4. HTML DOM
5. AJAX
6. jQuery / jQueryUI / jQuery Mobile
7. JSON
8. AngularJS, React, Bootstap, Foundation 等 JavaScript 框架
-- 後端網頁設計 --
1. PHP / Python3 / Node.js / Ruby 擇一
2. 框架學習: 若您選的後端語言是 Python3,可搭配 Django 服用,加快網站開發速度
3. 資料庫學習: 先學 SQL 語言,接著選一種資料庫,MySQL 或 MongoDB 都可以。
-- 網路相關知識(選修) --
1. TCP/IP
2. HTTP
此外,這個網站還有底下幾個與網頁設計比較無關主題,是我認為很值得學習的:
1. 傳統程式語言: C / C++ / Java / C#
2. 開發環境與工具: Linux / Docker / Eclipse / Git
3. 手機程式設計: Android / iOS (Swift)
全站內容不僅中文,還完全免費!這麼優的學習資源還真的蠻少見的!推薦給想用中文學習電腦知識的朋友收藏!
今天的內容如果您覺得不錯,還請多多按讚鼓勵,或轉發分享。有任何問題可以留言在下方,我會盡快回覆您的喔!
node.js mysql教學 在 紀老師程式教學網 Facebook 的最讚貼文
[學習資源] 前端網頁設計學習資源
https://goo.gl/Ta8Lbv
#eLearning #WebDevelopment #StudyResources
好吧!大家真的是嚇到我了!前幾天,我發了一篇「前端網頁設計規格書大集合」(連結在此: https://goo.gl/bwv6TL ),沒想到觸擊人數飆到 1.5萬+ 以上!破了本粉絲頁開版七年以來的最高記錄(8000+)快兩倍。我到現在還是不知道這篇為什麼會那麼紅? XD 不過也感謝按讚轉發的各位啦!我就把它當成大家對「前端網頁設計」有興趣的暗示吧!
發了那篇之後,陸續收到一些朋友用私訊問我怎麼學網頁前端設計?有沒有那種照著學就可以學會、然後還要免.費.的....哈哈!免費的沒問題,但中文又免費就不好找囉!不知怎麼地,這方面外國人比較大方....
今天提供給大家的,是我覺得不錯的一份「前端網頁設計」學習指南。它按部就班地指引大家學一些簡單的 Linux 命令列,以及原始碼版本管控軟體 Git/GitHub。前者如果你真的用不到可以不用學跳過,後者我強烈建議要學(但學了你會發現 Git/GitHub 多用 Linux 命令列,你會回頭去學第一項,哈哈)!因為好好保管原始碼、能隨時倒退回某個時間點的原始碼,對程式師來說是很重要的。
接下來就是 HTML、CSS、JavaScript 這些正規軍上場了。作者還推薦學習 Twitter 出的「Bootstrap」,以及 jQuery 這兩套可以快速建構使用者介面的 JavaScript 套件。用 JavaScript 寫前端介面的速度如果比喻成「走路」的話,用了 Bootstrap 與 jQuery 就好比坐高鐵了。你可以在很短的時間內,建構出「蠻嚇人、蠻像樣」的使用者介面。
最後他有教了一點「後端網頁設計」,使用的是 Node.js 這個語言、以及 MongoDB 這套比較新的資料庫。如果你真的志不在後端,可以跳過。如果你有興趣看一看,我蠻推薦的!不過目前業界能混飯吃的,還是靠 PHP 與 MySQL 這兩套「老東西」比較多(雖然有慢慢被 Node.js + MongoDB 追上來的趨勢)。所以我才說「不勉強各位看這一段」。
今天的介紹各位還喜歡嗎?喜歡的話請不吝按讚或轉發分享喔!各位按讚除了滿足小弟一點小小虛榮心之外,也當成我「選材」的一個重要依據。按讚越多的,我會特意選該方面的材料多一點。目前比較受歡迎的,就是「網頁前端設計」與各類「影音教學」帖了。如果找到這方面的資源,一定會在第一時間分享給大家的!
node.js mysql教學 在 紀老師程式教學網 Facebook 的最讚貼文
想學網頁程式設計卻不知道該從哪裡著手嗎?國外神人幫你把課程表排好了!
這篇把成為一個「網頁程式設計師」的課程順序排得很好!跟我理想中的順序很接近!特別推薦給大家!
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 了。到這裡,就沒有一定的「路」需要去遵循。您屆時的功力,應該也強到不用人建議,就知道接下來該學什麼了。
希望今天這一長篇文章,對大家有用!也感謝大家用力看完!覺得還不錯話,也分享到您的臉書給其他朋友看看吧!