先自我介紹 + 閱讀聲明 首先先聲明，有些內容比較有爭議，但轉職之路是為自己，斟酌觀看。 我是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://webptt.com/m.aspx?n=bbs/Web_Design/M.1545752526.A.E51.html ※ 編輯: leelena (101.15.155.199), 12/26/2018 19:25:02 ※ 編輯: leelena (101.15.155.199), 12/26/2018 21:24:33