從零到完整架設雲端服務網站的自學程式資源

如何更有效率的學習新事物,關鍵有兩個:第一,要找到最好的學習材料。第二,根據程度和學習進度依序使用這些學習材料。
評論
評論

本文作者 Vincent Li,很喜歡創業,踩過很多坑之後不斷吸收矽谷的創新產品、創業方法和行銷相關知識,因此期望透過部落格把所習得的技術知識和個人經驗分享出去。目前他的團隊提供服務的對象包括台灣的大型企業和政府機構,亦有在資策會數位教育研究所和工業局所屬單位授課,原文刊登於 NovaPoints,INSIDE 獲授權刊登。

我在 2017 年 1 月 6 日看到 Facebook 跳出一年前的貼文,這貼文是發佈用 Ruby on Rails 做出的易經創業卜卦網站(因只是練習作品故已關閉)。而在這卜卦網站發布後的一年,我和共同創辦人 Joanne(負責產品設計和規格制定)打造的譯者雲端服務網站 Termsoup.com 已經公布兩個個月了,這網站從訪談、功能規劃到陸續改版也花了五個月時間,目前已有數千人註冊,而且越來越多譯者已經完全從 Word 轉移到 Termsoup 工作了,因為在這裡可以節省 50% 以上的查詢詞彙和資料時間,飛快地完成翻譯文件,而不需要開啟 Word 和一堆瀏覽器頁面辛苦的查詢資料。

一年前貼文:

yi_jing_site

一年後的譯者雲端服務:

feature-explain

 

由於網路學習資源非常豐富,尤其是線上付費課程已經越來越流行(歐美國家更是如此),許多厲害的線上課程老師已獲得好幾萬名學生,且獲得極高分數評價,現在要學習新技術的門檻和時間已經比以前降低很多。

我自己之前在美國唸博士班最大的收穫,就是學到如何更有效率的學習新事物,關鍵有兩個:

第一,要找到最好的學習材料。

第二,根據程度和學習進度依序使用這些學習材料。

如果有極佳的老師提點,可以明顯加快學習速度,減少摸索時間。但如果沒有好老師就寧可自學,不要浪費任何時間在二流的學習教材和課程上。學到錯誤觀念或一知半解的觀念比沒學更糟,因為要花額外的力氣移除錯誤觀念並塞進正確觀念,等於要重整自己的腦袋。

我自己在建置 Termsoup 之前,主要會的是 HTML5、CSS3、非常簡單的 jQuery 和 javascript,以及部落格等級的 Ruby on Rails 技術。我花了約半年到一年時間陸續在線上學習 Ruby on Rails,也在 五倍紅寶石 上過幾次免費課和付費課(這裏也有每週定期聚會可以參加)。

我花在線上課程的時間不少,但自己做一個「認真的專案」才能極大化進步幅度,因為碰到問題會被強迫要去解決它、在網路上找答案,甚至有三次在 Codementor 上付費找厲害的工程師協助,節省我一堆找答案時間。在這種較為痛苦的過程才能真正提升等級。如果只是做一個練習作品,很容易碰到問題就繞過去用簡單的方式解決,進步會相當有限。

以下列出我的自學清單,而且是從基礎和進階的學習材料,希望可以幫助到想要學習建立網站卻不知從何開始的人。但這裡講的網站建立技術主要以 Ruby 材料為主,不包含像是 Python 或 PHP 等網站技術。大部份都是英文學習材料,但不用害怕英文閱讀和英文聽力,逐漸習慣就好,而且功力要提升,勢必要一直接觸英文內容。

從零開始:HTML5 & CSS3

要學習網站技術,就一定要先了解 HTML5 和 CSS3,嚴格來說 HTML 和 CSS 算是語法,而不是程式。學會這兩種語法,至少也能做出漂亮的自適應的靜態網頁(responsive webpage),嵌入一些簡單的第三方服務,就能自製 landing page。

  • Web design | Treehouse:Treehouse 是一個付費的學習程式的平台,是很適合初學者的地方,每個月$25 美金,可以下載課程影音供日後複習。Web design 的 track 包括 CSS、HTML 的課,還有 Adobe Photoshop 和 Illustrator 的基礎課程。
  • HTML & CSS | Codecademy:Codecademy 是國外知名免費學習程式的網站,主要以非常基礎的知識為主,也有線上練習機制,每講一段就會出一個練習題。雖然很基礎,有時候練習題不一定很好做,但不必覺得受挫,被練習題難倒是很正常的事情。出有難度的考題重點不是要考倒學生,而是強迫學生去思考背後的邏輯。
  • HTML/CSS | CodeSchool:Code School 也是付費學習程式平台,每個月 $29 美金,看可以下載課程影音供日後複習。Code School 有些課程難度偏進階,但 HTML/CSS 這門課還好,如果上述兩個還不夠,可以考慮這門課。

前端基礎:jQuery、Bootstrap 框架

在學會 HTML/CSS 後,可以開始了解簡單的 jQuery。jQuery 可以做出不錯的網頁動態效果,例如一個區塊或文字的淡出、淡入等,有一些適當的動態效果會讓網站的質感提升,強化使用者體驗,尤其使用者體驗在製作網站時是很核心的元素,是一定要掌握的技巧。jQuery 其實是 Javascript 的框架,但 Javascript 較難,可以先直接用 jQuery 操作。React.js 和 Vue.js 也是竄起相當快速的 Javascript 框架,但我自己還沒深入了解,而目前 jQuery 也仍是最多數人使用的框架,免費第三方資源也最豐富,所以我覺得仍是必學的前台技術。

Bootstrap 是相當好用的前台 HTML/CSS/jQuery 框架,由 Twitter 製作和分享。由於製作 responsive webpage 非常耗時,例如製作各種狀態和情境的表單(form)、按鈕等,使用 Bootstrap 可以快速做出這些元素而且介面優雅,要變更顏色等屬性也非常方便。另一個好用的框架是 Foundation,但我自己沒用過。

  • jQuery | Codecademy:在 Codecademy 可以學習基礎 jQuery,也可以了解到他的效果和威力。
  • Try jQuery | Code School:Code School 這門課可以了解初階 jQuery,但它的下一門課 jQuery:the Return Flight 可以先不要上,等先學了 Javascript 再上這門課。
  • Frontend Web Development | Treehouse:Treehouse 這門系列課程可以學到完整的前台網頁建置。這門課程系列也包括簡單的串接第三方資料,在這個階段學習起來也不會有太大障礙。
  • Learn Bootstrap Development By Building 10 Projects| Udemy:這是在知名學習平台 Udemy 上的課程,有了 jQuery 的基礎概念後,可以先在這裡學習 Bootstrap。我學了這門課之後,建立大部份前台網頁架構就很快了。提醒一下,要購買任何 Udemy 上的課程之前,都先 Google 課程名稱加 “coupon",因為有很多 coupon 可直接使用,找打折數最多的就對了,打折後一門課現在大約台幣三百元左右。
  • Projects In JavaScript & JQuery:這也是 Udemy 的課程,雖然名稱有 Javascript,但實際上仍以 jQuery 為主,其中的 Section 6 Ajax PHP Shoutbox 可以先跳過沒關係。

後端基礎:Ruby、Ruby on Rails

要學 Ruby on Rails,還是要先對 Ruby 有一定程度的了解,畢竟 Rails 是從 Ruby 延伸出來的框架,而且在寫 ROR 時也還是經常用到 Ruby 語法和功能。

Ruby

  • Ruby | Codecademy:在 Codecademy 可以先初步了解 Ruby 的功能和語法。
  • Try Ruby | Code School:Code School 上的這門 Ruby 基礎課是免費的。
  • Ruby | Treehouse:Treehouse 上的 Ruby 課程有完整的基礎知識和技巧,上面的習題大部份是選擇題,較為簡單,挫折感會較低。
  • Ruby Bits | Code School:這門 Code School 課程也很不錯。下一堂 Ruby Bits 2 可以接著上,但是難度會提升一些,若是覺得都不太懂,就留著以後對 Ruby 有更多了解後再看也可以。

Ruby on Rails

  • Rails Development | Treehouse:學 ROR 可以先從 Treehouse 這門課開始,裡面也會講到基礎的資料庫和版本控制(Git)觀念,非常不錯,但這裡講的 Rails 非常淺,是很好的起步但不夠。
  • Rails for Zombies Redux | Code School:這門課也是免費的,把 Rails 的觀念講得很清楚,尤其是把 ROR 的一些核心觀念用圖解說是很友善也易懂的方式。但內容會比較硬,有時需要來回看或是看其他材料再回來看才能吸收得好,這算是很重要的教材。
  • Rails for Zombies Redux 2 | Code School:從上一門課接下來上這門課,其實難度會有一點跳耀,所以若覺得很挫折是很正常的。但建議把它先啃完,以後做一些練習或看其他教材後,可再回頭參考。我自己的經驗是 ROR 需要一直來回練習和學習才能逐漸消化。
  • Ruby on Rails 實戰聖經 :這是由 ihower 撰寫的很豐富的 ROR 知識和技巧,但建議當作工具書查詢,如果當成教科書唸會很累。

資料庫基礎:

雖然要做 Ruby on Rails 網站,很多資料庫工作都可透過 ROR 的方法處理,而不需要自己撰寫資料庫語法,但是了解資料庫原理還是非常有幫助。而且未來開發較複雜的網站也很容易碰到自己撰寫一些 SQL 語法。在非關連資料庫(NoSQL)如 MongoDB 的部分我比較沒辦法提供學習素材,因為自己目前還沒有用到,但這是需要學習的部分,NoSQL 很強大也越來越受歡迎。

版本控制基礎:

版本控制(version control)雖然不是程式語言,但不論是個人或團隊撰寫程式,都是很重要的工具,可以避免版本混亂,或是當程式出錯可以回復到之前版本,降低各種開發時的不確定性。

前端進階:Javascript

後端進階:Ruby on Rails、AWS

  • Ruby on Rails Tutorial:這本由 Michael Hartl 寫的免費的線上電子書,是非常有名的 ROR 教材,現在最新版是講最新的 Rails 5。需要耐心一面看一面手動練習,看完且有做實際練習之後收穫會非常大,我會列為必要教材。
  • The Professional Ruby on Rails Developer:這是 Udemy 上的課程,包含完整的 ROR 網站程式撰寫和串接 AWS 雲端伺服器資源,裡面有些部分如 AWS 若還不了解,也都還可以依樣畫葫蘆,並有初步了解。這門課的好處是除了練習建置完整的 ROR 網站,也可以先學到如何部署程式到雲端伺服器 Heroku ,以及如何使用 Github 做版本控制和備份程式。
  • AWS Certified Solutions Architect – Associate 2017 | Udemy:這門課有完整的 AWS 服務教學,比較全面。但若需要深入使用個別服務,需另外 google 找資料。AWS 的官方文件很豐富,但有些處理方式也沒辦法寫得很完整。我很推薦使用 AWS 上的 Elastic Beanstalk,它非常方便的整合 S3 儲存、EC2 運算、RDS 資料庫等資源,部署程式也很容易。這服務可以降低非常多管理伺服器成本,對於不熟悉伺服器管理的工程師是非常棒的工具。但也因為這些方便性,使得一些管理彈性較低,因為 Amazon 擔心工程師有太大權限會搞亂系統重要設定。但我覺得初期都不用太擔心這個,重點是驗證產品和營收模式,日後有錢再找工程師升級、搬遷、優化都不是問題。
  • Rails 4:Zombie Outlaws | Code School:進階 Rails 技巧,較深入。
  • Surviving APIs with Rails | Code School:進階 Rails 技巧,主要以串接 API 的技巧為主。
  • Rails 4 Patterns | Code School:進階 Rails 技巧,較深入。

繼續升級

學完這些教學之後,要繼續升級寫出更強大的程式,我覺得有幾個重點:

親手製作專案

最重要的還是自己做專案才能進步,否則只是上課練習或甚至只有聽課,幫助極為有限。可以從簡單的開始做起,例如 to-do list、部落格,之後再自己想一些服務試著做做看,做出來會很有成就感。也有的 Ruby 學習網站就是讓學習者做出一些知名網站的功能,例如 AirnBnB、Twitter 這些,一方面學得快,二方面從練習成果也比較容易獲得信心。

Google

Google 技巧其實是很重要的部分。我曾碰到某些難題,知道非得找高手幫助不可,就在 Code Mentor 上找人協助,用遠端協作看到他們如何 google 問題找答案,而且能只看前面幾筆結果就能判斷答案是否在那,如果前幾筆沒有就轉換搜尋策略。從觀察高手 google 我才學到更多技巧。

Stackoverflow

Stackoverflow 也是非常重要的網站,這裡有很多工程師回答問題。其實大部份基礎問題幾乎都已經可以在這找到了,也可以張貼問題,但這網站是有等級制度的,也就是要多發問、點擊 upvote 到一定數量才能評論、回答問題,這也才能累積出有公信力和實力的答案。

善用第三方資源

現在外部資源非常豐富,就算是免費的幾乎都用不完了,包括 API、Ruby gem、Javascript library,不需要每個功能都自己重新寫,這樣開發速度才快。

AWS

AWS 的服務種類增加非常快,現在甚至有 AI 的平台,讓開發者不必自己開發 AI 程式就能分析數據或做出有機器學習能力的功能。所以多利用和熟悉 AWS 資源也非常有幫助。


會員經濟新紀元,遠傳推出「遠傳心生活」App,打造一站式行動生活圈

逾三百萬用戶的「遠傳心生活」App,不只是一般的線上電信客服,而是為消費者打造的一站式行動生活圈。遠傳為了成為最懂用戶的電信公司,以「遠傳心生活用戶獨享計畫_好康又便利 天天回饋遠傳幣」提供用戶食、衣、住、行、育、樂優惠和便利,觸及真心,為用戶帶來更全面更貼心的生活體驗。
評論
Photo Credit:TNL Brand Studio
評論

現代人生活離不開手機,尤其行動支付普及後,無論是早上出門到便利商店買杯咖啡、中午到餐廳吃頓飯、上班抽空繳一下停車費、手機帳單,或是通勤時間滑手機追劇,都已能透過一支手機一站式解決;搭上如此「行動生活圈」的趨勢,遠傳也突破傳統電信服務,以「提升用戶獨享優惠及生活便利服務」兩大主軸推出「遠傳心生活」App,致力為消費者打造一站式行動生活圈,為用戶的食衣住行育樂帶來更多好康又便利的生活體驗。

上線已屆一年的「遠傳心生活」App,在過去這段時間如何觸及百萬用戶、打動消費者的心?遠傳個人用戶事業群行動通訊行銷處副總經理呂秀味,為我們娓娓道來。

Photo Credit:TNL Brand Studio/「遠傳具有 700 萬用戶,透過遠傳心生活,我們要成為最懂用戶的電信公司。」遠傳個人用戶事業群行動通訊行銷處副總經理呂秀味說。

寵愛老用戶|遠傳心生活 App,用心力拚會員經濟

一般傳統電信業者的服務內容,大多是提供更優惠的資費方案,或是搶先推出新一代的通訊技術服務(例如 5G),導致老用戶常常為了取得其他電信業者的新用戶專案優惠,在合約到期時,就轉換電信業者。我們也常收到老用戶的反映回饋,許多優惠方案推出了,他們也根本不知道。我們聽見了這樣的真實消費者心聲,決心要改變。」呂秀味副總說,為了加強用戶黏著度,真正與用戶建立「心」關係,遠傳決定主動出擊,打破一般電信業者只關注電信服務以及續約的窠臼,現在我們不只是做數位電信服務,更打造「遠傳心生活」App 作為生活平台,為遠傳用戶打造全面又便利的一站式行動生活圈服務。

2018 年,曾在美國 AT&T 服務過的井琪總經理加入遠傳電信,不只帶領遠傳數位轉型,更以「以用戶為核心」的品牌理念,主張「用戶」才是電信公司最大的資產。因此,「遠傳心生活」App 於焉誕生,甚至可以作為遠傳成功數位轉型、發展會員經濟的具體成果。

「遠傳心生活」App 能無遠弗屆的與用戶對話,在一般電信服務外延伸生活場景需求,提供橫跨吃、喝、玩、樂的專屬優惠。誠如呂秀味副總所說,「遠傳心生活」App 形同會員卡,致力於成為用戶的生活好夥伴。「遠傳不再只是合約快到期或忘記繳電話費時才聯繫用戶,而是無時無刻不關心用戶生活和實際的需求。」由電信服務延伸到消費者的數位生活,之所以稱為「心生活」,源自於遠傳期許自身對待客戶是由「心」開始,從「了解」(understand me)出發,懂得顧客心理並善用科技及數位工具,扮演「療癒者」的角色。呂秀味副總強調,顧客價值絕不是只看 CP 值,它包含了消費者對品牌及全面性的心理感受,兼顧理性跟感性兩大層面。「我們努力讓遠傳的品牌精神跟服務能做到這境界,這對遠傳人來說,是一種共同努力的目標和『信念』。」

Photo Credit:TNL Brand Studio/「遠傳心生活」App,除了可以即時查詢帳單,也有許多實用的生活消費服務,從線上生活繳費、到生活消費優惠,一應俱全。

行動生活圈|提升用戶獨享優惠及生活便利服務,好康又便利

緊扣「手機就是行動生活圈」(mobile circle)的概念,「遠傳心生活」App 自 2020 年 11 月推出以後,下載次數已突破 300萬,其中七成五為活躍使用者。最大的優勢之一,是「遠傳心生活」貼心統整各種服務,用戶可統一使用一組 ID 帳號(即用戶的手機門號),享受大遠傳服務生態鏈。無論是遠傳電信、friDay 影音、friDay 購物,都可暢行無阻。

此外,「遠傳心生活」為提升用戶福利,再推出遠傳幣(f Coin)創造圈粉經濟,啟動會員分級並每月回饋點數(1 f Coin ≧ NT$1);更重要的是,會員回饋兼顧電信帳單貢獻度,年資不再無用武之地,年資越久、消費越多,便可獲得更多遠傳幣。更進一步的是,「遠傳心生活」為用戶創造生活消費優惠,串連全台50多家折扣夥伴,將優惠券儲存在雲端票券匣,快到期時還會主動提醒用戶。

「遠傳心生活的存在,就是要貼近用戶的心,讓用戶真正享受到更多的好康又便利。」呂秀味副總也透露,隨著數位技術發展,遠傳心生活的下一步是成為用戶的「智慧生活夥伴」,主動陪伴及關心用戶的生活需求,「像是可以依據用戶位置,主動提醒優惠方案,或是打造個人化的一站式行動生活圈。」

智慧心生活好康又便利|不只是電信業,也是跨產業的生活消費平台

隨著 5G 時代來臨,手機將與每個人的連結愈來愈深,電信業者也更有機會深入消費者的生活圈,遠傳的用戶不只能享有資費服務,也能透過「遠傳心生活」App 享有更智慧便利的生活,而這也宣告了電信業從「telecom」走向「telecom+」的里程碑。

緊跟著「遠傳大人物」(大數據、AI 人工智慧、IoT)的方針,「遠傳心生活」正逐步運用新興科技走向分眾會員經濟。做這麼多的努力,呂秀味副總坦言,無非是希望有一天能聽到用戶說:「遠傳心生活能預先為用戶設想更周全的客製化需求,為消費者用心連結美好生活。」

透過電信業的 OMO(Online Merge Offline)虛實整合優勢,「遠傳心生活」能與實體門市共同打造全方位生活場域。例如:在遠傳門市消費即可累點(遠傳幣),無論是申辦門號、續約搭配手機或其他3C商品方案,皆可依會員星等給予消費累點,讓門市成為遠傳幣流通的重要場域。此外,在其他通路使用遠傳心生活即送咖啡券,或是在進到遠傳門市後透過 App 打卡,即可抽萬元 3C 家電、門市商品折價券、遠傳幣……等,現領現用。

隨著遠傳心生活 App服務越來越多元, 功能也不斷地推陳出新,用戶能享受種種優惠利多。包括:以遊戲化的方式吸引每天簽到打卡,運用遠傳幣在 friDay 購物消費折抵無上限、遠傳幣超值兌換或加購異業商品、四大超商跨店咖啡寄杯,以及生活繳費、發票載具⋯⋯等好康又便利的服務。而發展豐富多元的服務,誠如呂秀味副總所說:「遠傳致力於滿足用戶需求,這不只是為提升會員黏著度,更是『以用戶為核心』的品牌價值和企業精神。」

下載遠傳心生活 App:https://fetnet.tw/3koL6E0H5L