專業講師團隊帶你從 HTML / CSS / JavaScript 打穩程式基礎,並透過 RWD 一探網頁風采; 由淺入深、一步一步教你學會運用 Ruby / Rails 快速打造產品、實現你的創意。 用最貼近業界的開發流程與思考方式、紮實的核心觀念與實戰技巧,三個月幫助你從零基礎變成即戰力! 選擇五倍紅寶石,我們將為你打造完美的轉職跳板,成為具有國際移動能力的搶手人才 ✨

4 大單元 28 個章節

循序漸進,穩紮穩打


180 + 小時 

前後端實戰訓練


23 + 位 

專業講師助教團隊

Unit 1
{  HTML / CSS
 - 
網頁開發入門  }

HTML / CSS - 網頁開發入門

曾經對某個網頁讚不絕口,但卻不知道如何開始學習?當你開始進行排版時,有些細節卻難以調整好嗎?那麼轉職的第一步就是參加一門能夠讓你受用終身的網頁設計課程!這門課程不僅教授技術,更從核心觀念出發。無論是過去看不懂的原始碼或者排版問題都可以在這裡得到解決。由教學經驗豐富的講師Amos親自指導,幫助你深入理解原理。

  • 工具與基礎
    • 使用什麼工具撰寫網頁
    • 工具的重要性
    • 正確的工具使用觀念
    • 工具快速入門
  • HTML 入門
    • HTML是什麼
    • 何謂標籤
    • 語法快速上手
    • 架構與語意
    • 標籤使用規則
    • 建構一個頁面的方式
  • CSS 入門
    • 什麼是CSS
    • CSS撰寫方式及語法規則
    • CSS 選取器介紹及應用
    • 詳解 CSS 優先權
    • 常見 CSS 設定項目
    • CSS 的相關資源及網站
    • CSS 的學習與筆記方法
    • 深入了解 Box Model 原理與類型
    • float&clear特性與應用
    • float感排版與實務
    • 偽類原理與應用
    • 深入理解position及應用
    • overflow控制與應用
    • transition動畫應用
  • 切版規劃與思維
    • 何謂切版
    • 前端工程師的工作內容與分類
    • 切版架構分析方法
    • 精進切版技巧的方法
  • Flex 入門
    • Flex 特性詳解
    • Flex 切版實作
    • 了解floatflex的選擇方式
    • Flex 排版應用
  • 切版實作
    • 網頁基礎版型
    • 多層互動版型
    • 切版規則與思考模式
    • 開發者工具使用方式
  • 總時數  30 小時

Unit 2
{  RWD
 - 
網頁設計趨勢  }

RWD - 網頁設計趨勢

隨著行動裝置上網的普及,過去只針對桌機和筆記本電腦設計的網頁已不再足夠。RWD(響應式網頁設計)能大幅提高同一網頁在不同裝置上的可讀性,成為解決行動裝置問題的主流方式。 若要製作 RWD 網頁,你需要事先了解相關概念和必備技能。講師Amos會提供精闢而清晰的解說,讓你具備完整的 RWD 開發能力!

  • RWD 入門
    • 為何我們需要 RWD 網頁
    • RWD 網頁製作原理
    • RWD 基礎設定方式
    • 媒體查詢原理
    • Viewport 撰寫規則
  • RWD 常見各式製作方式
    • RWD 版面計算方式
    • RWD 等比例區塊製作技巧
    • 手動撰寫格線系統
    • 格線系統與媒體查詢關係
    • 撰寫多套不同格線系統
    • 格線系統應用
  • Bootstrap 框架應用
    • 框架是什麼
    • 常見的框架系統有哪些
    • 你為何需要框架
    • 使用框架的目的
    • 框架原理與重點
    • 安裝 Bootstrap
    • Bootstrap 格線系統
    • Bootstrap 組件應用方式
    • Bootstrap 組件修改方式
    • Bootstrap 除錯方式
  • 切版實做
    • 快速應用 Bootstrap 建構版面
    • Bootstrap 切版架構規劃
    • Bootstrap 切版
  • 總時數  20 小時

Unit 3
{  JavaScript
 - 
讓頁面動起來  }

JavaScript - 讓頁面動起來

作為瀏覽器上唯一能運行的程式語言,JavaScript 在這十年來擺脫玩具指令的印象,在效能、功能及生態系上皆大幅躍進。本單元將從最基本的程式概念開始,由淺入深帶你了解 JavaScript 在網頁應用程式中扮演的角色,並親手實作各種網頁互動介面的功能。

  • JavaScript
    • 語言特性
    • 基本型別
    • 集合型別
    • 函式
    • 分支條件
    • 變數作用域與閉包
    • 原型鏈及 class
    • 什麼是 this
  • 瀏覽器中的 JavaScript
    • JavaScript 在網頁中扮演的角色
    • 瀏覽器物件模型與文件物件模型
    • 瀏覽器的事件模型
    • 開發者工具
  • jQuery
    • jQuery 選擇器
    • 進階集合操作
    • jQuery 事件綁定
    • 使用 jQuery 插件
  • AJAX
    • 傳統網頁操作流程
    • AJAX 原理與實作
  • ES6 與 NPM
    • 什麼是 CommonJS
    • JavaScript 演進歷史
    • ES6 重要新功能
  • Webpack
    • 為什麼需要 webpack
    • 如何使用 webpack
    • 如何與 Ruby on Rails 整合
  • 總時數  50 小時

Unit 4
{  Ruby / Rails
 - 
後臺開發不是夢  }

Ruby / Rails - 後臺開發不是夢

實戰程度百分百的 Ruby & Rails 課程!具備高度生產力,簡潔、有效率的編寫,即便是初學者也能快速上手的 Ruby 程式語言,搭配 Rails 框架,短時間內部署自己的專案。 從電商網站到金流平台串接,擁有 13 年授課經驗、教授超過 1,000 名學員的講師高見龍,將帶你走過專案流程、熟悉整體架構。

  • 環境安裝與設定:你的第一個 Rails 應用程式

  • 足夠用的 Ruby
    • Ruby 跟 Rails 的差別?
    • 變數、常數、流程控制、迴圈
    • 數字、字串、陣列、範圍、雜湊、符號
    • 方法與程式碼區塊
    • 類別與模組
    • 使用套件(Gem)讓開發更有效率
  • TDD 寫測試讓你更有信心

  • Rails 基本觀念
    • Model、View、Controller 三分天下
    • Routes
    • Controller
    • Rails 慣例
    • Layout,Render 與 View Helper
  • 系統實作
    • 熟悉 CRUD 分解動作 - 簡易票選系統實作
    • 使用 Bootstrap 來美化頁面
  • 資料、資料、資料庫!
    • 資料庫是什麼?
    • 資料庫規劃
    • 資料庫跟 Model 的關係?
    • Model 基本操作
    • Model Migration
    • Model 關連性
    • Model 驗證及回呼
  • 通知與工作排程
    • 寄發信件
    • 背景工作及工作排程
    • API 模式
  • 網站部署
    • 將應用程式部署到 Heroku
    • 將應用程式部署到其它主機(使用 Capistrano)
  • 程式碼整理術:從入門到進階

  • 專案實作 - 購物網站
    • 系統規劃
    • 後台系統與商品上架
    • 購物車
    • 訂單處理
    • 寄發通知 email
    • 金流串接(使用 Paypal 及藍新金流)
    • 網站部署(使用 Heroku)
  • 程式碼重構
    • 什麼是重構?為什麼需要做這件事?
    • 從哪裡下手?
    • Ruby 專案重構
    • Rails 專案重構
  • 網站致敬:復刻知名網站

  • 總時數  80 小時

取得完整課綱

想更了解課程內容?留下 Email 立即取得 12 週完整課綱!

防疫期間,ASTRO Camp 全力配合防堵


  1. 每天都會要求學員量體溫、使用酒精消毒雙手
  2. 進入教室,也規定戴口罩;就算在用餐時,也會提醒同學盡量不要邊吃邊聊天
  3. 每場與課程相關的活動,都會要求填寫實名制健康聲明卡
  4. 學員下課後,會進行空間的次氯酸空氣消毒
  5. 每週都會安排漂白水、紫外線殺菌燈消毒
  6. 若有呼吸道疾病,或被政府匡列的接觸者,禁止進入教室,並可使用補課平台觀看線上補課
  7. 除上述之外,我們也全力配合政府防疫規定,讓每位學員,都能在安心的環境學習

給 想轉職改變的你


我們明白,轉職不是一件輕鬆的事情。
但只要您相信五倍學院,
我們有信心在短短三個月內將您從零基礎帶至成功成為全端工程師!

第十五屆預計於 2023 / 10 / 16 開課,原價為 NTD 160,000,歡迎提早卡位~

立即報名享多項優惠:
✓ 超早鳥優惠:2023 / 8 / 23 前報名,只要 NTD 132,000,現省 28,000 元!
✓ 參加說明會優惠:只要 NTD 134,000,現省 26,000 元!
✓ 早鳥優惠:2023 / 9 / 20 前報名,只要 NTD 136,000,現省 24,000 元!

課程可分 3、6、10、12 期
有任何問題,歡迎來信或來訊,將有專人為你解答。

全面配合防疫措施,舉辦迷你型實體說明會,請安心參與。
若原訂的說明會場次無法參與,可選擇「預約線上諮詢」,將有課程顧問與您聯繫。
線上諮詢報名成功後,會發送視訊連結,即可遠距連線參與!

五倍學院 敬上

專業教學團隊

給你最貼近業界的實戰訓練

李建杭 (Amos)

李建杭 (Amos)

  • 視覺設計轉職前端的斜槓開發者

  • 國內知名前端技術講師

  • iT 邦幫忙鐵人賽連續三年冠軍

  • Moderweb 講者

高見龍 (Eddie)

高見龍 (Eddie)

  • 五倍紅寶石專業程式教育機構 負責人

  • 日本 RubyKaigi 講者

  • 日本 Ruby World Conference 講者

  • 微軟 Azure Developer Day 講者

  • JSDC、WebConf 講者

許國政 (Kuro)

許國政 (Kuro)

  • Vue.js Taiwan 社群主辦人

  • 業界資深前端開發者

  • JSDC、WebConf 講者

  • MOPCON、COSCUP 講者

廖珀均 (奶綠茶)

廖珀均 (奶綠茶)

  • 業界資深前端開發者

  • 資深前端程式開發講師

  • 五倍學院 React 課程講師

邱冠喻 (PastLeo)

邱冠喻 (PastLeo)

  • React / Rails / Elixir 工程師

  • MOPCON / COSCUP 講者

鄭冠中 (Jason)

鄭冠中 (Jason)

  • 邁傑企管顧問有限公司

  • Hahow 好學校 線上課程講師

DC

DC

  • Easyship 後端工程師

  • 五倍紅寶石 全端工程師

Ed Wang

Ed Wang

  • 外商 IT 顧問

  • 新加坡與台灣新創服務亞洲市場

  • 全球物流公司 IT Head

  • 多國工作經驗,帶領近百人團隊

洪季洋

洪季洋

  • GCDF 全球職涯發展師

  • 資深課程編輯

&

五倍紅寶石的學習夥伴們