五倍紅寶石・專業程式教育

五倍紅寶石 ・專業程式教育機構

網頁前端到後端技術

一次學好學滿!

你是...

在職工作的上班族

在職工作的上班族

朝九晚五的工作生活,工作環境和內容停滯,想要轉換跑道,想利用下班或假日學習新技能!

想轉職成工程師

想轉職成工程師

和工程師接觸過或是嚮往工程師的工作,或是任何原因想要轉職工程師?

想節省時間有效學習

想節省時間有效學習

不管你是上班族或是在職學生,想利用假日進修,一次學習扎實的網頁前後端技術。

課程特色

那就選擇全方位課程吧!

專為新手設計的課程

專為無背景的新手設計,從最基礎的 HTML 談網頁的架構,到後端 Ruby on Rails 實作登入、使用者編輯、儲存、刪除等功能,全部課程都將從觀念入手,由淺入深,讓你掌握前後端技術!

集結業界名師

全方位系列課程的講師群都是五倍熱門的講師,講師課程經常滿班,這一系列將一次幫你集結,不用擔心搶不到課!

完整的補課與助教制度

實體課程附有線上群組討論以及雲端補課平台畫面。每週二可申請工程師助教輔助,無論你如何卡關,都能讓你關關過!

一次收錄前後端課程

想要轉職成工程師,卻不知道該選擇什麼樣的課程嗎?全方位課程一次收錄前後端課程,跟著講師和我們的課程安排,就能一次掌握前後端技術,不用煩惱選課!

課程地圖

課程簡介

Git 是目前最流行的版本控制工具,沒有之一。本套裝課程讓您從初階到進階一把罩,介紹 Git 的基本原理及操作,並將模擬各種在開發過程常遇到的狀況及內部運作方式、如何正確使用分支,以及應付各種常見狀況題等,引導大家快速上手。

詳細課程

開課日期

5/29(六)、6/5(六)

開課時間

10:00 - 17:00,共計 12 小時

講師:高見龍(Eddie Kao)

課程大綱

  • 環境安裝與設定

  • Git 的三種模式(工作目錄、暫存區及儲存庫)基本操作

  • 如何使用分支?

  • 分支的合併、衝突等情境介紹

  • Git Push / Pull 介紹

  • Pull Request(PR)與其他工程師合作

  • .git 是什麼?

  • SHA-1 亂碼是怎麼算出的?

  • 分支常見的誤解

  • 切換分發生了什麼事?

  • Rebase 介紹

  • 自由切換任務與分支

  • detached HEAD 介紹

  • 誤刪分支或 Commit 該如何救回?

  • Reset 、Revert 、Rebase 差異詳解

  • Git 回收機制

  • Git Flow 介紹

  • GitHub Flow 介紹

課程簡介

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

詳細課程

開課日期

5/1 (六)、5/8 (六)、5/15 (六)、5/22 (六)

開課時間

10:00 - 17:00,共計 24 小時

講師:李建杭(Amos Lee)

課程大綱

  • HTML 結構與觀念

  • HTML 網頁標籤意義

  • 語意的重要性

  • SEO 與網頁的關係

  • 樣式的寫法與重要觀念

  • CSS 樣式優先權

  • 區塊與行屬性

  • 基礎 CSS 選取器

  • 選取器的效能

  • 選取器的應用

  • 如何有效的選取網頁物件

  • 更多實用的選取器

  • Fixed 定位

  • 絕對與相對定位介紹

  • Flex 彈性排版的重要觀念

  • 多欄式版面製作

  • 直橫排隨你變

  • 什麼是 Float ?

  • 如何清除及避開浮動?

  • 撰寫具有彈性的網頁原始碼

  • 為何別濫用 Class

  • Class 命名的問題

  • 什麼是模組化

  • 選單製作

  • 兩欄式 / 三欄式版面排版實務

  • 單頁網頁製作

  • 加碼內容(依課程進度動態增減):Grid 排版

課程簡介

這門課程將透過 jQuery 這套跨瀏覽器的 JavaScript 函式庫來簡化 HTML 與 JaveScript 之間的操作,即使不熟悉 JavaScript 這門程式語言,也能進一步認識 JavaScript 與前端開發的眉眉角角。

詳細課程

開課日期

6/26 (六)、7/3 (六)、7/10 (六)、7/17 (六)、7/24 (六)

開課時間

10:00 - 17:00,共計 30 小時

講師:許國政(Kuro Hsu)

課程大綱

  • JavaScipt 是什麼?

  • JavaScript 與 HTML / CSS 的關係?

  • JavaScript 與 HTML

  • NodeList

  • 敘述句與運算式

  • 變數

  • 陣列

  • 函式與物件

  • 變數資料型別

  • 字串與數字

  • 布林值

  • 流程邏輯判斷與迴圈

  • 深入函式與 this

  • 變數作用域與變數提升

  • callback function

  • 閉包

  • call(), bind(), apply()

  • ES6 簡介

  • let 與 const

  • 箭頭函式

  • JavaScript 與 jQuery 的關係

  • jQuery 概念與基礎語法

  • jQuery 選取器與物件

  • jQuery 與 DOM 節點方法

  • jQuery 事件處理

  • jQuery 與動畫

  • jQuery 與 Ajax

  • jQuery 與 Plugins

課程簡介

後臺開發不是夢!實戰程度百分百的 Ruby on Rails 課程 。具備高度生產力,簡潔、有效率的編寫,即便是初學者也能快速上手的 Ruby 程式語言 ,搭配 Rails 框架,短時間內部署自己的專案。從電商網站到金流平台串接, 5 天課程帶您走過專案流程,熟悉整體架構。

詳細課程

開課日期

7/31 (六)、8/7 (六)、8/14(六)、 8/21 (六)、8/28 (六)

開課時間

10:00 - 17:00,共計 30 小時

講師:高見龍(Eddie Kao)

課程大綱

  • 環境安裝及設定

  • 你的第一個 Rails 應用程式

  • MVC & Scaffold

  • Ruby for Rails

  • Rails 慣例

  • 使用 Bootstrap 來美化頁面

  • 使用 Gem 來加速開發

  • 將應用程式部署到 Heroku

  • TDD 讓你開發更安心

  • 表單處理

  • 寄發 email

  • Layout 與 Partial

  • View Helpers

  • Template engine

  • Flash 訊息

  • Model

  • Active Record

  • Migration

  • Validation

  • Callback

  • Associations

  • 動態表單

  • 實作:投票系統

  • 第三方服務登入串接

  • 會員系統

  • 後台系統

  • 商品上架

  • 購物車實作

  • 訂單處理

  • 狀態機 (state machine) 介紹

  • 通知寄送

  • 金流串接 (以 LINE Pay 為例)

  • 部署網站

實戰應用

HTML / CSS

全方位 HTML / CSS - 實戰應用

HTML / CSS 將透過大量的切版實務,了解網頁結構、標籤的重要性以及網頁的排版原理,面對不同的網頁設計切版需求都能完成!

JavaScript

全方位 JavaScript - 實戰應用

JavaScript 除了實作動畫、網頁事件監聽,還有 Ajax 串接 YouBike 資料!讓學員了解如何在網站上抓取大量資料並進行操作。

Ruby on Rails

全方位 Ruby on Rails - 實戰應用

這門課將從電商會員系統、產品編輯、上架、加入購物車等流程,還包含 LINE Pay 金流串接,讓學員能快速掌握後端開發。

在五倍,我們一起超越五倍

新手 Coding 入門必備秘笈雙重送

贈書
1
為你自己學 Git 書籍

讓你共同開發時
如何有效率的管理程式碼

2
為你自己學 Ruby on Rails 書籍

帶領初學者由淺入深,
輕鬆實作後端 Ruby ob Rails 網頁架構

Git-book
為你自己學 Git 書籍

讓你共同開發時
如何有效率的管理程式碼

Ruby-book
為你自己學 Ruby on Rails 書籍

帶領初學者由淺入深,
輕鬆實作後端 Ruby ob Rails 網頁架構

4大核心單元

96小時扎實課程

3位重量級導師