首頁 > 全方位衝刺班 > 網頁前後端進階班

想讓你的網頁技術更精進嗎?

網頁前後端進階班包含網站開發基礎概念詳解到實作經驗,
精心設計進階課程讓你不再似懂非懂!

有課程已經開始囉,快往下看看其他課程

Feature list img1

第一線經驗直授

五倍的師資都是業界資深前輩
讓你除了懂得理論
更學會學校不教的業界祕笈

Feature list img2

實戰用豐富內容

課程內容絕不灌水不教速成
除了打好扎實基礎
也知道如何在職場上運用自如

Feature list img4

彈性搭配課程

四種系列課程
讓你依自身狀況自由搭配
避免重複學習已經學會的東西

Feature list img3

職涯輔導社群交流

五倍致力於Ruby社群經營多年
不管想求職轉職想創業
都可以提供你最專業的建議

Resume class sp banner

網站開發全方位衝刺班

  • 程式邏輯入門課程

    10/18

  • HTML 課程

    10/21 - 11/01

  • GIT 課程

    11/4

  • JS & jQuery 課程

    11/8 - 11/18

  • Ruby on Rails 課程

    11/22 - 12/16

  • 履歷講座

    12/8

  • 履歷健檢面談

    12/20

完整扎實的 HTML & 排版課程,讓你完整了解如何建構有效的網頁架構,並學習清晰的 CSS 運用方式,本課程從最基本的 HTML 開始,到 HTML5 標籤對 SEO 的助益皆會涉獵,讓你打好正確的網頁設計觀念並做到可自行完成一個網頁版面的能力。

課程已經開始,快看看其他課程

深入淺出立即上手的HTML網頁設計

課程時間:

7/05 (三) 19:00 - 22:00, 7/08 (六) 09:30 - 17:30
7/12 (三) 19:00 - 22:00, 7/15 (六) 09:30 - 17:30

李建杭 (Amos Lee)

飛肯設計學苑講師
資策會講師
視覺設計師
Modern Web 研討會講者

20.0 小時課程學到
  • 具 SEO 效益的網頁設計
  • 高效的 CSS 選取方式
  • 詳細扎實的 CSS 原理與概念
  • CSS 排版與定位技能
  • 多樣類型的版面製作方式
  • 專案實務的切版規劃

第 0 堂: 讓網站更容易被看懂 - HTML5

  • HTML5標籤
    • doctype的差異
    • header標籤
    • article標籤
    • section標籤
    • aside標籤
    • footer標籤
  • 表單標籤
    • form標籤及屬性
      • action
    • 文字欄位
      • input text
      • input email
      • input text
      • input text
      • input text
      • textarea
    • 選項欄位
      • 複選選項 input checkbox
      • 單選選項 input radiobutton
  • 2017-07-05
  • 19:00 ~ 22:00
  • 3h

第 1 堂: 網站建築師 - HTML

  • 網頁基本結構視覺化
    • 記事本
    • HTML
    • 結構視覺化
    • 撰寫HTML
  • 語意結構觀念
    • 添加網頁標題
    • 添加內文標題
    • 添加內文
    • 加入清單資料
    • 添加加強標籤
    • 添加超連結
  • HTML屬性與屬性值概念
    • 不同標籤有不同屬性
    • 各個屬性需要用空白鍵區隔
  • 區塊結構的觀念
    • 表格結構
    • 表頭
    • 預設屬性之概念
  • 區塊分類的觀念
    • div標籤
    • span標籤
  • 2017-07-08
  • 09:30 ~ 12:30
  • 3h

第 2 堂: 網頁美妝師 - CSS

  • 文字的控制
    • font-famly
    • color
    • font-size
    • font-style
    • font-weight
    • font-decoation
    • text-align
  • 背景的控制
    • 背景顏色
    • 背景圖片
    • 背景重複
    • 背景固定方式
    • 背景位置
  • 區塊尺寸的控制
    • 寬度設定
    • 高度設定
  • 2017-07-08
  • 13:30 ~ 17:30
  • 4h

第 3 堂: 切切切切切版啦

  • 版面切割方式分析
  • position 定位應用與原理
  • float浮動控制與應用
  • 2017-07-12
  • 19:00 ~ 22:00
  • 3h

第 4 堂: 切版實務技巧

  • 單層與多層次選單
  • 背景圖與圖示的實務問題及解決方案
  • CSS3漸層應用
  • 偽類在版面設計上的應用
  • 那個IE8什麼的
  • 2017-07-15
  • 09:30 ~ 12:30
  • 3h

第 5 堂: 不同類型的版面製作

  • 切版
  • 跟著切版
  • 繼續跟著切版
  • 接著跟著切完版
  • 2017-07-15
  • 13:30 ~ 17:30
  • 4h

這門課程將透過 jQuery 這套跨瀏覽器的 JavaScript 函式庫來簡化 HTML 與 JavaScript 之間的操作,即使學員在不熟悉 JavaScript 這門程式語言時,也能打造實用的互動效果,進一步認識 JavaScript 與前端開發的眉眉角角。

課程已經開始,快看看其他課程

JavaScript & jQuery 前端開發入門實戰

課程時間:

7/19 (三) 19:00 - 22:00, 7/22 (六) 10:00 - 17:00
7/26 (三) 19:00 - 22:00, 7/29 (六) 10:00 - 17:00

許國政 (Kuro Hsu)

WebConf Taiwan 講者
Modern Web 研討會講者
JSDC 講者
前端工程師,專注網頁前端技術,天天離不開 HTML、CSS 以及 Javascript。認為網頁應該遵循 --古法-- 標準製作,卻又喜歡沈浸在新技術的怪咖。

18.0 小時課程學到
  • 前端開發基礎概念
  • JavaScript 與 jQuery 程式設計
  • 互動性的網頁應用與實作

第 0 堂: JavaScript 基礎知識 I

  • JavaScript 基礎知識
  • 變數型別
  • 基礎語法
  • 流程邏輯判斷與迴圈
  • 2017-07-19
  • 19:00 ~ 22:00
  • 3h

第 1 堂: JavaScript 基礎知識 II

  • JavaScript 函式 與 物件
  • JavaScript 與瀏覽器溝通 - DOM API
  • JavaScript 的未來:ES 2015 簡介導讀
  • 2017-07-22
  • 10:00 ~ 17:00
  • 6h

第 2 堂: jQuery 實戰 I

  • jQuery 概念與基礎語法
  • jQuery 選擇器
  • jQuery 與 DOM 操作
  • jQuery 樣式與動畫
  • 2017-07-26
  • 19:00 ~ 22:00
  • 3h

第 3 堂: jQuery 實戰 II

  • jQuery 事件處理
  • jQuery 與 Ajax
  • jQuery 與 Plugins
  • 前端綜合特效實作
  • 2017-07-29
  • 10:00 ~ 17:00
  • 6h

完整的 Ruby & Rails 的課程。內容包括 Ruby 程式語言、親手打造並且部署一個 Rails 專案。將在短期內帶領初學者對 Rails 整體架構、設計哲學以及開發流程有基本的了解與認識。

課程已經開始,快看看其他課程

Ruby on Rails 從零開始

課程時間:

8/02 (三) & 8/04 (五) 19:00 - 22:00, 8/06 (日) 10:00 - 17:00
8/09 (三) & 8/11 (五) 19:00 - 22:00, 8/13 (日) 10:00 - 17:00
8/16 (三) & 8/18 (五) 19:00 - 22:00, 8/20 (日) 10:00 - 17:00

高見龍 (Eddie Kao)

日本 RubyKaigi 講者
日本 Ruby World Conference 講者
台灣 RubyConf 講者
台灣 JSDC Conference 講者
台灣 PHPConf 講者 & 發起人
台灣 ModernWeb 講者 & 主辦人
台灣 MOPCON 講者
台灣微軟 Azure Developer Day 講者
Rails Girls Taipei 發起人
OpenFoundry 工作坊講師
資策會、中華電信講師

36.0 小時課程學到
  • Ruby 程式設計
  • 建置及部署 Rails 專案
  • Rails 的基本架構與哲學
  • MVC 運作原理
  • Rails View 樣板幫手 - Layout、Partial 與 Helper
  • CSS 與 JS 處理 - Assets Pipeline
  • ORM 與關聯式資料庫
  • 會員、購物車系統及金流串接

第 0 堂: 課程 A - Prototyping 雛形建立

  • 環境安裝及設定
  • 你的第一個 Rails 應用程式
  • MVC & Scaffold
  • 2017-08-02
  • 19:00 ~ 22:00
  • 3h

第 1 堂: 課程 A - Prototyping 雛形建立

  • Ruby for Rails
  • 2017-08-04
  • 19:00 ~ 22:00
  • 3h

第 2 堂: 課程 A - Prototyping 雛形建立

  • Rails 慣例
  • 使用 Bootstrap 來美化頁面
  • 使用 Gem 來加速開發
  • 將應用程式部署到 Heroku
  • 2017-08-06
  • 10:00 ~ 17:00
  • 6h

第 3 堂: 課程 B - Handcrafting 徒手打造

  • TDD 讓你開發更安心
  • 2017-08-09
  • 19:00 ~ 22:00
  • 3h

第 4 堂: 課程 B - Handcrafting 徒手打造

  • 表單處理
  • 寄發 email
  • 背景工作處理
  • 2017-08-11
  • 19:00 ~ 22:00
  • 3h

第 5 堂: 課程 B - Handcrafting 徒手打造

  • 程式碼整理
    • Layout
    • Partial
    • View Helpers
  • View
    • Template engine
    • Flash 訊息
  • Model
    • Active Record
    • Migration
    • Validation
    • Callback
    • Associations
  • 動態表單
  • 實作:投票系統
  • 2017-08-13
  • 10:00 ~ 17:00
  • 6h

第 6 堂: 課程 C - Go Shopping 購物車

  • 系統規劃
  • 會員系統
  • 串接 Facebook 帳號
  • 2017-08-16
  • 19:00 ~ 22:00
  • 3h

第 7 堂: 課程 C - Go Shopping 購物車

  • 購物車
  • 後台系統
  • 商品上架
  • 2017-08-18
  • 19:00 ~ 22:00
  • 3h

第 8 堂: 課程 C - Go Shopping 購物車

  • 訂單處理
  • 狀態機 (state machine)
  • 通知寄送
  • 金流串接 - 使用 Paypal
  • 使用 Capistrano 部署你的網站
  • 2017-08-20
  • 10:00 ~ 22:00
  • 6h

Git 是目前最流行的版本控制工具。本課程除介紹 Git 的基本原理及操作外,並將模擬各種在開發過程常遇到的狀況,引導大家快速上手。

課程已經開始,快看看其他課程

人生不能重來,但 GIT 可以

課程時間:

7/30 (日) 10:00 - 17:00

高見龍 (Eddie Kao)

日本 RubyKaigi 講者
日本 Ruby World Conference 講者
台灣 RubyConf 講者
台灣 JSDC Conference 講者
台灣 PHPConf 講者 & 發起人
台灣 ModernWeb 講者 & 主辦人
台灣 MOPCON 講者
台灣微軟 Azure Developer Day 講者
Rails Girls Taipei 發起人
OpenFoundry 工作坊講師
資策會、中華電信講師

6.0 小時課程學到
  • Git 終端機指令操作
  • 各種常見情境該使用什麼指令
  • 團隊如何使用 Git 共同開發

第 0 堂: 動手練習

  1. 常見使用情境
  2. Git Flow 與團隊協作
  3. Github & Pull Request
  • 2017-07-30
  • 10:00 ~ 13:00
  • 3h

第 1 堂: 基礎

  1. Git 工作原理
  2. 基本操作
    • 本地與遠端操作
    • 分支與合併
    • 解決衝突
  • 2017-07-30
  • 14:00 ~ 17:00
  • 3h

Gift 好康逗相報

只要報名 A.C.D 任一課程,我們就免費贈送技術圈最夯的 B. 版本控制 Git 課程(價值3000元!)
不同課程合報還有更多優惠喔!

馬上報名獲取優惠

Q & A

Q:上課需自備的器材?

A:請自備筆電,任何型號都可以 :)

Q:應具備怎樣的能力/程度才可以上課?

A:曾經接觸過任何程式語言都適合參加。

Q:衝刺班結束之後就可以用 Ruby / Rails 來開發網站,或是一定找得到工作嗎?

A:我們會提供最好的實戰技巧甚至協同合作所需要的各種方法工具相關的訓練,完成階段性講座一定能夠獨力開發自己的 Web 專案,累積實戰經驗與五倍紅寶石的推薦也將會為您帶來為數不少的極佳工作機會。

Q:目前衝刺班地點只有在台北市嗎?

A:初期將僅台北市為主,但我們希望在不久的將來在各縣市都可以有機會開講。

Q:報名費用可刷卡或分期?

A:我們提供刷卡與各種線上線下付款機制,您可以選擇自行刷卡辦理分期,或與我們約定替您無息分期。

Q:報名費是否可開立統一編號?

A:請於報名時特別標明貴單位之公司抬頭及統一編號即可。

若以上Q&A無法解答您的疑問,歡迎您透過 聯絡表單 與我們聯繫,或是直接來電洽詢。

付款方式:

  1. 報名網站(活動通)繳款
  2. 現場刷卡
  3. 匯款
    1. 匯款帳號資訊:
    2. 玉山銀行士林分行(代碼808)
    3. 帳號:0657-940-006952戶名:五倍紅寶石股份有限公司
    4. 請報名並匯款至以上指定帳戶後,請來信 pay-service@5xruby.tw 告知匯款帳號末五碼。

注意事項:

  1. 講座內容、日期及講師可能因故有所修改,主辦單位保留異動之權利。
  2. 學員需自備筆記型電腦。
  3. 本次講座僅開放 30 人報名。
  4. 報名費不包含餐費。
  5. 若報名學員人數不足 5 人,將視情況取消當次講座,並全額退還報名費用。
  6. 如有企業或團體講座需求,歡迎直接來信洽詢。