全端工程師實戰訓練營

三個月密集訓練,讓專業教學團隊成為你夢想的跳板!

專業講師團隊帶你從 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 (Responsive Web Design) 能大幅提升同一網頁在不同瀏覽裝置上的可瀏覽性,成為現今處理行動裝置瀏覽問題的主流方式。 針對製作 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 小時

給 想轉職改變的你


我們明白,轉職不是一件輕鬆的事情。
但只要你相信五倍紅寶石,我們有信心,
用短短三個月的時間,帶你從 0 到 1,成功轉職全端工程師!

第四屆預計於 2020 / 03 / 02 開課,原價為 NTD 150,000,歡迎提早卡位~

立即報名享多項優惠:
✓ 超早鳥優惠:12 / 19 前報名,只要 NTD 12,6000,現省 24,000 元!
✓ 參加說明會優惠:只要 NTD 12,9000,現省 21,000 元!
✓ 早鳥優惠:
1 / 22 前報名,只要 NTD 13,2000,現省 18,000 元!

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

五倍紅寶石 敬上

專業講師團隊

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

李建杭(Amos)

李建杭(Amos)

一個平面設計轉網頁的視覺系開發者,超過十年網頁設計 / 開發與電腦教學經歷。現任企業開發顧問及多個單位客座講師。專長為優良的 HTML & CSS 架構規劃與撰寫,尤其擅長用生活化且淺白的說明來教學,特愛手刻 HTML、CSS、Bootstrap 運用技巧研究。

蘇泰安

蘇泰安

三年電腦雜誌編輯,十年程式開發經驗。 Elixir.tw 及 RailsGirls Taiwan 共同主辦人。現任企業開發顧問及客座講師。專長為函數式及分散式編程,擅長 Elixir、JavaScript / React、Ruby 及 Haskell。

高見龍

高見龍

五倍紅寶石共同創辦人,二十年程式開發經驗及十年教學經驗,近年來主要致力於教學及社群推廣。主要專長為 Ruby / Rails、Python / Django 及 App 開發,著有《為你自己學 Git》及《為你自己學 Ruby on Rails》兩書。

&

五倍紅寶石的學習夥伴們