首頁 > 全方位衝刺班 > 網頁前端設計女性專班

女孩,這就是因妳而生的舞台

專為女孩打造的網頁前端設計專班
一步步完成屬於妳的網頁藍圖
只管踏上,前方道路將會為妳開啟

距離第一堂課程報名截止只剩不到21天!

名額有限,馬上報名!
Feature list img1

專屬女性的學習環境

在彼此身旁都是女性的環境裡,女孩們一起交流討論,不再因為「男生才會寫程式」的想法而害怕與同學交流。

Feature list img2

教學節奏與學生同步

以活潑有趣的方式一步步耐心指導,穩紮穩打,不用擔心來不及吸收。用心肯學習,程式定會在您心中留下好印象!

Feature list img3

助教課幫助課後整理

課堂交付的作業,除了在助教課讓學生們互相討論,並安排專業助教一同協助指導,給予學習問題快速的解決方法。

Feature list img4

課後同學會&線上社團

課後將不定期舉辦同學會,並有FB線上社團,幫助學員聯絡感情與持續交流,成為學習階段的重要夥伴。

什麼人適合上這個課?

想嘗試程式領域的女生

想找到一起進步的夥伴

想改變生活,尋找興趣的女性

想學會如何用 HTML / CSS 切版的人

想學會 jQuery 基礎運用的人

創辦初衷

許多傑出的女企業家,在背後都有艱辛努力的故事,
SOGAL 共同創辦人 Pocket Sun,在不畏懼前方道路時,勇往直前,大膽的去鑽研於 VC 的世界。

社會企業 Motherhouse 創辦人 山口繪理子,告訴大家一定要相信:「你的可能性,超越你自己的想像。」

Facebook 營運長雪柔·桑德伯格 Sheryl Sindberg 也說過:「請多嘗試,並期待這些嘗試可以被正確完成,若帶來失望,那是因為完美才是真正的敵人。」

她們骨子裡都有共通的想法:「只管踏上,前方道路會為我開啟。」

在職場前進的路途中,我們不求自己是個完美的人,不強求讓所有人喜歡,更期許自己面對未來無所畏懼。

女孩們,失戀了別嚎啕大哭,工作遇到挫折也別往肚裡吞。
妳不是一無是處,妳只是還沒發掘多面的自己。

「當妳真心想完成某件事情,全宇宙都會聯合起來幫妳。」在這裡,所有的女孩都沒有寫過程式的相關經驗,也沒有畏懼去嘗試接觸,大家都把對方視為夥伴,一同學習、一同探索、一同互相幫助,因為她們深信,努力會有所收穫。

「我的好夥伴呀,不要害怕,相信妳會成為更好的人,我會陪伴妳一同前進!」秉持著這樣的信念,五倍紅寶石為女孩們量身打造了女性專班,來帶領女孩們一步一步的完成夢想。

Camp girl teacher cat
講師

孫于婷 (Cat Sun)

嶺東科技大學-視覺傳達設計學系 畢業
現任五倍紅寶石-前端工程師、網頁設計師
2016 Rails Girls Weekly 從零開始的網頁設計-講師
2017 Rails Girls Weekly 從零開始的網頁設計-講師
Hahow 用程式構築的繪畫世界 — CSS 繪圖 講師

Cat 是一名面對未來樂觀開朗的女孩,喜歡大笑,喜歡做自己。儘管不是程式相關背景畢業的女生,但是面對程式總是展露認真又好奇的心態。

以前想要表達腦中的想法,都是用平面設計實際去繪圖,現在則是會選擇使用 CSS 這樣的魔術展現出來。

自己平時也會多嘗試使用 CSS 練習畫不一樣的圖案,可以學習到很多小技巧,而這些小技巧累積越多,在商業用途上有特殊需求時就會很直接的反應,切不出來的板型也會越來越少。

這樣的堅持,是因為她跨出嘗試程式領域的那一步,因此愛上了程式,喜歡上 CSS,從此,程式界也多了 Cat 的笑聲。

Camp girl teacher ringo
助教

楊雅婷 (Ringo Yang)

現任五倍紅寶石 - 前端工程師、網頁設計師
曾任非常婚禮 - 前端工程師、網頁設計師
經手 Violet White - 前端設計
BOLT Lighting - 前端與網頁視覺設計

你將會學到

第 0 堂: 始業式

  • 課程詳細介紹
  • 學員交流
  • 環境安裝
  • 2018-01-04
  • 19:00 ~ 22:00
  • 3h

第 1 堂: 初次認識前端

什麼是前端工程師?

  • 前端是什麼?
  • 前端需要用到的語言介紹
認識網頁的骨骼 - HTML
  • HTML 架構
  • HTML tag 介紹
  • Emmet 插件語法介紹
  • 2018-01-07
  • 10:00 ~ 17:00
  • 6h

第 2 堂: 用 CSS 幫網頁套上漂亮的皮膚吧!

  • CSS 介紹
  • CSS 基本屬性
  • CSS 選擇器
  • 2018-01-11
  • 19:00 ~ 22:00
  • 3h

第 3 堂: 排版技巧與實作

切版時需要用到的排版技巧

  • CSS position / float / display 介紹
  • 用 JQuery 完成簡單的互動
  • 偽類、偽元素介紹

用手刻來完成我們的第一個靜態網頁吧!

  • font awsome 介紹
  • 手刻第一個網頁
  • 2018-01-14
  • 09:30 ~ 17:00
  • 6h

第 4 堂: 可以適用各種裝置的響應式設計

  • RWD 響應式設計介紹
  • 手刻響應式設計網頁
  • 2018-01-18
  • 19:00 ~ 22:00
  • 3h

第 5 堂: 簡便好用的 bootstrap

  • bootstrap 介紹
  • bootstrap 語法介紹
  • 用 bootstrap 切切版吧
  • 2018-01-21
  • 09:30 ~ 17:00
  • 6h

第 6 堂: CSS 動畫介紹

  • transition 屬性介紹
  • animation 屬性介紹
  • 2018-01-25
  • 19:00 ~ 22:00
  • 3h

第 7 堂: CSS 繪圖與分組作業

CSS 的繪圖世界

  • CSS 繪圖概念介紹
  • CSS 繪製基礎圖形

網頁切版實戰流程教學 (分組作業) - 上

  • 2018-01-28
  • 09:30 ~ 17:00
  • 6h

第 8 堂: 分組作業

網頁切版實戰流程教學 (分組作業) - 下

  • 2018-02-01
  • 19:00 ~ 22:00
  • 3h

第 9 堂: 結業式

  • 分組展示作業成品
  • 頒發結業證書
  • 2018-02-05
  • 19:00 ~ 22:00
  • 3h
除上述豐富內容 36 小時 課程外,
1/8、1/15、1/22、1/29 每週一的 19:00~22:00 也會安排共 12 小時 的助教課,
不怕上課有問題來不及問,更不怕回家作業不會寫唷!

Gift 好康逗相報

為支援努力向學之青年學子,學生憑學生證可現折 500 元,中低收入戶憑證明則直接享有學費折半減免!
更多優惠請關注五倍紅寶石粉絲專頁

馬上前往粉絲專頁

Q & A

Q:上課需自備的器材?

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

Q:我是初學者/不是本科系的女生,也能上此課程嗎?

A:可以的哦,這個課程將從基礎開始教起,並且放慢腳步,隨時觀察女孩們的吸收情況,調整上課步調,奠定基礎!

Q:這個課程與衝刺班的課程差別在哪?

A:這個課程主要是針對女性們特別量身打造的專班,將會以培養興趣與轉職需求為導向的內容來授課,從講師到助教、學生都是女孩,並也會讓同學們互相交流,成為學習階段彼此重要的夥伴。

Q:什麼是始業式與結業式呀?

A:始業式與結業式是讓同學們互相交流的機會,藉由認識彼此來敞開心房,一同為學習努力。結業式那天也會有小組成果發表,為這個課程展現自己進步的一面並且頒發結業證書。

Q:什麼是助教課,會安排在什麼時候?

A:每週一的晚上 19:00~22:00 安排有助教課,此課程時段將由助教來指導講師課堂出的作業,讓學生有足夠實作的時間與課後發問的機會,並真正學到以業界規格撰寫程式的方式,引導女孩們快速正確踏上網頁前端設計之路。

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. 若報名學員人數不足 10 人,將視情況取消當次講座,並全額退還報名費用。
  6. 如有企業或團體講座需求,歡迎直接來信洽詢。