想學網頁程式設計卻不知道該從哪裡著手嗎?國外神人幫你把課程表排好了!
這篇把成為一個「網頁程式設計師」的課程順序排得很好!跟我理想中的順序很接近!特別推薦給大家!
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 了。到這裡,就沒有一定的「路」需要去遵循。您屆時的功力,應該也強到不用人建議,就知道接下來該學什麼了。
希望今天這一長篇文章,對大家有用!也感謝大家用力看完!覺得還不錯話,也分享到您的臉書給其他朋友看看吧!
mongodb課程 在 軟體開發學習資訊分享 Facebook 八卦
--限時免費中--
使用 Python 和 mongoengine 學習 MongoDB。 在這個簡短的免費課程中,課程將使用 Python 和 MongoDB 建構一個 AirBnB knock-off。 你將學到足夠的東西,用 MongoDB 來啟動和運行你的下一個專案。
從這 2 小時的課程,你會學到
1. 使用文件資料庫( document database ) 設計基本文件和資料建模
2. 使用 Python 操作 MongoDB
3. 使用 mongoengine ODM 對映類別到 MongoDB 資料庫
>英文字幕:有
https://softnshare.wordpress.com/…/mongodb-and-python-quic…/
mongodb課程 在 紀老師程式教學網 Facebook 八卦
[好站推薦] 15 個學習 Angular.js 的網站
在上個禮拜四,我曾貼出一篇「JavaScript 免費學習資源」(鏈結在此: http://on.fb.me/1B7AYVh )的文章,得到不錯的迴響(5342 人看過、179 個讚)。當時我就曾提及,JavaScript 近年來的發展,早已非吳下阿蒙。用 JavaScript 開發出來的框架,早已多如過江之鯽。其中最出名的,應該非下列三大框架莫屬了:
1. jQuery
- 著重在網頁前端(負責繪製使用者介面那一端)。
- 號稱一行程式碼可以做出 JavaScript 百行程式碼才做得出來的效果。
2. Angular.js:
- 也是著重在網頁前端。
- 特色是能透過 MVC (Modal, View, Controller) 架構,把 HTML/CSS 碼,與 JavaScript/Angular.js 分離。
3. Node.js:
- 著重在網頁後端(接取資料庫的那一端)
- 特色為「效能」。
- 希望透過「事件」傳遞,做到「非同步呼叫」,讓瀏覽器不必等伺服器完成工作後,才能著手進行下一個工作。
今天要跟大家介紹的,是 Angular.js 的學習網站。原文網址如下:
http://designpotato.com/15-top-websites-to-learn-angularjs/
照慣例幫大家介紹一下。如果您英文不錯,可以直接看原文即可。以下文章是寫給英文不太熟的朋友看的。
==============
1. Recipes with Angular.js
-------------------------------------
用一篇篇短短的文章,來介紹介紹 Angular.js 的功能。每篇文章一定會舉個小範例讓你能捲起袖子實作,就像做菜看食譜(Recipes)一樣。
2. Tutorials Point
------------------------
其實該網站提供的免費學習文章,不止 Angular.js。而是包含 Java, Node.js, Angular.js, Android, Ruby...等眾多語言的教學文。原文連結通往首頁,為了避免您在首頁找不到 Angular.js,我幫您準備了直達 Angular.js 大門口的連結:
http://www.tutorialspoint.com/angularjs/index.htm
當然其它語言您有興趣,也可以看一下。收穫應該不少。
3. GitHub
--------------
作者該打屁股 XD! GitHub 只是個讓您把原始碼或文件放在此處,並提供「版本管理」功能給您的網站而已。作者卻把超連結直接指向 GitHub 首頁。這樣能找到跟 Angular.js 相關的教學文才有鬼!!不過,紀老師不會讓這種事情發生的,對吧?呵呵!以下是正確頁面的傳送門,請服用:
「Angular.js Learning」
英文版: https://goo.gl/86V7k
繁中版: https://goo.gl/iXPyvw
簡中版: https://goo.gl/s219kC
4. Thinkster.io
-------------------
這也是一個混合了 Angular.js、MEAN (MongoDB, Express.js, Angular.js, Node.js,詳見此連結: http://on.fb.me/1dxXqfv )、Ionic、Swift 四種技術的教學網站。如果您只想看 Angular.js,只要點擊原文連結進去後,再點下方有個「AngularJS」的按鈕,按下去就可以過濾出所有跟 Angular.js 有關的文章了。
5. Year of Moo
---------------------
收集許多 Angular.js 的文章。其實比較不像有順序的教學文。不過看看還是不錯的!
6. Angular.js Tutorial by Todd Motto
------------------------------------------------
這位 Todd Motto 仁兄太神了!他寫了一篇一萬多字的文章,來介紹 Angular.js。讓您看完後,就可以「屁」Angular.js 給別人聽然後不太會露餡。號稱可以「一天學會 Angular.js」的文章。
7. NG Book
----------------
很棒的一本電子書!但原文提供的鏈結不是免費的....不過呢~~咳咳~嗯...傳送門在此 XD:
http://goo.gl/7EhLNd
8. NG Newsletter
-----------------------
一份高品質的 Angular.js 電子週報!由人工挑選的文章,每週定期推送給所有訂戶。免費!
9. Egghead
----------------
「蛋頭先生」的學習網站。其實這也是個收費的綜合性網站,並非只給 Angular.js。點擊進去後,點擊下方的 Angular.js 圖示,或者直接點擊我提供給您的超連結:
https://egghead.io/technologies/angularjs
就可以抵達 Angular.js 的頁面了。它的特色是影音教學。不過有些標示為「Pro」的部分,得付錢才能看。但免費的影音教學也很夠看了!
10. W3 Schools
-----------------------
很老牌的 HTML/CSS/JavaScript 教學網站!近年來也加入 jQuery、Angular.js...等主題。原文很不負責任的指向首頁。如果不想花時間找 Angular.js 在哪裡的朋友,可以直接點擊我提供的連結:
http://www.w3schools.com/angular/
11. Angular.js on Codeacademy
-------------------------------------------
Codeacademy 是一個以「互動學習」出名的網站。強調「做中學」。我非常推薦!原文連結直接點,就能抵達 Angular.js 的頁面。
12. Code School
-----------------------
另一個強調「做中學」的網站。有部分課程開放免費,但有些就得付費了。原文連結指向一個不存在的頁面,我幫各位修正好了。直接點下面這個連結,就能看到「JavaScript 系列」之下的兩個 Angular.js 課程了。一個免費、一個付費。有興趣大家可以試試看:
https://goo.gl/0vcYbY
13. Angular.js in 60 minutes
--------------------------------------
這是一本大約 100 頁的 PDF 電子書,內容不多,不過要 60 分鐘學完我是不太相信啦~ XD 。兩三個小時內看完、有心得,倒是有可能的!想快速瀏覽一下「Angular.js 到底能做什麼」,直接點擊原文提供的連結,就可以下載到這本電子書了。
14. Medialoot
-------------------
其實就是一篇 Angular.js 的長文而已。原文鏈結又很不負責的指向首頁,不管我從主選單找,或者用站內搜尋找「Angular」這個關鍵字,都找不到原文說的那篇文章。後來就求助 Google 大神,要求它把搜尋範圍限制在「medialoot.com」這個網站內,才找到原作者說的那篇文章。我幫大家補上連結在此:
http://goo.gl/xR8CYq
15. Medium.com
------------------------
又來了!作者又不負責任地指向首頁、而非他說的那篇文章了(翻桌)!這樣的作者真的很不負責任耶!不知道他是否來騙稿費的?不管,反正我又請 Google 大神故技重施、找到他說的那篇文章在下面:
https://goo.gl/7GUFv1
===============
今天幫大家介紹的 Angular.js,還滿意嗎?希望大家能有收穫喔!
也麻煩大家不吝按讚鼓勵,或分享給您 Facebook 的朋友喔!
mongodb課程 在 MongoDB数据库入门与进阶#001 - 课程简介 - YouTube 的八卦
此 MongoDB 数据库入门与进阶视频 课程 主要讲解了 MongoDB 的安装配置、增删改查等基本操作、各种条件操作符、以及索引聚合分片等相关 ... ... <看更多>