課程內容 | ASTRO X 五倍紅寶石全端工程師實戰訓練營

專業講師團隊帶你從 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 小時