Devs.tw 是讓工程師寫筆記、網誌的平台。歡迎您隨手紀錄、寫作,方便日後搜尋!
從Hackmd複製過來,怕有問題補個Hackmd連結。
原為寄信問川豪大,後建議我發文在此詢問大家建議。 補明確一點的問題點: 以一個剛畢業要找前端工作,有甚麼能力是必要,需要補足的, 蠻希望詳細的XD,雖然應該很多洞也補不完。
以下為信件原文+修改一下內文。
嗨,你好。 如標題想請問學習方向(? 應該說是不知道具體該做什麼,該怎麼繼續進步(? 像是看到很多說可以做一些自己平常會用到的小工具, 不過平常真的沒有自己會用到的工具Orz。 也有看到說直接模仿大網站的說法。 想請教下一步,謝謝!
先丟上純粹拿來放檔案的Github,畢竟都一個人在做,也就沒有做什麼版控了。
HTML -> CSS -> PHP crud -> Bootstrap -> JQuery+Ajax -> CSS flex/grid -> 初碰Vue+Scss -> 手刻試Rwd
碰了些PHP crud + JQuery+Ajax+表單 上課作品太差了就沒有存起來了XD,然後實習的就截圖起來啦。
就是個靜態網站加上 氣象局/google map/google chart api 沒有server端可以看google chart,就上截圖吧。
是參考吳哲宇老師YT的 "來用socket.io做個即時互動的遊戲吧!" -> 本機端玩完之後因為沒有server端,就用個hackmd記錄著了。 在學校有用過老師的sever跑過是會動的XD。 雖然不太能從頭到尾自己做出來,不過也是大致了解流程了XD。
共有八週,只有其中一個Filter主題比較認真做出來啦。 主題是Filter要串接Api,Api是六角提供的,可以用關卡+Tags抓F2E參賽作品、人數等等。 也是第一次玩Vue+Scss。 不過api好像被移除了(?,就只剩下UI了 QQ
*更 2019/3/7 發現Api出現啦,截圖個。
純粹想看遊戲台日版卡池差異就做啦,順便手刻玩rwd。 配置大致是參照vue官網的左右欄的感覺 (我知道圖片太多,要loading很久,畢竟是自己看XD)
⽟⼭銀⾏線上刷卡系統,簡易線上刷卡系統,核⼼功能為論文付款功能。 大致就是在測試+Ajax,包含請求授權、取消授權、單筆查詢、沖正交易等功能, 也就沒有畫面啦。
前端的能力,推薦兩本免費線上電子書,對於 JS 基本觀念很有幫助
https://eloquentjavascript.net/
https://github.com/getify/You-Dont-Know-JS
實作練習的話,推薦 freeCodeCamp 可以做一做
找工作的話,作品集整理一下,讓對方一看就知道你可以做到哪些,應該就 OK
謝謝樓上建議,有其他建議也歡迎留言~~
順便記錄一下在軟體版看到的 Re: [討論] 關於前端難民 作者 TonyQ
基本上對 html/css 有正確使用上的理解, 對 js event 有完整的掌握. 這一句話就很深了. 有關對 js event 的掌握可以找我舊的系列文章(從 js 到 jQuery). 當然我知道這年代的人, 比較喜歡看 reactjs 新手教學或 angularjs 新手教學. 可是那樣只是 tool kid , 不是真的對 js 的核心有所理解. 會使用工具不算是一個壞的開始, 但那離上手還遠得很. 我以前做過很多的講座, 這題基本上是一個需要花上兩到三個月才能講完的題目. 要幾句話帶過, 太困難了.
資源 1. 鐵人賽-網站系統規劃實務系列 2. 從 js 到 jQuery系列
我自己也是剛開始工作的前端工程師,補充幾個前面沒提到,關於協定 http protocol , browser(localstorage, cookie) 一定要有足夠的了解
另外前端非常重要的開發 Chrome DevTools 這也滿重要的, 能夠熟練對加速除錯和看效能等等 這都有幫助
另外核心的programming能力,如design pattern ,還有寫 unit test (Jest 等) 等到 unit test 熟練後,還有最好可以接觸一下 TDD,再延伸可以看看 BDD
這是我的目前工作一個月的心得 我自己也有很多地方要加強,大家一起努力
因為我自己工作上是以後端為主
近期一直沒有好好鑽研前端技術
所以也不確定什麼技能是必備的
但我覺得工作上最重要的應該還是積極的學習態度
技術上如果硬要說的話
我覺得是把 javascript 學得更透徹,了解整個語言的特性
找個前端 framework (react, vue.....等等) 鑽研,實際實作一些專案
多看別人的設計,提升對 UI / UX 的敏感度
不過不同工作用到的技術可能也不太相同
所以還有一種方式是先找出你有興趣加入的公司
了解他們用到什麼技術就去學習
這樣應該對你進入這家公司更有實質幫助