Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nicehorse06/se-job

Software Engineer Job Note，讓新手從0到1入門，有1到100的成長能力
https://github.com/nicehorse06/se-job

back-end browser career css css3 front-end git github html html5 interview javascript jobs markdown python resume

Last synced: about 3 hours ago
JSON representation

Software Engineer Job Note，讓新手從0到1入門，有1到100的成長能力

Awesome Lists containing this project

README 

        
# 軟體工作入門與求職記錄



* 未解答問題可在[issue](https://github.com/nicehorse06/se-job/issues)提出。

* 如果覺得有幫助，可以幫我按星星、轉發給需要的朋友，感謝。



## 🐴簡介

* 這是網頁開發引導專案，讓新手快速進入狀況。

* 收集一些學習連結，加上自己的少量教學分享和面試筆記。



## 🐴索引

* Q&A，了解何謂軟體開發、如何學前端找工作、非本科系有差嗎?

    * [簡介軟體開發Q&A](https://github.com/nicehorse06/se-job#%E7%B0%A1%E4%BB%8B%E8%BB%9F%E9%AB%94%E9%96%8B%E7%99%BCqa)

    * [程式學習Q&A](https://github.com/nicehorse06/se-job#%E7%A8%8B%E5%BC%8F%E5%AD%B8%E7%BF%92qa)

    * [面試工作Q&A](https://github.com/nicehorse06/se-job#%E9%9D%A2%E8%A9%A6%E5%B7%A5%E4%BD%9Cqa)

    * [軟體工作與資工學歷、研究所的關係](https://github.com/nicehorse06/se-job#%E8%BB%9F%E9%AB%94%E5%B7%A5%E4%BD%9C%E8%88%87%E8%B3%87%E5%B7%A5%E5%AD%B8%E6%AD%B7%E7%A0%94%E7%A9%B6%E6%89%80%E7%9A%84%E9%97%9C%E4%BF%82)

* 前端

    * [網頁前端程式入門筆記與學習資源](https://github.com/nicehorse06/se-job/tree/master/frontend/README.md)

    * [前端自學路線建議](https://github.com/nicehorse06/se-job/blob/master/frontend/learning_path.md)

* 後端

    * [後端語言介紹](https://github.com/nicehorse06/se-job/blob/master/interview/backend_intro.md)

* 面試

    * [程式面試準備](https://github.com/nicehorse06/se-job/blob/master/interview/coding.md)

    * [履歷準備](https://github.com/nicehorse06/se-job/blob/master/interview/resume.md)

* 工具

    * [git基礎介紹](https://github.com/nicehorse06/se-job/blob/master/interview/git/basic_intro.md)

* 學習心法

    * [如何開始學一種新的程式語言](https://github.com/nicehorse06/software-learning-step/tree/main/language)

* [關於我](https://github.com/nicehorse06/se-job#%E9%97%9C%E6%96%BC%E6%88%91)



## 🐴簡介軟體開發Q&A 



### 軟體開發的優點?

* 國際化的技能，不被綁在單一國家，甚至可以remote工作

* 不被學校綁住，上網即可學到最新知識

* 有選擇`安逸工作`和`挑戰更大舞台`的自由

* 未來需求只會越來越多，只怕沒能力，不怕找不到工作



### 想學寫網頁前端需要什麼能力?

* 基本上不用

* 有對程式開發的熱誠才會走的常常久久

    * 喜歡自己研究、創造作品的感覺

    * 喜歡持續學習來精進自己的專業

* 後期著重英文和刷題能力



### 什麼是網站前端?

* 瀏覽器上的程式，使用HTML、CSS、JavaScript

* 負責網頁的畫面、顯示後端的資料



##### [photo credits (Bluecoders)](https://www.facebook.com/bluecoders/posts/frontend-vs-backend-two-side-of-the-same-coin-httpwwwbluecodersio/1808781432515661/)

![](https://i.redd.it/ku1neu504sh01.jpg)



### 為什麼推薦新手入門走前端?

* 知識單純，只須了解瀏覽器、HTML、CSS、JavaScript

* 負責畫面較直覺，入門門檻低

* 大學不重視，非本科系易達到業界需求

* 職涯靈活，依照職崖規劃可轉後端、UI工程師、專案管理(PM)



### 什麼是網站後端?

* 伺服器上的程式

    * 常見後端語言:

        * JavaScript(Node)

        * Java

        * Python

        * PHP

        * Golang

        * Ruby

        * C#

    * 資料庫查詢語言: SQL

        * 後端跟前端很大的差別是會儲存資料

        * SQL的資料查詢速度影響使用者體驗甚鉅

* 負責儲存、運算資料，開API接口給前端

![](https://i.imgur.com/lnA5G2x.png)



### 為什麼不推薦新手走後端?

###### ptt_2259

* 進入門檻較高

* 後端工程師通常至少要以下技能

    * 一個後端程式語言

    * Linux CLI操作熟悉

        * 後端程式通常執行環境是Linux

    * 基本公有雲操作、佈署(如AWS)

    * 基本關聯式資料庫操作

    * 基本網路概念

    * 用後端語言開發API

        * client可以用API操作資料庫

* 小公司的後端也是要懂前端，希望你有全端的能力

* 建議可以先熟悉前端再跨入後端

    * 尤其JavaScript前後端都可寫

* [更多後端介紹](https://github.com/nicehorse06/se-job/blob/master/interview/backend_intro.md)



### 為什麼不推薦新手走APP?

* 執行環境是各式各樣不同尺寸的手機，比瀏覽器複雜

* IOS的話綁定買Mac，進入門檻高

* APP上架手續麻煩，不像web用github page即可永久免費佈署

* 網頁可以發布手機尺寸的網站，也可以跨平台手機APP

* ref

    * [【入門解盲】2020 年還學寫網站/Web App，落後了嗎？](https://beginneros.com/articleDetail.php?article_id=284)



### 前端工程師的缺點是什麼?

* 門檻低會有很多競爭者，google `前端難民`

    * 這些`前端難民`很多都是頂尖大學來競爭

* 技術更迭很快，前端技術每年都會更新

    * 但因更迭快，反而容易短期培養技術

* 處理畫面需培養溝通能力、美感(UI)、使用者經驗(UX)

    * 如果克服了就變成優勢

* 近期太多程式培訓班的學生拉高了就職門檻

    * 現在至少要會一個JS框架(React/Vue/Angular)比較好找工作



### 前端工程師待遇如何? 如何才能百萬年薪?

###### 514

* 初級職缺: HTML + CSS + JavaScript和框架，0到3經驗，月薪3到6萬

    * [科林集團徵軟體前端工程師 可部分遠端](https://github.com/f2etw/jobs/issues/1112)

    * [DigiSalad [徵才][台北] UI/UX 前端工程師](https://github.com/f2etw/jobs/issues/1102)

    * [【徵才】SYSTEX 軟體精英學程 - 前端工程師](https://github.com/f2etw/jobs/issues/1091)

* 中級職缺: HTML + CSS + JavaScript和框架，3年以上經驗，年薪約100

    * [[徵才] Quickroom 徵 Vue資深前端工程師（React 亦可）](https://github.com/f2etw/jobs/issues/1096)

    * [[徵才] Coolbe 徵 Vue資深前端工程師](https://github.com/f2etw/jobs/issues/1086)

* 高級職缺: HTML + CSS + JavaScript和框架 + Node後端經驗，3年以上經驗，年薪約120~200+

    * [[月薪 10 萬起] [年薪 200 萬] 聯發科技前端工程師 (Senior and Junior)](https://github.com/f2etw/jobs/issues/1105)

    * [MEXC React前端工程師 (Hybrid)](https://github.com/f2etw/jobs/issues/1094)



## 🐴程式學習Q&A



### 我該花錢買課程上課嗎?

* 記得，投資自己貴的永遠不是課程和書本的價錢，而是你所花下去的時間。

* 應該以自己接受度高，能看得完的課優先



### 我該怎麼線上學前端?

* 如果時間允許，套件的官方網站就是很好的教程，可以跟著做一次

* 教學網站

    * [MDN web doc](https://developer.mozilla.org/)

    * [w3schools 英文](https://www.w3schools.com/)

    * [w3school 簡體中文](https://www.w3school.com.cn/)

    * [Google web developers doc](https://developers.google.com/web)

* Youtube搜尋前端教學、網頁教學

    * [彭彭的課程 網頁前端工程入門](https://www.youtube.com/watch?v=SRbewm2AUew&list=PL-g0fdC5RMbpqZ0bmvJTgVTS4tS3txRVp)

* 互動式教學網站

    * [freecodecamp](https://www.freecodecamp.org/)，完全免費，有中文

    * [codecademy](https://www.codecademy.com/)，部分要付費解鎖

* 中文課程

    * [lidemy](https://lidemy.com/)，部分免費，推薦

    * ALPHA Camp、appworks、hahow、hiskio、六角學院

* 英文課程

    * Udemy

        * [JavaScript 全攻略：克服 JS 的奇怪部分](https://www.udemy.com/course/javascriptjs/#content)

        * [[心得] Udemy 課程心得](https://www.ptt.cc/bbs/Soft_Job/M.1562604814.A.927.html)



### 我該怎麼選前端課程?

* 找以下關鍵字

    * HTML

    * CSS

    * JavaScript

    * RWD

    * API使用

    * Vue 或 React 或 Angular 

    * 課程結束有作品

* 最重要的核心就是`JavaScript`，跟我念三次



### 我該不該報名XX單位的AI課程變AI工程師?

* 先講結論，有這樣疑問的程式新手先不要

* 如果課程前面有Python語法入門課程，自己看[w3school Python Tutorial](https://www.w3schools.com/python/)就好

* 資料科學、機械學習的就業門檻高，至少要相關學系碩士，只用皮毛套件對工作幫助有限

    * 台灣的工作假AI居多，這個行業僧多粥少

* 如果有教聊天機器人，那屬於後端工程師的範圍，建議直接學Python框架Django or Flask即可。

* 很多轉職的人轉職都有AI夢

    * 如果目標是為了研究可以學AI

    * 如果目標是為了就業，還是推薦走網頁



### 我該繳錢參加資策會的課嗎？

* 如果你是初學者，時間很多，自學能力有限，是可以考慮的選項

* 最大的成本不是學費，而是花進去的時間

* 選課自己要確定方向，有時課堂會塞一堆實際上用不到的技術浪費時間

    * 比如我要學前端，但是卻要學MySQL、Java、PHP、C#等後端技術

* 去資策會出來不會是加分的，可能還會扣分，重點還是要回到自學能力



### 我繳錢上完課程就可以找到工作了嗎?

* [MUKI SPACE 面試有感](https://www.facebook.com/mukispace/posts/pfbid02QL8dcHCyeq9v9iFSPto6HQBNCxnEEuhp7qWzEWE2zCADqWd96B3w91SQCTVGbShFl)

    * 最大的原因，我覺得是「面試的作品集千篇一律」。

    * 面試者從學校順利畢業，拿到相關結業證書，對我來說根本沒有意義

    * 比較在意的是，從這些學校畢業之後，能不能利用所學，再去做出一個個獨特不一樣的專案



### 我該選擇哪一個JS框架(React/Vue/Angular)框架呢?

* 基本上把JS弄熟，很多原理是互通的，最好都要了解，然後專攻一個

#### Vue

* 入門門檻低，中文文檔相對齊全，尤雨溪（Evan You）主導開發

* 如果你是程式新手要入行、之前都沒碰過Javasript或很資淺，選Vue

#### React

* 現階段最流行框架，Facebook主導開發

    * 也就是缺最多

* 入門門檻相對高，需有一定JS知識

* 如果你已經是JS熟手想衝高年薪、並且想去厲害的大公司的話，選React

#### Angular

* 大而全、嚴謹的企業級框架，Google主導開發

* Google有很詳盡的文檔應付升級，每年的變化相對其他兩個低

* 如果你是後端熟手，想跳到前端Angular的嚴謹性會讓你很好上手

* 會學Angular通常是就業導向，確定想要去某一間用Angular的公司

    * 然後你React/Vue很熟的話，Angular的公司也會收你



## 🐴面試工作Q&A



### 我要準備什麼樣的能力可以開始面試前端?

* 有作品，裡面至少用到

    * RWD切版

    * 後端API呼叫

    * 使用JS框架(React/Vue/Angular)



### 常見找工作管道有哪些?

* [meet.jobs](https://meet.jobs?referral_code=jimmatw)

    * 如果有適合的缺，很推薦，錄取還可以領100美元就職金

    * 申請時歡迎在推薦人上填入`jimmatw`

* PTT，很多特別的缺會出現在這

* 104，通常是入門缺，大公司也會請104求職者去自己的網站投履歷

* Linkedin，常常經營跟更新，獵人頭會幫你找

* [f2etw/jobs](https://github.com/f2etw/jobs/issues)

* [cakeresume](https://www.cakeresume.com/jobs)

* FB相關社團



### 面試的過程中不如預期?

###### gj

* 如果非本科系轉職，求的是工作經驗

    * 需求的薪水可以不用太高，一兩年就跳了

    * 雖然公司很多負評，只要進去技術能成長，其他都好說

    * 回應[PTT討論](https://www.ptt.cc/bbs/Soft_Job/M.1651127239.A.C19.html)

* 試過遠端或是來台北找嗎? 缺真的比較多

* 前端工作因為前端訓練班的出現造成門檻提升

    * 現在沒有作品跟基礎很難直接被錄取

    * 面試時的作品務必跟訓練班做出差異化

* 除了基礎語法，瀏覽器與網路知識也要了解

    * [初心者的計概與 coding 火球術](https://lidemy.com/p/cs101-coding)

* 你刷題了嗎? 技術高的公司很難不考白板題

    * [先別急著寫 leetcode](https://lidemy.com/p/alg101-leetcode)

    * [程式面試準備](https://github.com/nicehorse06/se-job/blob/master/interview/coding.md)

* 你的作品夠強嗎? 還是看起來像玩具或照抄課程的project?

    * 務必了解作品的每一個細節

    * 試著加入JS框架、API使用、RWD頁面並佈署在github page

    * 增加作品README文檔、範例顯示(如GIF、影片)、優化CSS來行銷作品

        * 回應[PTT [請益] 前端無經驗轉職請益](https://www.ptt.cc/bbs/Soft_Job/M.1654162444.A.1F5.html)

* 每天練習的時間夠嗎? 是否一天練習時間不到一個小時?

* 經營技術blog，寫上學習的心得也好，一定有東西可以寫

    * 從github issue blog開始寫很簡單，參考[aszx87410/blog](https://github.com/aszx87410/blog/issues)

* 可以考慮使用正式英文履歷，把附有大頭照的花花綠綠履歷換掉

    * [讓我拿到FAANG面試的履歷 by HackBear 泰瑞](https://www.youtube.com/watch?v=MsbzY6QbRVA&t=304s)

    * [程式設計師的履歷撰寫要點](https://blog.m157q.tw/posts/2016/01/22/how-to-write-a-resume-for-programming-jobs/)

    * [Reddit r/resumes](https://www.reddit.com/r/resumes/)

* 如果會前端以外的技能如操作Linux指令、Git指令、Node後端就太棒了

* 如果還有困難那就深入React，把React技術和周邊框架都摸爛，offer就在不遠處



## 🐴軟體工作與資工學歷、研究所的關係



### 給一般人的研究所建議表



年資\背景|軟體相關科系|非相關科系

-|-|-

剛畢業|去念(CP高)，夠強不用念|去念(CP值暴高)

軟工一、兩年|不用念 or 在職專班|可不念，有時間念一般，沒有就在職

軟工多年|不用念|不用念 or 在職專班

非相關工作多年|有時間才念 or 軟體訓練班|有時間才念 or 軟體訓練班



### 研究所與在職專班對工作的影響

* 研究所代表了進去時有扎實的資訊工程知識

    * 有專研特定領域程式的經驗，這些是學校以外的人很難訓練到的

        * e.g. compiler, Linux kernel

* 在職專班拿文憑的意義大於真的有學到東西

    * 如果想因為進去可以變程式高手，可能要失望了

        * 取決於自己專研程式的時間，比如全職去念會更強

    * 大部分在職上課的人無法畢業或花多年時間畢業



### 非本科系沒學歷會有差嗎?

* 一定有些許影響，但對前端來說努力可以克服

* 資工系學得比較有系統，會知道很多功能不是黑魔法，知道要去哪裡找資料

    * 其實很多資工系畢業都不會寫程式

    * 甚至資料結構、演算法、作業系統都半吊子，只要比這些人努力就夠了

    * 資工系的知識會影響的是整個職涯30年，前端框架只會影響5年以內

        * 當入行穩定了，還是要找時間補

    * 公司看到大學或研究所本科系會更願意從白紙開始訓練

        * 第一份進到好的軟體公司，會讓之後的職涯發展有巨量的差距

* 很多工作只要資工資管畢業，就願意給機會，面試很多只要去聊聊天就好

    * 非本科系需要證明自己值得被訓練

    * 而好的第一份工作會影響到下一個份工作

    * 因為資工資管不太教前端，影響不大，但如果是面竹科工程師大概真的無緣了

    * 如果還年輕，補個資工所，很划算

* 前端框架更新速度很快，當框架知識能寫成書時，就已經快過期

    * 努力在前端衝刺個三年，即可成為這方面的領先者

* 做一些事證明自己，來克服學歷限制，學歷只是了解一個人最快的方法

    * 有內容的作品

    * 扎實的軟體知識

    * 有開放原始碼的貢獻

    * 當某個軟體會議上的講者

* ref

    * [[討論] 軟體工作，bootcamp與大學學歷，何者重要](https://www.ptt.cc/bbs/Soft_Job/M.1647136662.A.D7F.html)



### 學前端也可以賺大錢，那還念大學做什麼?

* 的確做前端的能力不用資工本科系，甚至高中畢業就可以做了

* 大學資訊工程的知識，是讓人有更多可能性可以站上不同舞台

    * 資工系是把學生訓練成建築師的

    * 而前端就是油漆工，但是養家活口也就夠了

    * 引用 [Vgod 的blog](https://blog.vgod.tw/2012/10/27/premature-optimization/):

> 「如果以蓋大樓來形容這個概念，把砌磚作為一種技能，把蓋大樓作為一種知識，我想可以這麼講 如果你早就知道你喜歡砌磚，很會砌磚，就直接去砌磚吧。如果你的夢想是蓋大樓，你要學的東西還很多，那讀大學是你最好的途徑。 不是每個人都要蓋大樓，靠砌磚就可以賺錢了，砌的好還可以賺很多錢，大家搶著要。」 - Vgod's blog

    

### 資工本科系都不屑走前端嗎?

* 資工系的訓練不是為前端而生

    * 所以頂尖的資工畢業生不會以前端為目標

    * 會去做門檻更高、更吃資工知識、待遇更高的工作

* 一部分畢業生還是會基於興趣或現實的考量選擇前端

    * 可以想像成美國人來台灣念外文系虐人

* ref

    * [[請益] 本科在前端(應該有)的優勢?](https://www.ptt.cc/bbs/Soft_Job/M.1647160345.A.D92.html)



### 我該去補個研究所嗎?

* 如果你很年輕，補一年能考中字輩以上資工/資管/電機就去吧。

    * 其他間也可以，其實只要掛上資工所，一定對第一份程式工作有幫助。

    * 在大資工時代，只要有相關碩士，畢業很有機會上竹科的高薪公司。

* 如果你已經就業，可以考慮在職專班

    * 全職念書，對社會人士機會成本是很高的 

    * 要考慮能否畢業的風險，上班又上課很累

    * 學費貴是小問題，要考慮的是花在上面的時間跟這個學歷有沒有用。

* 在軟體業就業多年，後面幾年多看經歷會大於學歷。

    * 如果這個學歷強度沒有工作經歷好，要評估。

* 我部份認同以下PTT文章

    * 強大的公司和同事可以讓技術的增強事半功倍

    * 我雖然工作多年，但因為沒有大流量的經驗，面試大流量的公司是有困難的，而那裏正是高待遇所在

> 「你沒碩士，打從一開始你就不知道那些幾乎只招碩士的缺的工作內容與環境，有人畢業去了一些大流量與好軟體工程的公司，技術有深度有實戰，同事討論技術的深度可以到廣又深，工作時間上也允許深入研究，此外還有容易被忽略的同儕互動，當你跟一群高手共識那成長速度與眼界也會不同。」 - alihue@PTT

* 我是30+的工程師，沒去唸研究所，計畫用以下方式取代

    * 計畫刷題、看資料結構、演算法，增加面試強度

    * 上Jserv的Linux課程，做出一個高強度的project證明自己

    * 計畫貢獻開放原始碼

    * 練好英文

    * 考AWS相關證照

* 我沒念的原因

    * 不再年輕，機會成本有點高，這個才是主要原因 囧

    * 如果專做網頁，研究所幫助有限

    * 準備考試對我有點難，在職距離上班的地方有距離

    * 可能以後多升遷有影響，但現在還沒遇到



## 🐴關於我

* 大家好，我是Jimmy 🐴

    * 2013輔大物理系畢業 🪐

    * 2015年跨到網頁前後端的花花世界 💻

    * 目前能力介於junior到senior之間

    * 第一份工作著重在前端，但JS框架不熟

    * 第二份之後原本有前端夢，最後面試上後端，目前走Python居多

* 此專案原先是想推朋友走前端整理出來，目前偏轉職介紹

    * 而程式開發的挑戰入行才正要開始呢 !!! 🏇

    * 我也還在摸索工程師怎麼不會中年失業 :P

    * 期許自己以後有能力分享這塊~

* 歡迎跨領域的新手一起討論，如果有能力會盡量回答

    * 有問題可以在issue問我

    * mail: `[email protected]`

    * [我的Linkedin](https://www.linkedin.com/in/jimmy-ma-1b676a122/)