為什麼這篇網頁前端自學鄉民發文收入到精華區：因為在網頁前端自學這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者oz841119 (提摩)看板Soft_Job標題[請益] 一個基礎前端自學者的方向請益時間Fr...
網頁前端自學 在 V-V 設計筆記 Instagram 的最讚貼文
2021-05-30 19:10:30
最近因為疫情關係 待在家裡的時間變多了😙 這個時間大家可以好好放鬆 玩遊戲 運動 和家人培養感情... 除了這些～我覺得也是個可以好好充實自已的好時機💪 所以來和大家分享一些我在 @hahow.in 上過的線上課程 我在2018年轉職成 UIUX Designer 也都是透過自學來達成...
小弟沒有任何相關背景 沒有學歷 年26
畢業從志壯志躊躇到心灰意冷
所以力求轉職 也為了有一個比較穩定的專業
短期學習
「主要」目標是網頁前端的使用者體驗優化
也就是佈局、交互等
甚至是修正一些後台系統的使用體驗
讓員工可以更輕鬆的完成工作事項
如Shopline Wordpress 等…
（我在做行銷常與工程師在討論這件事）
中期除網站外，
更希望往移動端的應用程式前端邁進
又或是全端，這方面尚無頭緒。
學習已有兩個月，
其中不是從HTML和CSS開始，而是直接學JS
主要還是更喜歡思考邏輯與算法
HTML和CSS都是用上班零碎時間學習撰寫
然後大致使用單人git 的用法
用來push檔案、標記日期而已…
所謂自學
最怕用一堆時間在學相對不重要的事情上
並不像課程班有系統的教學，總有一個小目標
（主要我仍需要工作，對課程班也不具信心，可能是我這行太多出來開課割韭菜的課程了
？）
所以有些方向性的問題想問
也可能是先問起來放，
畢竟就業尚早，
甚至完全不知道什麼時候適合就業。
（1）
尚硅谷的JS基礎由於是2016年錄製的
（目前追高級，看起來是以強化原理為主）
所以我還是得找一個課程去補完ES6基礎
依各位前輩之見，適合的有哪些呢
（2）
關於Jquery以及Vue.js
依一個自學者的第一份工作
更應該相對「著重」在哪一個框架上深入學習？
（3）
我是一名行銷，接觸的對象大多都以市面上所謂的「開店平台」如shopline等去生成網站
，也有相當多的oneShop，時常在使用一頁式的廠商。換而言之，我認為能夠接受一個沒
有相關工作經驗的前端工程師，大都是使用這類型的平台去生成網站。
我這個說法對業界來說是對的嗎？
前端工程師在這樣的公司內，
大多數在執行什麼樣的業務呢？
動態庫是否能在這類型的公司使用？
（4）
前端需與後端交互
但當要做前後端的交互時
由於沒有後端或服務器端的基礎能力
我可以利用什麼樣的方式去驗證我這樣做是對的？
（5）
言之尚早，但仍厚顏的問一下
依目前業界來說
第一份工作該具備什麼樣的項目作品
（我剛開始的時候天馬行空過，想參與開源項目一段時間後才找工作）
作為一個提問者
雖說不足掛齒，也無法驗證實用性
但也想試著分享一個基於自學者
短短兩個月的學習歷程
這些東西可能不具有實用性
但對我而言是越學越歡喜。
最起初萌生學習前端的目標是增強購買轉換率
（大概一年多前，但實踐學習是兩個月前，而且實踐前提是以「轉職」為目標，不為興趣
，為的就是更穩定的硬性專業能力以及發展性，還有薪水）
在學習過程中一定要親自去code，不要只看不寫，大多過目即忘（我在第一次看到this和
冒泡的時候覺得很煩躁，寫的霧煞煞，寫到一半甚至連寫都不寫了，後來遇到相關問題仍
然不懂為什麼，終還是去乖乖補完這方面的知識，兼容IE8的時候也是）
我覺得某些地方的底層內容很複雜，如上述所提this或冒泡，但隔三差五的多用幾次，會
越來越明白，總之千萬不要遇到問題就「完全」跳過就是了。
用些零碎時間去找簡單的幾道題目，通常是選擇題，可以幫助你強化一些內容原理，也能
驗證你是否知道關於這個問題的答案。
有些基礎JS的內容，播放清單貧脊，你感覺你看了就好像會很多的那種，一開始別看。有
個相對完整的基礎學習主軸後，有空用零碎的時間看，當作額外的補充內容。
筆記方面，我最起初用了notion在佈局一個邏輯清晰，查照體驗良好，將一堆方法.返回
值.屬性.原理都記入的個人筆記，但我後來認為是浪費時間，因為我壓根沒回頭去看過，
一律面向Google，沒有在面向筆記的。
學習須長時間專心，要利用零碎的時間學習的話，你應該學的是零碎的內容，例如回答選
擇題，一個簡單的算法，閱讀方法內容。
我工作稍閒，8小時閒6小時，原以為可以順暢理解並code主要在看的影片內容，但事實上
是在做夢，通常一天下來一樣的影片內容我需要專注的時候在完整重看一遍，而且上班時
間看的內容基本忘光。
深刻意識到這個問題之後，這類型的時間我多數就是在學零碎的內容，例如看文檔、選擇
題、看我看不太懂的GitHub別人在說什麼之類的…
雖說英文重要，對工程師而言更是如此，
但英文如我般殘障的
也別太執著一定要用英文閱覽
我自己最起初太執著這點
文檔用英文看，看GitHub新手問題
使得光閱讀就有很大的問題
後來我是以看對岸的論壇為主
GitHub為輔
很多專有名詞對岸論壇都會看到
看久爛熟於心
在看文檔或GitHub時
就能多知道幾個字的意思了
我終究是來學程式語言的，而不是英文。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 42.77.22.6 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1623349112.A.401.html
※ 編輯: oz841119 (42.77.22.6 臺灣), 06/11/2021 02:20:38
※ 編輯: oz841119 (42.77.22.6 臺灣), 06/11/2021 02:35:11
→ Fuyouny: Codecademy 、Udemy JavaScript: Understanding the Weir06/11 02:34
→ Fuyouny: d Parts 了解一下06/11 02:34
※ 編輯: oz841119 (42.77.22.6 臺灣), 06/11/2021 03:08:20推 aidansky0989: 1,bilibili或youtube找兩年內觀看次數最多的前3部 06/11 06:19
→ aidansky0989: 2,vue或react3,切版寫交互接api,大部分小商家只要 06/11 06:19
→ aidansky0989: 賣東西不需要自己開發4,先瞭解前後端的概念再說5 06/11 06:19
→ aidansky0989: ,仿造一個你喜歡的網站,量力而為就行 06/11 06:19
→ aidansky0989: 順帶一提,推薦你一個入門不錯的youtuber,the net 06/11 06:24
→ aidansky0989: ninja快速掃一些入門知識再去翻文檔會順很多 06/11 06:24
推 hermes018: 現在前端工作都幾乎要求要框架了，選一個你喜歡的就行 06/11 07:52
→ hermes018: ，還有jQuery是函式庫，雖然React也是，不過他有豐富 06/11 07:52
→ hermes018: 的生態圈，所以也算是框架 06/11 07:52
→ kangan987: jq，大概看一下，知道怎麼用就好，先用基本的 html, cs 06/11 08:08
→ kangan987: s, js做一個有購物車，串金流，可以會員登入的網站，然 06/11 08:08
→ kangan987: 後再去用 vue 或 react 重寫一次學框架應用。課程的話 06/11 08:08
→ kangan987: 就上 udemy 買Andrei 的課。 06/11 08:08
→ kangan987: 英文建議還是得補強，因為還是會有看官方文件的時候… 06/11 08:09
→ kangan987: … 06/11 08:09
→ kangan987: 要想記得不忘光的話，就是空檔的時候也回想教學影片的 06/11 08:11
→ kangan987: 程式碼，去思考執行流程，像個人體編譯器這樣…… 06/11 08:11
→ nicehorse06: 以最速找工作來說，專注HTML,CSS,JS 06/11 09:02
→ nicehorse06: 找接案公司練功，通常沒有框架，用Jquery 06/11 09:03
→ nicehorse06: 做一個純JS有用api的作品到github page 06/11 09:05
→ nicehorse06: 刷一下JS的leetcode，基本語法熟悉比this這種優先 06/11 09:08
→ nicehorse06: 總結找Jquery的接案公司最快，Vue的公司好的開始 06/11 09:09
→ nicehorse06: 搜尋 從新手到中手：前端工程加強班 課程 06/11 09:13
→ nicehorse06: 做完這個課程的twitch api作品就可以面試了 06/11 09:14
推 finalshinji: 關於你的第四點問題，可以用類似Google firebase來解 06/11 10:06
→ finalshinji: 決後端問題 06/11 10:06
推 ronny1020: JQ 過去很強，但現在基本上過時了，不用太花心力 06/11 11:48
→ ronny1020: 然後英文超級他媽的重要，英文文件看不懂未來很難混 06/11 11:49
→ ronny1020: stackoverflow、套件官方文件至少要看得懂 06/11 11:51
→ ronny1020: 第4點就mock api，阿，又是英文 06/11 11:52
→ ronny1020: json-server 也蠻好用的，不過還是英文 XDD 06/11 11:54
推 opallin: Udemy上Jonas的課程吧, 他剛更新JS的, 算是目前最完整的 06/11 12:27
→ opallin: JS課程沒有之一, 他HTML CSS最近也會做更新 06/11 12:28
→ opallin: React我目前看過很多課程缺點都蠻多的, Stephen的算是比 06/11 12:30
→ opallin: 較可以接受拿來上基礎 06/11 12:30
→ opallin: 都上完去找個實作Project課程像是FB, Instagram Clone 06/11 12:32
→ opallin: Project拿來修一修玩一玩, 算是最快的方式了吧 06/11 12:34
→ opallin: 同是自學過來的新人給你的建議 06/11 12:39
推 mpjp: 做中學 寫自己的作品需要甚麼再去補甚麼 建議先去了解現在 06/11 13:06
→ mpjp: 的主流框架是甚麼 06/11 13:06
推 kuroro405: 首推慕課網 加油 我也跟你一樣是半路出家 06/11 15:12
→ oz841119: 感謝各位前輩的建議及資訊提供 讓我方向明確不少 ！！ 06/11 15:14
→ oz841119: 也有更明確的資源能夠利用 希望下次在這發文時已經是 06/11 15:14
→ oz841119: 可以發面試心得了 嘻嘻 06/11 15:14
推 LIN810116: 但是官方文件、docstrings都是英文啊 06/11 16:53
推 LIN810116: 基礎的英文應該是寫程式的先決條件 06/11 16:56
→ LIN810116: 跟你要有一台電腦一樣重要 06/11 16:57
→ eva19452002: 不會英文就不要來資訊領域，反正資訊領域的英文很簡 06/11 20:18
→ eva19452002: 單，只要有國中基礎就行了，頂多就是專業名詞要記， 06/11 20:18
→ eva19452002: 或是也不用記，反正專業名詞一直出現就很自然記住了 06/11 20:19
→ purin88: vue js，jqury已經過時了 06/14 05:34
推 billy8407: Cambrige 英英字典不錯 06/15 01:57