五倍直播間

Blogs - Sidebar

作為一名前端工程師，由於在日常工作中經常使用 React.js，而且也非常地喜愛這個前端框架。所以，為了更加了解 React.js，並且能更精進自我，我決定選擇了「[React.js 全攻略 - 入門到進階](https://5xruby.tw/courses/react)」這門課程，由五倍學院舉辦，並由奶綠茶老師教導。

## 為什麼選擇這門課？

為什麼選擇上這門課？首先是因為我本身對 React.js的興趣，希望在這門課中學到更多的知識。其次，五倍紅寶石在業界十分著名，師資團隊一字排開都是業界的大神，也都擁有豐富的教學經驗，因此我對這門課非常感興趣，也覺得可以為我的職涯帶來幫助。

## 這門課帶給我什麼幫助

在這門課中，我學到了很多實用的知識。老師會由簡入深帶領我們一步一步學習，老師自己也準備許多有趣並且實際運用的專案。平常一些覺得枯燥乏味的部分，在幽默風趣的奶綠茶老師講解後，也都覺得非常的生動活潑。例如 React.js 元件的生命週期、處理資料與狀態管理等。這些知識不僅讓我更加了解 React.js，也知道了一些程式碼底層如何運作，對於 React.js 有非常深刻的了解。

除此之外，奶綠茶老師也教導我們一些在開發實戰的經驗與技巧，還有如何讓 React.js 能夠更節省效能。例如，我學到了如何實現 React.js 元件的 lazy loading，以提高網頁的載入速度，還有運用 useMemo 和 useCallback 來優化網頁的渲染。

老師除了教導各個 React.js Hooks 的使用以外，同時也與時俱進地更新 React.js 版本，React.js 18 更新了什麼都講解的非常地仔細。而在狀態管理部分，奶綠茶老師也教我們如何使用 Context API 來處理資料與狀態管理，還有使用知名開源套件 Redux，這對我在工作中實現組件間的資料共享和狀態管理有很大的幫助。

除此之外，這門課還教授了 React.js 開發的最佳實踐，例如如何設計優秀的 React.js 元件和如何使用 React Router 來實現頁面路由。最後也一再強調測試對於開發的重要性，教我們該怎麼使用 Jest 和 React Testing Library 來測試。

## 感謝 x 五倍

最後，我要感謝五倍紅寶石。在這門課中，我不僅學到了很多知識，也在一個輕鬆愉快的環境中享受到了學習的樂趣。我對五倍紅寶石的教學團隊表示敬意，每當我有任何疑問想要詢問時，課務人員都會非常有耐心，並且不厭其煩地回答我的任何有關課業上的問題，非常感謝他們為我提供了如此寶貴的學習機會。

我深刻地體驗到了五倍紅寶石對學生的關心和支持，因此我強烈推薦五倍紅寶石的課程給所有對前端開發有興趣的人。如果你對 React 有興趣的話，那麼 React.js 全攻略是一門不可錯過的課程，不管是剛入門或是資深的工程師，它都會為你提供更多有用的知識和實踐經驗。

![React 課程合照](//images.ctfassets.net/8er52l3j5u76/ZDOMIGZkTIK4b0RlPYIFx/24b4a7b4047394a5581f16333c00c3a8/react-group.jpg)

本文引用自 [Bucky's f2e bucket](https://bucky0112.github.io/) 的文章 -  [React.js 全攻略班推薦給想要精進自我的前端工程師](https://bucky0112.github.io/2023/02/15/react-class-experience/)

> 👩‍🏫 課務小幫手：
> ✨ 想掌握 React.js 觀念和原理嗎？
> 我們有開設 📒 「[React.js 全攻略 - 入門到進階](https://5xruby.tw/courses/react)」課程唷 ❤️️

React 課程

React.js 全攻略班推薦給想要精進自我的前端工程師

喜歡自學的朋友有福了！

五倍學院準備數個月，打造了一個全新的[線上課程學習平台](https://base.5xcampus.com/)，提供給所有的學生和專業人士一個新的學習的管道。課程內容從入門到進階，讓你可以彈性安排自己的時間，挑選合適的課程，扎實打穩網頁基礎。

## 這個線上課程平台適合什麼人呢？

「如果你是 ⋯⋯」

✔︎ 非本科系卻對開發有興趣的人
✔︎ 想要知道怎麼跟工程師溝通的 UI / UX 設計師
✔︎ 已經是工程師，想要對技術做更進階的研究
✔︎ 不住在北部，無法通勤報名實體課程的朋友

那麼你就很適合認識這個[線上課程平台](https://base.5xcampus.com/)，以一名新手來說，平台裡有許多基礎課程可以挑選；又或是你一位已在業界一陣子的工程師，這裡也有合適的進階課程可以進修。

## 課程內容

課程的講師都是業界或技術社群的專業人士，擁有豐富的知識和實務經驗，課程的內容豐富多元，多種主題如：前端、後端和資料庫課程等，讓學習者可以依照興趣選擇需要的課程主題。

## 課程的特色

### 會員福利

- 只要註冊會員後，馬上獲得 [Git 小教室](https://base.5xcampus.com/courses/git-tips)課程首禮！趕快加入會員，跟我們一起開始探索學習之旅。
- 五倍將不定期上架**會員專屬**的免費課程。

### 成為會員後

##### 享有終生觀看制

只要購買課程後，你可以不限時間和地點無限次觀看影片，亦能按照自己的習慣和步調每天安排學習進度。課程上線後，你隨時隨地都可以透過電腦、手機或平板觀看課程影片，沒有時間和地點的問題！

##### 隨時解決你的學習疑惑，學習終身保固

每個課程單元和作業下方都有專屬的留言討論區，可以把遇到的問題或卡關的地方留言給老師，讓你不再求救無門。

## 付費方式

我們提供線上刷卡、ATM 轉帳等多種不同的付款方式。購課後，五倍線上課程平台將合法開立免稅電子發票，若有進一步的問題，歡迎[私訊小編](https://www.facebook.com/5xruby)了解。

## 學習之旅，現在就啟航

五倍紅寶石致力讓「寫程式」這件事，不再只是紙上談兵，而能從零開始解決問題、建立作品，為工程師職涯鋪路。


線上課程

隆重推出五倍學院線上課程平台，讓你自學也能打穩基本功

五倍紅寶石專業程式教育機構講師團隊的專業師資 - Amos Lee（李建杭），一開始從事平面設計，後來轉職成網頁設計師，這陣子更是出了一本暢銷的技術書籍 - [金魚都能懂的CSS必學屬性：網頁設計必備寶典](https://www.tenlong.com.tw/products/9789864348824)，解決了許多新手或 CSS 苦手的使用困擾。雖然 CSS 看似簡單，其中卻有很多技術上的「眉角」，很多屬性之間會互相影響而產生各種意想不到的效果，特別是新手學習 CSS 初期若用死背的，在版面需要進階變化時就會出現 Bug，而不同的瀏覽器可能會有不同的細節和眉角要注意，但 CSS 真的如大家所說那麼難學嗎？

若你有這樣的困擾，不如閱讀以下這篇直播活動的紀錄文，讓 Amos 跟你分享更多 CSS 突飛猛進的訣竅和方法。

## 是什麼原因讓 Amos 想要再度出 CSS 的相關書籍
隨著技術圈的發展，網頁設計資訊量非常龐大，但每個人的學習時間是有限的，但新手苦於無法判斷哪些東西需要優先學習，因此，這本書篩出最重要且新手必需要知道的基本觀念，以及九成以上的開發者必需要知道的基本屬性！新手可以藉由這本書掌握最基本的技術；除此之外，使用者也可以將這本書當作百科全書來用，當你看到不熟的屬性，就可以翻閱該書再次確認屬性的原理和使用方式。

## 什麼樣的人適合讀這本書？
無論是新手入門網頁設計，又或是初學者在做網頁設計時會遇到的狀況，都可以靠這本書來解惑。
當然網頁設計學習者也可以把這本書當成字典來查詢，當你看到某個語法想學習或確認，都可以透過翻閱這本書來找到屬性的原理和定義。

## 覺得 CSS 最難懂，最多人卡關的地方？
Amos 老師提到，很多人在寫 CSS 的時候，會碰到定位的問題或尺寸計算錯誤，導致畫面跑版，而這些畫面不如預期的效果，往往跟基本觀念不夠扎實穩固有關係。

老師更建議大家，切版是一件很活的事情，但並不能學，唯有打穩基礎，完全的理解原理，這樣才能快速開發。

## Tailwind CSS 是一個值得學的工具嗎？
在技術快速發展的現在，每個工具的發明都是為了解決開發者的問題，因此 Amos 老師建議大家要懷抱的開放的心態去擁抱新技術，了解每個工具的適用性和和開發情境，只要用對了，那這就是一個好工具。

> 👉 課務小幫手：如果你想了解 Tailwind CSS，可以了解五倍紅寶石的短期課程 - [升級前端技術從 Tailwind CSS 開始](https://5xruby.tw/courses/tailwindcss)

![Tailwind CSS](//images.ctfassets.net/8er52l3j5u76/1d35AsSk65MdhXVQnUyYPf/93071c6b78838ddbe321e7c88fdcb84e/tailwindcss.jpeg)

## 如果想找一群夥伴共讀，會建議如何共通讀這本書

這本書其實對很多人來說就像本活字典，遇到問題去翻閱就會找到對應的原理和範例。老師非常鼓勵三五好友揪團開讀書會，大家可以藉由共讀的方式，聊聊自己的使用經驗和分享自己與書上不同的寫法，藉著彼此交流相互成長。若是未來想要邀請老師一起加入讀書會，老師也很樂意參與，除了可以和大家經驗交流，也可以以作者的角度分享一些心法和祕技。

## 新手常常覺得懂了原理，但碰上實戰就很卡

很多人在碰到問題時，會在網路上搜尋對應的資源，找到語法後也只是套用並沒有真的透徹理解，建議所有新手在學的時候，理解其原理，後續的進階應用才會更有效率。

Amos 老師也提到，常碰到新手跟他說：「因為自己有些不熟的地方，所以覺得要多寫才會記住。」老師認為大量練習是有效的，但是新手很容易會落入一個迷思，只要一直寫就會進步，如果你只是學會複製貼上，那麼就算是大量的練習，你也不會有明顯的進步，大量練習的目的除了熟能生巧之外，重要核心精神是要正確練習，並且要理解為何這麼寫。

而老師在 code review 的時候，常會反問學習者為什麼要這麼寫，但對方常會誤解，認為這樣的舉動是在找麻煩，其實這些反問的過程，都是要讓學習者去思考這樣寫的邏輯以及原因，去判斷是不是真的理解，並適時補充，這樣的輸出才能有真實的效益。

上課時，老師常發現學生會同步抄寫老師講解的 code，其實 Amos 和五倍紅寶石專業程式教育機構創辦人 - 龍哥都認為這不是個好方式。因為這些跟著敲打的瞬間，你會以為自己做出效果了並且學會了，但這其實是`進步的假象`，兩位老師建議大家最好的學習方式，是要能夠在第一時間聽懂原理，接著再實際演練自己聽懂的語法。

## 有考慮出電子書嗎？

Amos 老師表示，目前自己的著作並沒有電子版本的計畫，除了老師比較喜歡紙本的溫度之外，老師也很擔心資訊被剽竊，畢竟每一本著作都是作者的心血，更重要的是翻閱紙本時，會有些記憶效應，在翻到某個章節時，會寫起曾經記下的一些重點，那是電子版本所難以達到的效果。

## Amos 老師有遇過有學生怎麼講都聽不懂的情況嗎
其實 Amos 老師在上課前會希望能知道這個班級的性別和年齡組成，又或是每位同學來自什麼背景，當同學卡關的時候，老師就會試著用跟學習者領域相仿或相關的知識去做類比，讓大腦產生關聯性。

倘若學習有時限的壓力或是馬上要提交給客戶的設計稿，但怎麼樣都想不通其原理，老師會請你先用背的記下來，雖然這不是一個好的方法，但是學習就跟拼圖一樣，哪裡有洞就補哪裡，這個地方卡關，先休息或換拼別的地方。有時候當你轉個彎，或先做別的事，隔一小段時間再回頭看，你會意外發現自己卡關的地方竟然開竅了。

## 要如何保持顛峰，維持學習狀態

Amos 提到維持學習狀態最好的方式就是對技術保持熱情，而五倍紅寶石專業程式教育機構創辦人 - 龍哥也認同，畢竟不同的工具會解決不一樣的問題，抱持著開放的心態去學習，除了學到技能本身，也會認識其生態圈和更多與原本領域不同的文化。

## 一般 104 上的網頁設計師的職缺需求能力要到什麼程度

網路上的職缺大概簡單來說可以分成三大類，一個是純設計但不切版，另外一種則是會設計和切版，也會知道怎麼使用套件，最後一種則是前端工程師，設計的部分相對少了，除了切版之外，還會搭配 JavaScript 和串 API 等技術，而薪資當然會隨著你的技能多寡而有所不同。

## 要如何看到版面，馬上就知道怎麼切？

其實這些都跟經驗有很大的關係，當你做過的作品越多，練習過的版面越多，你會越來越知道某個畫面可以很快用什麼方法切出來，其實要可以快速切版，和你對原理的熟悉程度有很大的關係，而成功地不二法門，唯有大量且正確的練習！

看完這些直播活動的精彩紀錄，有沒有受益良多的感覺呢？趕快回放再次觀看當天的直播活動- [CSS 真的這麼難學嗎？Amos 老師指點你學習捷徑！](https://www.youtube.com/watch?v=d6SjTcTPzQY)

> 👉課務小幫手：如果聽完這場活動想要了解更多關於網頁設計的開發課程，也歡迎報名[網頁前端設計女性專班](https://5xruby.tw/courses/code-for-girl)，讓我們陪妳從零基礎前進網頁設計師之路。

![Code for Girl](//images.ctfassets.net/8er52l3j5u76/2Foib3Khc7YRkRIQX8kgZJ/6605e33ebf5aaf785da9844095aea910/amos-girl-power.jpeg)

CSS 真的這麼難學嗎？Amos 老師指點你學習捷徑！

在技術圈打滾多年的我，當初讀書時接觸 ASP.Net WebForm，藉著這個技能在業界磨練了多年，但，任誰也沒想到近年來的前端技術大噴發，讓我頓感自己是否還適合這個圈子，以及是不是要去認識一些新東西，一開始我先嘗試 Angular，摸索了一陣子發現入門門檻實在有點高，心想老闆要的不是追求強壯的坦克，而是能到達目的地的跑車，於是便將焦點移到了 Vue.js 身上。

畢竟要馬上應用到職場上，選擇了中文官方文件多的 Vue.js，以便查找資料時可以更快找到方向，為了用最短的時間就能學好 Vue.js 的核心開發實務，便決定報名了五倍紅寶石的 [Vue.js 與 Vuex 前端開發實戰課程](https://5xruby.tw/courses/vue-js)

其實我是個不容易舉一反三的人，很多新知識要反覆練習才能真的理解和融會貫通，上課之前我也曾擔心學習狀況不如預期，意外的是，我非常喜歡 Kuro 老師的教學節奏和口條，他的節奏雖不是很慢，但配合著他的教學口條，卻讓我沉浸在他的授課內容中而慢慢變強卻不自知。**講師能力強的人很多，但會教的並不多，非常感謝五倍開了這堂課，讓我可以在業界多待個幾年。**

## 老師的課間經營法寶

老師在課堂上，除了會分享很多開發相關的好書之外，甚至會自掏腰包根據我們的需求送書或是舉辦有獎徵答，可謂佛心無敵！感覺得出來，他有在意每位學習者的學習感受和狀況，這樣子的課室經營，讓班上的互動率大幅提升，大家都很投入和享受上課的氛圍，而課堂上會搭配大量的實例引導，每個小段落也都會有重點抽問，讓我們可以階段性地檢視自己的學習狀況，每個段落的規劃都感覺是有設計巧思的，我相信班上的同學也都能深刻感覺到老師的用心。

### 不只教 "武器用法"，也給你內功心法

在課間，老師會從一般入門寫法慢慢修改成業界較專業的方式，不僅讓你了解怎樣優化，更讓你知道為什麼要優化。

例如元件化開發是 Vue 的重要功能與觀念，但老師並不會直接就以元件思維來授課，而是實作出傳統寫法，透過這樣的方式讓學員先了解目的，才開始針對頁面區塊進行元件化改良，學員從無到有，到元件化的過程是透徹理解的，在職場上的專案開發會更知道怎麼拿捏細節和元件化設計！

## 課後服務，終身保固

課堂結束後，當然就要真正運用在戰場上，還好五倍針對課程都會開設一個 LINE 群組，Kuro 老師、五倍的課務夥伴們和所有同學都在裡面，很多關鍵性的問題都可以透過這個群組發問而得到解答，除此外，五倍每個禮拜二晚上都會對外開放教室，辦理[默默會活動](https://www.facebook.com/rubymokumokukai/)，讓大家有機會彼此分享與解惑並交交朋友。我記得有次我寫滿了密密麻麻的問題要問Kuro老師，而老師也二話不說在默默當天來到五倍，非常有耐性的一項一項把我的腦洞打開!

就連已經結訓一年多，我在職場上碰到問題，只要在群組上詢問，快則半天，遲則一天，無論如何都會等到老師的建議。我時常在想自己真的很幸運，遇到一個很棒的老師，就像在技術領域認識到一個很棒的前輩，無論何時都可以從他身上學到很多！

謝謝老師打開了我的技術視野，讓我在一開始的學習就有好的起點！
**我想只要我待在這個產業的一天，應該就離不開 Vue.js 了。**

>👩‍🏫 課務小幫手：
>✨ 想掌握 Vue.js 觀念和原理嗎？
>我們有開設 [Vue.js 與 Vuex 前端開發實戰 ](https://5xruby.tw/courses/vue-js)課程唷 ❤️️


Vue and Javascript

學 Vue.js 與 Vuex 前端開發實戰

[Free Stock photos by Vecteezy](https://www.vecteezy.com/free-photos "Free Stock photos by Vecteezy")

## 網頁前端設計女性專班的緣起
「五倍紅寶石專業程式教育機構」是由台灣的 Ruby 程式語言開發者和愛好者所創立，我們希望透過各種形式的程式與社群活動，讓大家都有機會體驗有趣的程式學習。

開課幾年下來，發現技術市場的性別比例十分失衡，表示不少人依然存有只有男生才可以學習程式的刻板印象，但是工程師這個職業，真的是只有男生才可以勝任嗎？我們都知道答案不是肯定的，於是五倍決定開設網頁前端設計的女性專班課程，讓女孩們也能有機會自在的學習網頁開發。

## 妳知道嗎？其實第一位工程師就是女生
其實歷史上第一位工程師就是女生！ 
Ada Lovelace 是19 世紀英國的數學家，她也是史上第一位程式設計師。當時 Ada 的母親希望她順著興趣學習，堅持讓她從小開始學習邏輯、科學和數學，而 Ada 也因為對於數理的熱情，最後成為歷史上第一位女性工程師。 
當興趣慢慢走向專業，重要的是有沒有熱情而非性別，歷史上第一位的女性程式設計師就是很好的例子。五倍願意用最誠懇的心，陪女孩們裝上自己夢想的翅膀，讓妳們能無懼眼光自在飛翔！

## 一個人，走得快；一群人，走得遠
這個社會，一定有一群女孩們懷抱著成為工程師的夢，我們想邀請妳們來到五倍，一起重新定義自我價值。在這裡，會有一群志同道合的夥伴彼此陪伴，就算碰到問題也不再是孤軍奮戰，大家擁有同樣信念，力量就擁有加乘的效果，一起實現深埋心中的小小夢想 - 網頁前端設計師。

![two-friends-smiley-enjoying-working-together-in-a-coffee-shop](//images.ctfassets.net/8er52l3j5u76/1fU9u7HfgiE7VeCQj0F536/629fae77cebf49f9ff38fe778723b774/3146191-two-friends-smiley-enjoying-working-together-in-a-coffee-shop.jpeg)

[Stock photos by Vecteezy](https://www.vecteezy.com/photo/3146191-two-friends-smiley-enjoying-working-together-in-a-coffee-shop "Two friends smiley enjoying working together in a coffee shop. Stock photos by Vecteezy")

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

在職場前進的路途中，我們不求自己是個完美的人，不強求讓所有人喜歡，更期許自己面對未來無所畏懼。因為秉持著這樣的信念，五倍紅寶石為女孩們量身打造了女性網頁設計專班，來帶領女孩們一步一步的完成夢想。

## 三大課程特色

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

__(2)上課節奏與學生吸收程度同步__ 
以活潑有趣的方式一步步耐心指導，穩紮穩打，不用擔心來不及吸收。用心肯學習，程式定會在妳心中留下好印象！

__(3)課後讀書會 & 線上社群__ 
課後將不定期舉辦讀書會，並有 Line 群組，幫助學員聯絡感情與持續交流，成為學習階段的重要夥伴。

## 為自己的職涯和興趣勇敢一戰
五倍永遠把妳們在意的事情擺在心上，盡全力提供給女孩們安心的空間，好發揮最大的自我價值，去顛覆市場的想像，找回學習的成就。

五倍更不吝展現對細節的專注，無論妳們在程式學習路途所遇的各種挑戰，五倍紅寶石總能提供支持力量，陪伴大家深入面對，在這條學習的路上，女孩們絕不孤單！

別害怕！五倍讓刻板的程式碼生動化，帶妳解構學習步驟再重組，鍛鍊屬於妳的程式教育最強模組，手把手帶妳製作出自己的專屬網頁。相信做好準備的妳們，會吸收所有的專業知識並內化成展翅高飛的力量。

追夢，讓妳的世界無限放大！ 
五倍紅寶石陪女孩們追求自我，一一克服學習上的障礙和難關，五倍專屬課程和社群陪妳們從零基礎開始直至踏上網頁設計師之路，總有一天也能在職場上閃閃發亮！

![3666767-two-beautiful-women-talking-everything-together-at-coffee-shop-cafe](//images.ctfassets.net/8er52l3j5u76/xU62nsykf5BbM8J7bWoai/e7be2a7738cbdfac3cb77789e0ff5096/3666767-two-beautiful-women-talking-everything-together-at-coffee-shop-cafe.jpeg)

[Stock photos by Vecteezy](https://www.vecteezy.com/photo/3666767-two-beautiful-women-talking-everything-together-at-coffee-shop-cafe)

---

### 推薦課程

> 👩‍🏫 課務小幫手：
>
> ✨ 想了解更多 HTML / CSS 知識和技巧嗎？
> 也歡迎報名課程 👉 [網頁前端設計女性專班](https://5xruby.tw/courses/code-for-girl)

news-打破性別刻板印象，女生也可以學程式

打破性別刻板印象，女生也可以學程式

圖片來源：[freepik.com](https://www.freepik.com/free-photo/one-one-meeting-two-young-business-women-sitting-table-cafe-girl-shows-colleague-information-laptop-screen-girl-using-smartphone-blogging-teamwork-business-meeting-freelancers-working_1489343.htm#page=1&query=girls%20computer&position=49&from_view=search)

許多對於網頁開發有興趣的人，不難發現 Facebook 或是 Slack 都有很多的交流社團，甚至有些免費的講座或是付費的工作坊，讓新手學習者也有機會和網頁工程師們互動和經驗交流。

但妳知道嗎？坊間也有很多專屬女孩們或是新手友善的社群，都是希望提供一個全女生的環境，讓女孩們可以安心學習，筆者打算介紹幾個社群，讓女生們有機會可以藉由參與社群活動來開闊技術視野。

## [Girls in Tech - Taiwan](https://taiwan.girlsintech.org/?fbclid=IwAR2G0YUvtlDg8g9JavF6Mf0hmYQzioSMh8agC4n5VeyKjzD2VA39DeVX6IE)
Adriana Gascoigne 發現女孩們在技術圈發展的窘境，於是在 2007 的時候於舊金山創立非營利組織 - Girls in Tech。台灣的分會則在 2015 年的時候由 Jane 引進，秉持著一樣的信念，透過辦理講座和活動，致力讓女孩們有機會踏進科技領域，重新定義自己的市場價值。

🔸 每週五固定會舉辦工作坊 - **Happy Hour for Remarkable You**，很希望能讓大家有個舒服自在的環境來聊聊自己最近在忙什麼、做了什麼！每一件女孩們做得事情都是 remarkable！

## [JS Girls Taiwan](https://www.facebook.com/groups/770941932952823/)
這是由一群喜歡 JavaScript 的女生所創立的，不論任何職業或是任何程度，只要想了解更多 JavaScript 的奧妙，都歡迎女孩們加入，社群成員互動關係緊密，想要找尋志同道合的夥伴們，在這個社群都可以感受到濃厚的支持力量。

🔸 沒有辦理常態活動，臉書社團會分享各類跟 JavaScript 相關的工作坊和學習資訊。

## [Prototype 女性科技社群](https://www.facebook.com/groups/prototype.tw)
這個社群希望透過「學習程式語言」和「職涯分享」來帶大家探索女性在科技的發展，更相信女性不畏懼的精神，會是職場軟實力的關鍵力量，鼓勵女孩們在未來職涯上可以多方發展，社群也會不定期舉辦技術課程，讓大家有機會從社團中增能並且得到支持的力量。

🔸 不定期分享職涯講座訊息以及開課活動。

## [Rails Girls Taiwan](https://www.facebook.com/railsgirlstw/)
Linda Liukas 在 2010 年創辦 Rails Girl，鼓勵女生們不要因為對程式感到害怕而否決自己的能力，因此創辦兩天的免費工作坊，透過教練帶領的方式，讓女生們可以體驗到程式快速上手的樂趣！而台灣也傳承了這樣的精神，舉辦 Rails Girls Taiwan 活動，幫助女孩們進入 Ruby 以及 Rails 的世界，讓女孩們有能力實現自己的點子與理想。

🔸 定期舉辦 Rails Gril Taiwan 工作坊。

🔸 目前稍作停擺，歡迎關注粉絲團隨時取得最新消息。

## [默默會](https://www.facebook.com/rubymokumokukai/)
默默會開立的原意，是希望來到默默會不講話也不會有人嫌妳奇怪，如果女孩們想交流，想場會有很多寫程式多年的工程師朋友，或是還在自學的新手，都可以透過彼此互動獲得很多收穫，當然如果妳想結交更多在網頁開發的朋友開闊自己的人脈，都歡迎參加默默會一起同樂。

🔸 辦理常態活動：每週二晚上 7:00 ~ 10:00 辦理。

🔸 因疫情關係暫停辦理，歡迎關注粉絲團隨時取得最新消息。

![默默會 - 妳也可以加入的技術社群✨](//images.ctfassets.net/8er52l3j5u76/4x8sNMOFhi4Ng52IkCl7GJ/a3f6ead293ce0653356461fdfc13082c/_______2021-12-10_______12.18.55.png)

## 乘著技術的力量，女孩們可以飛得更遠

提供以上技術社群給女孩們參考，技術日新月異變化多端，妳們在學習的路上難免總會遇到挫折，唯有找到相同目標的夥伴，彼此才能走得更堅定和長遠！

五倍也很樂意成為大家夢想起飛的加速器，陪女孩們追求自我，一一克服學習上的障礙和難關，陪妳們從零基礎開始直至踏上網頁設計師之路，總有一天也能在職場上閃閃發亮！

![妳也可以加入的技術社群✨](//images.ctfassets.net/8er52l3j5u76/1yXX5rxfY2aJ63VFAcznkO/d0df7eee0d5ce0f2e010bde95da9ea0b/___2021-12-10___12.20.28.png)
圖片來源：[freepik.com
](https://www.freepik.com/free-photo/business-asian-lesbian-lgbtq-women-couple-account-home_5503736.htm#page=1&query=girls%20computer&position=42&from_view=search)

---

### 推薦課程

> 👩‍🏫 課務小幫手：
>
> 如果妳是新手，想了解更多網頁開發的知識和技巧嗎？ 也歡迎報名課程 👉 [網頁前端設計女性專班](https://5xruby.tw/courses/code-for-girl)

news-妳也可以加入的技術社群✨

妳也可以加入的技術社群 ✨

五倍做的是教育，學員的學習我們一向都鼓勵趕早不趕晚，有人買了課程，如果該課程有相關配套的先修課程、電子書或是其他優質的網路學習資源，我們都盡量會在開課前就給予，讓學員可以更快速地進入狀況，這次我們一看到政府擬發五倍券的消息，我們就開始思考這件事！ 

本來想要等政府確認後，我們再一起公布，不過秉持著「__趕早不趕晚__」的習慣，我們知道在疫情期間許多人的轉職或提升職場技能的需求，變得更加強烈，因此 __我們決定今天就先提前發放五倍券，提早發放、提早使用、提早進入職涯的另一個階段__ ！

詳情請見下方領取與兌換規則！👇👇

## 🎓 五倍的五倍券應用範圍

- 實體短期課程 ＆ 線上課程：使用五倍卷購課，送等額課程折扣券，金額無上限。
- ASTRO Camp：使用五倍卷購課，最多送一萬元課程抵扣券。

## 📝 領取與兌換規則

- 使用 5,000 五倍券購買課程，則 __送 5,000 元五倍課程抵扣券__ ，可於下堂課程使用。

##### __應用範例__
- 如果使用 5,000 元五倍券，購買 [網頁前端設計女性專班](https://5xruby.tw/courses/code-for-girl) 就送 __NT 5,000 元__ 課程折扣卷。
- 若使用折扣卷加碼報名 [I’m coding it! 微痛轉職工程師](https://iamcoding.tw/) 只需 __NT 9,599 元__ <s>(原價 NT 14,599)</s> 優惠報名課程。

##### 線上課程也可以用五倍券嗎？🤔

五倍券可用在我們的線上課程，只要你在上述的五倍券優惠時間內用現金 5,000 購買線上課，我們一樣送你課程抵扣券！

下單前右下角客服詢問確認即可！

 

> 💡 如有不清楚的地方，歡迎於網頁右下角的 __臉書私訊__ 詢問。

 

<a href="https://m.me/5xruby" target="_blank" rel="noopener">
 <img src="//images.contentful.com/8er52l3j5u76/1E8jhIsTI2Vj3WunFvNJCH/9f478f1438e7a0e9a2feaf8731b53576/____________.jpg">
</a>

 

---

### 注意事項

1. 如五倍券的發放數額大於 5,000 元，則五倍紅寶石的五倍券活動的使用沒有上限。
2. 如五倍紅寶石位於政府的產業排除名單中，我們承諾的課程抵扣券將不受此影響。
3. 課程抵用券不找零，無法兌換成現金。
4. 課程抵用券有一年的有效期限。
5. 五倍紅寶石保有一切五倍券活動的解釋權利。

五倍券 Banner

五倍超越五倍 - 五倍的五倍券提前發放！不只五倍，我要給你十倍！

開始寫程式之前，電腦的配備該如何選？寫程式電腦需要很高階嗎？

對於電腦不熟悉的使用者，寫程式最重要的就是電腦的記憶體大小

電腦 4G 記憶體雖然可以動，但是上課會開到瀏覽器以及其他應用程式，很容易不夠用，會變得很慢，容易影響到上課進度。

建議選擇 8G 記憶體起步，並且安裝 64 位元的 Windows 系統，選擇一般電腦作業系統至少 windows 7 或 window 10 以上！

你的電腦是 Mac 電腦的話，記憶體至少 8G 以上型號都可以！

### Windows or Mac？

如果你想要的是「不透過任何虛擬機或網路，在本機直接執行 (Ruby) 的話」，那麼 Windows 的確不是個好的選擇，雖然 Ruby 語言的確有原生 Windows 的版本，甚至也有熱心人士製作的 [Ruby Installer 懶人包](https://rubyinstaller.org/)，但由於很多 RubyGem 往往都無法正確或是簡單的安裝在 Windows 平台上，因此仍然不推薦直接使用 Windows 版 Ruby 做開發。

另一方面，雖然從 2016 年 10 月 Windows 10 推出 [Windows Subsystem for Linux](https://docs.microsoft.com/en-us/windows/wsl/install-win10) (簡稱 WSL) 以來，我們已經可以在安裝過 WSL 的 Windows 10 電腦上直接安裝 Linux 版的 Ruby，但仍然存在相容性以及執行速度上的問題，因此也不是個適合的工具。

不過由於 Cloud IDE 的迅速發展，使得我們可以在幾乎不需要任何設定的情況下用瀏覽器存取個人專屬完整的 Linux 開發環境，因此我們會推薦新手直接使用如 [Cloud 9](https://c9.io) 之類的 Cloud IDE 來進行學習，甚至是實際的開發工作。

但是如果想要為了學習程式而購買新電腦的話，Mac 仍然會是一個較佳的選擇，因為它具有原生的 Unix-Like 環境以及完整的開發者生態系統，也可以執行大部份 Windows PC 可以執行的工作如文書處理、繪圖等等，加上相對較高的二手保值性與（大部份）Windows PC 所不具備的全球保固，因此我們還是會推薦您 Mac 電腦，但它不是必需。

### 以下為給新手學程式語言挑選電腦規格及需求建議

寫程式 Windows 電腦規格推薦：

- 系統：windows 7、windows 10 以上
- 處理器 CPU：皆可
- 記憶體 RAM： 8G 以上
- 顯示卡：皆可

寫程式 Mac 電腦規格推薦：

- 記憶體：8G 以上
- 處理器 CPU：皆可
- 顯示卡 RAM：皆可

## 如何買到（相對）便宜的 Mac？

- 新品

	以蘋果的線上商店來看，現在還能買到的新品中最便宜的是 2017 年款的 Macbook Air，在本文撰寫時的官網售價是 8G / 128G 31,900 元

- 整新機

	Apple 線上商店有 **[認證整修品區](https://www.apple.com/tw/shop/refurbished)** ，PCHOME 或優仕、Studio A 等半官方單位的線上商店有時也會出現類似的分區，這類機構推出的整新機通常都會有完整的保固，也可以購買 Apple Care 延伸保固，價格可能是新品的 9 ~ 7.5 折左右。

- 二手

	對於想要省錢上手 Mac 的人來說，二手無疑是最佳的選擇，用「二手 Macbook 」搜尋的話會出現不少賣家或建議，要購買的話可以注意下列項目：

  1. **是否還有官方保固期：**
    通常還有原廠保固的話會是優先考慮的對象，有些有維修能力的專業賣家會提供非官方的保固。
  2. **專業或是個人賣家：**
    專業賣家或店家由於有維修能力，所以從這些來源購買的二手機通常會是有被保養過的，相對個人賣家會比較好一些。

## Mac 的選擇：新款還是舊款？

### 不論二手或全新， Mac 主要的世代大概分成下面幾種：

1. 2016 年以後的 Macbook Pro 與 2018 年款的 Macbook Air
由於都具備最新的 Thunderbolt 3（相容 USB-C ）介面，因此被歸在同一類，要注意的是 2018 的 Touchbar 版 Macbook Pro 比 16、17 的多出兩個 CPU 實體核心，其中 15 吋版本甚至可以客製 32G Ram，是追求高效能者的最佳選擇。

2. 2015 ~ 17 的 Macbook
只有一個 USB-C 孔的 12 吋 Macbook，CPU 效能雖低但是 Ram 有 8G 所以對於 Web 開發是足夠的，注意的是 17 年版本有客製 16G Ram 的選項。

3. 2012 ~ 15 年的 Macbook Pro Retina
有 13 與 15 吋兩種選擇，目前已無生產新機，只能在二手市場買到，因為 Ram 無法升級，因此會建議以購買 16G Ram 的機種優先。

4. 2015、17 的 Macbook Air 13
2017 款是目前唯一還在生產的的非 USB-C 機種，和 15 年款是同樣世代的 CPU 因此被我歸在同一類，Ram 一律是 8G 不可客製升級，不過 SSD 有第三方廠商的可以升級。

5. 2011 ~ 2012 的非 Retina Macbook Pro
硬碟與 Ram 都可以改裝，是最可以用低成本升級 16G Ram 與 SSD 的機種，大部份專業賣家都會把此類舊機改裝整理後陳列販售，絕大部份都在 2 萬元以下，是節約預算的最佳選擇。

6. 2015 以前的 Macbook Air 13 與 11
由於預設的 Ram 只有 4G 甚至 2G，少數客制機 8G，不建議購買。

7. 2011 以前的所有 Macbook 與 Macbook Pro
無法用正常方式安裝 OSX 10.14 或以後的 OS，完全不建議購買。

---

## 快速瞭解自己的電腦的作業系統

### 如何查看 Windows 電腦配備和作業系統？

Step 1：
選取 [ 開始 ] 按鈕，然後選取 [ 設定 ] -> [ 系統 ] -> [ 關於 ]

![windows 配備 作業系統](//images.ctfassets.net/8er52l3j5u76/01KmfHOqOz5Dj9FRrqDf0F/9b89547d83291e4a3bdbca3982b3690e/win-setting-1.jpg)

Step 2：
在系統頁面中，就可以看到電腦的配備以及 Windows 版本系統資訊

![windows 配備 作業系統](//images.ctfassets.net/8er52l3j5u76/3YsdgOTOVXYZIJZdB59f6g/d51be025fa88a3a18a81cad1acbb1275/win-setting-2.jpg)

---

### 如何查看 Mac 電腦配備和作業系統？

Step 1：
從螢幕左上角的「蘋果」符號選單選擇「關於這台 Mac」

![mac 配備 作業系統](//images.ctfassets.net/8er52l3j5u76/20ue4ib9wvMEBCnUVIcYG0/a5f3014c90f3f7c779f87d84cb18605c/mac-setting-1.jpg)

Step 2 :
「關於這台 Mac」會顯示您 Mac 的概要資訊，包括作業系統名稱和版本、機型名稱和序號

![mac 配備 作業系統](//images.ctfassets.net/8er52l3j5u76/4Myepjn3k8Xo5c77vDrkeD/a92a8a0668244cc308aa21395c86a4d5/mac-setting-2.jpg)

---

準備好對的工具，讓你在轉職學習路上能快速進入狀況：）
想瞭解更進階的電腦配置或規劃？
想知道業界都使用什麼工具及開發環境？

歡迎來五倍紅寶石・程式教育培育中心
我們教的是實務經驗和跟企業結合
相信我們，栽培你成為企業裡的高水準工程師
在學習路上不會是孤單一人，讓專業團隊陪伴你走更遠

[ASTRO 全端工程師實戰訓練營 (點我參加說明會)](https://astro.5xruby.tw/)

- 專業講師群，給你最貼近業界的實戰訓練
- 線上補課優勢，彈性安排時間與反覆練習
- 提供面試媒合，幫你找到海內、外理想職缺

五倍消息

React.js 全攻略班推薦給想要精進自我的前端工程師

隆重推出五倍學院線上課程平台，讓你自學也能打穩基本功

CSS 真的這麼難學嗎？Amos 老師指點你學習捷徑！

學 Vue.js 與 Vuex 前端開發實戰

打破性別刻板印象，女生也可以學程式

妳也可以加入的技術社群 ✨

五倍超越五倍 - 五倍的五倍券提前發放！不只五倍，我要給你十倍！

【 ASTRO Camp 全端工程師實戰訓練營】新手入門學程式，電腦配備怎麼挑？

訂閱文章