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

曾經對某個網頁讚不絕口,但卻不知道如何開始學習?當你開始進行排版時,有些細節卻難以調整好嗎?那麼轉職的第一步就是參加一門能夠讓你受用終身的網頁設計課程!這門課程不僅教授技術,更從核心觀念出發。無論是過去看不懂的原始碼或者排版問題都可以在這裡得到解決。由教學經驗豐富的講師Amos親自指導,幫助你深入理解原理。
- 工具與基礎
- 使用什麼工具撰寫網頁
- 工具的重要性
- 正確的工具使用觀念
- 工具快速入門
- HTML 入門
- HTML是什麼
- 何謂標籤
- 語法快速上手
- 架構與語意
- 標籤使用規則
- 建構一個頁面的方式
- CSS 入門
- 什麼是CSS
- CSS撰寫方式及語法規則
- CSS 選取器介紹及應用
- 詳解 CSS 優先權
- 常見 CSS 設定項目
- CSS 的相關資源及網站
- CSS 的學習與筆記方法
- 深入了解 Box Model 原理與類型
float
&clear
特性與應用float
感排版與實務- 偽類原理與應用
- 深入理解
position
及應用 overflow
控制與應用transition
動畫應用
- 切版規劃與思維
- 何謂切版
- 前端工程師的工作內容與分類
- 切版架構分析方法
- 精進切版技巧的方法
- Flex 入門
- Flex 特性詳解
- Flex 切版實作
- 了解
float
與flex
的選擇方式 - Flex 排版應用
- 切版實作
- 網頁基礎版型
- 多層互動版型
- 切版規則與思考模式
- 開發者工具使用方式
- 總時數 30 小時
Unit 2
{ 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
- 語言特性
- 基本型別
- 集合型別
- 函式
- 分支條件
- 變數作用域與閉包
- 原型鏈及 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 框架,短時間內部署自己的專案。 從電商網站到金流平台串接,擁有 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 全力配合防堵
- 每天都會要求學員量體溫、使用酒精消毒雙手
- 進入教室,也規定戴口罩;就算在用餐時,也會提醒同學盡量不要邊吃邊聊天
- 每場與課程相關的活動,都會要求填寫實名制健康聲明卡
- 學員下課後,會進行空間的次氯酸空氣消毒
- 每週都會安排漂白水、紫外線殺菌燈消毒
- 若有呼吸道疾病,或被政府匡列的接觸者,禁止進入教室,並可使用補課平台觀看線上補課
- 除上述之外,我們也全力配合政府防疫規定,讓每位學員,都能在安心的環境學習
活動報名資訊與說明會
給 想轉職改變的你
我們明白,轉職不是一件輕鬆的事情。
但只要您相信五倍學院,
我們有信心在短短三個月內將您從零基礎帶至成功成為全端工程師!
第十五屆預計於 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 期
有任何問題,歡迎來信或來訊,將有專人為你解答。
全面配合防疫措施,舉辦迷你型實體說明會,請安心參與。
若原訂的說明會場次無法參與,可選擇「預約線上諮詢」,將有課程顧問與您聯繫。
線上諮詢報名成功後,會發送視訊連結,即可遠距連線參與!
五倍學院 敬上
ASTRO 全端工程師實戰訓練營 - 勇往「職」前說明會
請選擇欲參加的場次:
感謝您的填寫
我們將寄送課程大綱連結至您的信箱。