為什麼這篇前端工程師自學多久鄉民發文收入到精華區：因為在前端工程師自學多久這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者leelena (lena)看板Web_Design標題[心得] 非本科系3個月轉職前端攻略時間...
先自我介紹 + 閱讀聲明
首先先聲明，有些內容比較有爭議，但轉職之路是為自己，斟酌觀看。
我是26歲小阿姨，大學念的是園藝系，前份工作是百貨櫃姐
完全沒有程式底子，在學時成績普普，簡單來說就是個平凡魯蛇。
想跟大家分享轉職的心得主要是想鼓勵大家
連我都可以了，你們要相信自己做得到。
廢話不多說，給他看下去～
一.目標
你必須先訂出你想達到的目標是什麼
有些人是為了有更好的收入，有些人是因為興趣
但你必須先確認好你自己的目標
二.收集內在與外在資訊
內在資訊是你的能力分析，比如可能邏輯很好、美感很好之類的
先將你的特點條列出來，等一下要拿來點技能樹。
外在資訊包括你想從事哪種軟體開發，
工程師有太多種了，你必須去了解工程師圈的資訊
拿我的例子來說，我的邏輯能力普通，美感還不錯，
再加上我的個性是屬於比較喜歡看到成品
以網頁需求來說，後端資料庫那些對我來說相對生澀且入門較難
所以我選定前端工程師為我的發展起點
三.制定作戰策略
前端工程師需要會的三大項為HTML、CSS、JS
1.初階目標(1~2個月)
製作一份靜態履歷和找到前端工程師(切版、修改網頁)的工作
大家可能一看到這邊就想說我是新手怎麼可能順利找到工作
但薪水跟工程師一樣有百百款，有月入10萬的前端工程師
也會有直逼最低薪資的前端工程師，兩者工作需求不同
初期我們先接經驗值低的工程師來練練手
在這邊你必須學會所有靜態網站該具備的知識HTML、CSS和一些些JS語法
HTML：
<h1><h2><h3>.....
<p>
<span>
<img>
<a>與他的屬性用法
列表標籤
表格標籤
這些是最重要的必須非常熟悉，其他的有遇到再查XD
CSS(修行時間成謎，他就像正妹難以捉摸)：
1.如何引用css、如何選擇你想修改的元素?
2.直接在html標籤下style跟用css引入有差別嗎?
3.基本改文字的各種屬性
4.盒模型
5.bootstrap和Semantic等css框架使用(雖然有老手覺得做出來的都是人工正妹，但起碼
是個正妹)
這邊我自己有個修練方法，HTTrack用這個網站抓取工具，去抓一個你喜歡的網站來練習
改改看他的css
可以在裡面挖到別人的一些寫法，也可以順便練習假如我現在承接別的同事的code我可以
怎麼改
jQuery(自學期間先以練習網頁效果為主)：
1.如何引入JS和jQuery
2.選擇器怎麼定義
3.網頁物件動畫(隱藏顯示/淡出淡入/滑動...等等)
雖然上面提到的css框架已經有內建效果了，但因為這些算基本的語法還是需要去了解
4.接API，稍微了解Ajax的寫法，以及如何將資料串接於前端頁面上
四.學習方法
1.看影片(首推)：
我會把倍數調成0.5倍，影片教學打什麼我就跟打一遍，這步驟很重要
我都會再逼哩逼哩找教學影片，分享兩個不錯的視頻(大陸腔)
JQ快嘴南哥，寫扣像在念rap
https://www.bilibili.com/video/av22807707?from=search&seid=1594025860859141626
6
基礎Vue教學，聲音好聽的小哥
https://www.bilibili.com/video/av13450835?from=search&seid=9152609914542085060
2.資策會(有閒有錢可以去，沒有可以不要去)：
我開始工作後想說刷一波職場好感值就報了42小時前端班學費21K，
老師教得很好，但是比較適合真．新手，課堂講的90%我都會了哭哭
懶得找資料的有錢朋友推薦可以氪一波
還有一個最重要的心法要分享給大家，請堅持一天練習1~2小時20天不間斷，
這時候請放空一切，不要批判自己很笨學不會好難之類的，就是放空不要想
基本上突破上面這些關卡你就找的到一份35K以上的工作了(茶+菸~)
接下來進階的部分就是框架的使用和一些傳值傳址與商業邏輯的運用需要熟悉，
但這些比較難以自學的方式練習，建議上面都修練完的朋友趕快投身職場，
一方面可以確切的知道自己到底喜不喜歡這樣的工作型態(坐一整天+狂看電腦+狂吃)
另一方面有職場的壓力會逼著你成長。
另外打算投身職場的朋友，靜態網頁的工作最多設限３個月，如果３個月後還在切版就要
思考一下問題在哪(自己或公司)
我身邊有很多朋友都切了1年多的版了還在切，還沒真正去碰觸邏輯撰寫的部分，
沒有不好，但除非你的志向是css大賢者，不然還是趕快朝邏輯編寫的方向邁進
因為現在新創公司很多，有些不太OK，甚至不符合勞基法，如果你覺得你學不到東西或怪
怪的，就不要戀戰
最後再重申一次，轉職之路不為別人，只為自己，請拋開各種道德束縛，沒有什麼叫都不
會還出來害人的
公司會用你，就代表你ＯＫ，其他人怎麼說，那是他們，不是我們。
祝大家都能順利二轉，成為厲害的前端戰士！
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 49.214.231.182
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1545752526.A.E51.html
推 youtuuube000: 想知道幫推！12/25 23:54
推 xiexie: 正妹推 12/25 23:57
推 sennacon: 先推再說12/25 23:57
推 forever5241: 推 12/26 00:00
→ leelena: 今天有點晚來不及編輯完，有誤觸版規話我先刪除文章QQ12/26 00:09
推 GooglePlus: 想認識 請問排到幾號了 12/26 00:14
推 vi000246: 幫推 我也是非本科一退伍就入行資訊業的12/26 00:44
→ konkonchou: 26歲還很小,進這行很容易衰老的,請三思 12/26 02:28
推 pkro12345: 非本科系花半年路過 12/26 04:36
推 ssadd502227: 前端哪有最低薪 12/26 07:14
推 pm2001: 你可以先寫最後拿多少錢嗎?12/26 08:28
推 johnny7888: 朝聖推～12/26 08:30
→ pkro12345: 當初面試第一份工作起薪28k~40k都有阿 range其實蠻大的12/26 09:43
→ crossdunk: 阿姨為什麼不整理完再一起發 12/26 10:23
→ aegisty: 有很容易衰老嗎?12/26 10:26
→ imhaha: 非本科想走php QQ12/26 11:26
推 kkxop88079: 姊~快讓我繼續看下去 推推~12/26 12:01
推 Justie: 非本科 轉職成功 幫推12/26 12:09
※ 編輯: leelena (101.15.155.199), 12/26/2018 19:25:02→ Canboo: 我覺得人正是個轉職優勢...12/26 20:02
推 purrup: 寫得蠻有趣，推12/26 20:40
→ konkonchou: <3h3>是表情符號嗎 XD 12/26 20:42
→ leelena: 打錯 很棒有認真看文章 來這邊領糖果12/26 21:23
※ 編輯: leelena (101.15.155.199), 12/26/2018 21:24:33推 banana800908: 會想寫後端嗎XD 12/26 22:38
推 chabaterii09: 認真寫給推，覺得後面的建議不錯，如果做了一陣子 12/26 23:00
→ chabaterii09: 還在做基本真的該考慮換，我也不建議抱持混資歷的想 12/26 23:00
→ chabaterii09: 法，工作要求比自己的能力高一點在這行會比較有幫助 12/26 23:00
推 shieldsky: 覺得很棒！期待更多分享 12/26 23:20
推 billccchang: 願意分享給推！恭喜入臭宅坑！（放鞭炮 12/26 23:46
推 LoserWon: Web_Design 人氣 > 10 案情不單純 ! 12/26 23:51
推 LoveMoon: 薪資部分非本科男性自己減3000塊XDDD 台中沒這麼友善 12/27 01:22
→ LoveMoon: 除非有像軟工版那篇能力或是進博弈 12/27 01:26
推 PacificSaury: 推! 12/27 16:22
→ leelena: 初學者的目標已學習為主，能力變強自然能有更好的薪水 12/27 16:28
噓 ChakraLinux: 視頻 好喔，從基本工開始就不會說台灣的專有名詞惹 12/27 19:50
→ ChakraLinux: 以後要怎麼溝通？ 12/27 19:50
推 wavek: 推 12/27 22:53
推 aegisty: 視頻 崩潰了嗎? 12/28 10:05
推 Sunal: js沒寫好 瀏覽器崩潰了 12/28 14:32
→ kattte: 台灣的玻璃行情要上漲了嗎 12/29 01:49
推 Haruna1998: 推 現在還是學生可以慢慢多找些資料學習中 所以感謝您 12/30 10:38
→ Haruna1998: 分享資訊 12/30 10:39
推 mioaria: 希望我也能轉職成功 謝謝 12/30 23:28
推 orange0319: 也是奮鬥中，感謝分享經驗，以及姐姐求認識>////< 12/31 11:48
推 nicooooo1986: 推！ 01/06 15:04
推 amo1428: 感謝分享！ 01/07 10:31
推 emmatai: 好勵志 01/09 16:09