[好站介紹] 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
希望今天的分享大家會喜歡!別忘了按個讚鼓勵一下喔!
html html5差異 在 紀老師程式教學網 Facebook 的最佳解答
[網友來信 2] 我會網頁設計,請問我下一步要怎麼走比較好?
今天網友的熱情實在跟台北炎熱的天氣有得比啊!害我的小宇宙燃燒起來了!我其實很喜歡跟大家聊聊天,奈何台灣人都跟我一樣,本性害羞啊!(笑)剛剛收到另一位網友的來信,我也是將個人相關資訊移除後,原文照登。其實我雖然在資訊界打滾 20 年,但還是提醒各位別把我的話當聖經。如果您實行之後,發覺更好的方法,或是產業走向跟我原先預測的不同,您可以隨機應變,或再來信聊聊,我隨時都很歡迎的!
那就請各位參考一下我跟另一位網友之間的對談!
-----------------------------------
紀老師您好:
我是您以前的學生。現在我漸漸的走向網頁設計的路,學了 Photoshop, Illustrator, InDesign, ActionScript, CSS, JavaScript,也學了 PHP, MySQL 等技能。將來想走向設計網站的網頁軟體設計工程的 SOHO 人員 (架站+網頁設計)。試問依老師的專業見解,我還需要再學哪些東西?作品數要達到多少數量?希望 1 年內能獨立門戶。麻煩老師不吝指教,謝謝。
---
您好:
依照您學習的背景,加上現在市場上的趨勢,我建議您可以朝「電子書」這個方向前進。 iPad 與 Amazon 興起,出版業界面臨作者直接跳過出版社,去跟平台商(Apple, Amazon)打交道的恐慌。因為作者出紙本書,頂多拿到 15% 稿費。直接用 Apple iTune 或是 Amazon Kindle 系統出版,作者可以拿到 70% 的稿費。在利之所趨的誘因下,一定有很多作者會棄出版社,直接跟平台做生意。
但是原來出版社所肩負的任務(排版、行銷),一下子就會全數丟給作者本身。我預測將來應該會有不少外包族,幫忙這些作者搞定「美術排版」與「網路行銷」這兩塊。電子書去年產生了一個通用格式「.epub」檔,Amazon、Apple 這些「大咖」,也都高舉支援大旗,紛紛加入 ePub 陣營。所謂 ePub 檔,講穿了就是把書籍內容使用「HTML5, CSS3, JavaScript」表現,然後用 Zip 將它與一些特殊的檔頭(Header)壓縮後,把附加名改成 .epub 而已。您本身已經會 HTML, CSS, JavaScript, Photoshop, Illustrator...等技能,已經是站在「電子書」這波浪潮的「制高點」了,不可不把握!將來您自立門戶,可以幫那些只想寫書、不想搞美術排版與網路行銷的作者,搞定這些大小雜事。
關於您下一步應該要走的方向,我會建議您先學習「HTML5」與「CSS3」。因為這兩個部份跟它的前一代(HTML4 與 CSS2)差蠻多的。倒是 JavaScript 雖有變化,但差異不會太大。先學會 ePub 最底層的表示格式。接著,建議您學習 Adobe InDesign CS5.5 以上(InDesign CS6 更佳!支援更多電子書互動六大元素!),知道如何把作者提供的原稿,透過 InDesign 排版成 ePub 格式,並加上互動元素,如:超連結、簡易動畫、內嵌影片音效...等(這個原作者一定不會!)。之後,學一下「網路行銷」,主要有下列這幾項:
1. 怎麼幫作者還沒寫書前,透過關鍵字研究(Google 有提供「關鍵字工具」,上網搜尋此關鍵字就可找到),了解讀者想看什麼內容,確保書籍將來大賣的可能性。
2. 怎麼幫作者找到適合他書籍的關鍵字,並幫他架設網站,衝到該關鍵字的前幾名(這部份稱為「SEO」,Search Engine Optimization)。
3. 怎麼幫作者購買關鍵字廣告,讓他用最少的價格,買到最好的效果(這部份稱為「AdWords」,您可以上網找相關書籍或文章)。
4. 怎麼幫作者經營臉書、部落格...等社群媒體,達到自然擴散之效果。
5. 怎麼幫作者定價、辦理作者見面會、座談會...活動,加深作者與粉絲之間關係,並自己從中獲利。
當然還有別的,不過初期掌握這些應該夠了。所以我對您的研讀建議是:
1. HTML5 & CSS3
2. Adobe InDesign CS5.5 或 CS6,不然 Mac 出的 iBook Author 也勉強可以。
3. 網路行銷
希望這樣對您有幫助!
紀老師
html html5差異 在 HTML字元符號&Nbsp; &Ensp; &Emsp; 的差異 - ShunNien's Blog 的推薦與評價
Introduction. 在進行一些HTML 頁面中文對齊時,很常使用一些空格符號來調整,這邊來把幾個詳細的符號介紹與紀錄。 ... <看更多>
html html5差異 在 比較HTML4 與HTML 5的文件結構 - YouTube 的推薦與評價
大多數基於 HTML 4的頁面的包含多種常用結構, 比如說頁首(header), 頁腳(f... ... 【 Html5 】快速了解 Html5 基本結構,比較HTML4 與 HTML 5的文件結構. ... <看更多>