·  1週前
Exp. 26  ·  1 貼文  ·  1 留言

對於畢業生找前端工作,技能需求建議。

Hackmd

從Hackmd複製過來,怕有問題補個Hackmd連結。

原為寄信問川豪大,後建議我發文在此詢問大家建議。 補明確一點的問題點: 以一個剛畢業要找前端工作,有甚麼能力是必要,需要補足的, 蠻希望詳細的XD,雖然應該很多洞也補不完。

以下為信件原文+修改一下內文。


嗨,你好。 如標題想請問學習方向(? 應該說是不知道具體該做什麼,該怎麼繼續進步(? 像是看到很多說可以做一些自己平常會用到的小工具, 不過平常真的沒有自己會用到的工具Orz。 也有看到說直接模仿大網站的說法。 想請教下一步,謝謝!

先丟上純粹拿來放檔案的Github,畢竟都一個人在做,也就沒有做什麼版控了。

Github

介紹一下摸過什麼東西,順序如下:

HTML -> CSS -> PHP crud -> Bootstrap -> JQuery+Ajax -> CSS flex/grid -> 初碰Vue+Scss -> 手刻試Rwd

1.一開始的作業三

自學網頁の嬰兒教材:第3課

2.上課+實習摸的

碰了些PHP crud + JQuery+Ajax+表單 上課作品太差了就沒有存起來了XD,然後實習的就截圖起來啦。

3.專題

就是個靜態網站加上 氣象局/google map/google chart api 沒有server端可以看google chart,就上截圖吧。

4.即時聊天室

Socket-README

是參考吳哲宇老師YT的 "來用socket.io做個即時互動的遊戲吧!" -> 本機端玩完之後因為沒有server端,就用個hackmd記錄著了。 在學校有用過老師的sever跑過是會動的XD。 雖然不太能從頭到尾自己做出來,不過也是大致了解流程了XD。

5.六角F2E的活動

F2E-filter

共有八週,只有其中一個Filter主題比較認真做出來啦。 主題是Filter要串接Api,Api是六角提供的,可以用關卡+Tags抓F2E參賽作品、人數等等。 也是第一次玩Vue+Scss。 不過api好像被移除了(?,就只剩下UI了 QQ

*更 2019/3/7 發現Api出現啦,截圖個。

6.遊戲wiki的感覺

CC-wiki

純粹想看遊戲台日版卡池差異就做啦,順便手刻玩rwd。 配置大致是參照vue官網的左右欄的感覺 (我知道圖片太多,要loading很久,畢竟是自己看XD)

7.學校案子

⽟⼭銀⾏線上刷卡系統,簡易線上刷卡系統,核⼼功能為論文付款功能。 大致就是在測試+Ajax,包含請求授權、取消授權、單筆查詢、沖正交易等功能, 也就沒有畫面啦。

  分享   共 193 次點閱
共有 5 則留言
chenjenping   ·  1週前
Exp. 158  ·  4 貼文  ·  11 留言

因為我自己工作上是以後端為主

近期一直沒有好好鑽研前端技術

所以也不確定什麼技能是必備的

但我覺得工作上最重要的應該還是積極的學習態度

技術上如果硬要說的話

我覺得是把 javascript 學得更透徹,了解整個語言的特性

找個前端 framework (react, vue.....等等) 鑽研,實際實作一些專案

多看別人的設計,提升對 UI / UX 的敏感度

不過不同工作用到的技術可能也不太相同

所以還有一種方式是先找出你有興趣加入的公司

了解他們用到什麼技術就去學習

這樣應該對你進入這家公司更有實質幫助

 
尤 川豪   ·  1週前
Exp. 1,382  ·  170 貼文  ·  130 留言

前端的能力,推薦兩本免費線上電子書,對於 JS 基本觀念很有幫助

https://eloquentjavascript.net/

https://github.com/getify/You-Dont-Know-JS

實作練習的話,推薦 freeCodeCamp 可以做一做

https://www.freecodecamp.org/

找工作的話,作品集整理一下,讓對方一看就知道你可以做到哪些,應該就 OK

 
   ·  1週前
Exp. 26  ·  1 貼文  ·  1 留言

謝謝樓上建議,有其他建議也歡迎留言~~

順便記錄一下在軟體版看到的 Re: [討論] 關於前端難民 作者 TonyQ

基本上對 html/css 有正確使用上的理解, 對 js event 有完整的掌握. 這一句話就很深了. 有關對 js event 的掌握可以找我舊的系列文章(從 js 到 jQuery). 當然我知道這年代的人, 比較喜歡看 reactjs 新手教學或 angularjs 新手教學. 可是那樣只是 tool kid , 不是真的對 js 的核心有所理解. 會使用工具不算是一個壞的開始, 但那離上手還遠得很. 我以前做過很多的講座, 這題基本上是一個需要花上兩到三個月才能講完的題目. 要幾句話帶過, 太困難了.

資源 1. 鐵人賽-網站系統規劃實務系列 2. 從 js 到 jQuery系列


3. 30-seconds-of-code/30秒學習系列

 
尤 川豪   ·  1週前
Exp. 1,382  ·  170 貼文  ·  130 留言

嗯嗯,摸索工具之外,基本核心觀念也要越來越熟悉。

York Horizon   ·  1週前
Exp. 77  ·  2 貼文  ·  3 留言

我自己也是剛開始工作的前端工程師,補充幾個前面沒提到,關於協定 http protocol , browser(localstorage, cookie) 一定要有足夠的了解

另外前端非常重要的開發 Chrome DevTools  這也滿重要的, 能夠熟練對加速除錯和看效能等等 這都有幫助

另外核心的programming能力,如design pattern ,還有寫 unit test (Jest 等) 等到 unit test 熟練後,還有最好可以接觸一下 TDD,再延伸可以看看 BDD

這是我的目前工作一個月的心得 我自己也有很多地方要加強,大家一起努力

 
您的留言
Exp. 26  ·  1 貼文  ·  1 留言