作者Marsden (馬士登)
看板Soft_Job
標題Re: [請益] 該從什麼程式語言學起基本工比較紮實呢？
時間Tue Apr 17 20:00:27 2018
※ 引述《pptipad (ipad)》之銘言：
: 大家好～爲了成爲ㄧ名前端網路工程師，我找到了這個版，不知道這問題適不適合在這發
^^^^^^^^^^^^^^
: 問！
: 想請教各位前輩若是沒有相關科系畢業，也不會任何程式語言，我應該先從那個語言開始
: 學習呢？
: 目前有聽到JavaScript 或HTML/CSS
: 等，但為了希望日後的學習曲線能不打結大家會建議從那個語法學起呢？
: 另外因爲想去補習，請問前輩們你們會推薦去聯成還是資策會等....那間電腦補習班學習
: 呢？
: 在此先謝謝大家的閱讀跟回答，感恩再感恩～
其實命題滿明確的呀，前端就基本上代表不會需要碰到 Java, C, C++
了，補個簡單的順序好了：
----
HTML: 常使用的 tag 及其 attribute, id, class
CSS: 常使用的 selector
JavaScript: 變數型態 / 判斷式 / 迴圈 / 函數 / 物件
----
Bootstrap: 應該有 class 和選擇器的觀念就可以開始套了
試著建出簡單又有點好看的靜態頁面
flexbox:
----
DOM(Document Object Model): javascript 操作 DOM,
selector,
event listener
(jQuery): 可選可不選，這幾年開發與使用熱度有點降低
但建議還是要看的懂，畢竟不少網站用他刻
----
Vue/React/Angular: 目前主流框架，官方文件的入門先刻
一遍再說
----
Git/SVN: 版本控制軟體，甚至可以一開始就學
----
當然編輯器和一些常用的 plugin 也該會，像是 emmet 這種應該是前端
必備了，開發者工具也要會使用，至於後端又是另外的故事惹。然後我
推薦一些網站：
- MDN: 必備，查資料好用
- W3c School: 同上
- FreeCodeCamp: 我覺得還好，畢竟有些內容都還沒補齊
- CodePen: 用來展示東西很好用，也可以看其他人的作品和技術
- Codecademy: 老實說我完全覺得 HTML/CSS/JS 可以從這裡入門
，認為略勝 FCC，尤其他的 js 還是 ES6 呢。
- egghead.io: 付費很貴，但免費內容也足夠你入門熱門框架了
其實還有很多沒列喇，太多東西惹，反正做好平時的紀錄和有良好的
Google 搜索技巧是必備的，前陣子寫了一篇給學弟學妹看應該可以
參考個：
https://hackmd.io/s/rkw1tqk8f
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.112.37.20
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Soft_Job/M.1523966430.A.8EB.html
1F：→ Marsden: 至於其他推文裡面提到的演算法，先等你 js 學完基本語法 04/17 20:01
2F：→ Marsden: 再來，可以參考這本書： 04/17 20:02
4F：→ Marsden: 是比較基礎的內容，臺灣有出中文版 04/17 20:02
5F：→ Marsden: 不過內容是採用 Python 04/17 20:02
6F：→ Marsden: 如果有其他問題歡迎站內或推文 04/17 20:02
7F：推 lturtsamuel: bootstrap 可選 jquey 擺最後 其他沒意見 04/17 20:09
8F：→ lturtsamuel: boostrap就是學人家怎麼把元件包裝得簡潔這樣 04/17 20:10
9F：推 t64141: 前端入門無基礎的話六角學院也可以看看 04/17 20:22
10F：推 menshuei: 用bootstrap常常陷入多div症候群，我常常在想這樣的設計 04/17 20:25
11F：→ menshuei: 離架構清晰滿遠的。 04/17 20:25
12F：推 asghdf123: 推，希望也有backend的整理 04/17 20:52
13F：推 glenyu80119: 求大大backend整理 04/17 21:28
14F：推 allpass5566: 肥宅妳不要用側面照騙好嗎 04/17 21:39
15F：→ Marsden: 幹樓上畢業後可以這樣亂嘴人ㄇ 04/17 21:42
16F：推 ap954212: 推這篇 04/17 21:59
17F：推 menshuei: 差資料用MDN真的好，要專精一套程式，把官方文檔掃幾遍 04/17 22:06
18F：→ menshuei: 是不可少的，有個印象有什麼功能，且以後要查也知道在 04/17 22:06
19F：→ menshuei: 哪裡，有印象下次看到就可以直接勾起記憶，不用再重新理 04/17 22:06
20F：→ menshuei: 解文章內容。 04/17 22:06
21F：推 arenda: 最好是不用學jQuery啦 04/17 22:16
22F：→ arenda: jQuery必學吧 不然很自我限制 04/17 22:17
23F：推 lturtsamuel: jq不就包山包海+語法糖...不用jq限制了啥啊 04/17 22:27
24F：→ Marsden: 2018 roadmap 的 issue 408 有討論這件事 04/17 22:30
25F：→ Marsden: 有些開發者的想法是 jQuery 並非是一個框架而是函數庫 04/17 22:30
26F：→ Marsden: 以目前很多項目來說礙於成本與時間，並沒有完全地重構 04/17 22:31
27F：→ Marsden: 所以對於初學者來說可能仍是必須要會。就我自己的看法來 04/17 22:32
28F：→ Marsden: 說，至少能夠看得懂就足夠了而不用去鑽研，反而是有必要 04/17 22:32
29F：→ Marsden: 能夠動手實踐他的功能 04/17 22:32
30F：→ THEWORLDS: JQ就語法糖很爽是真的 反正前端也沒人在屌效能 04/17 22:34
31F：→ THEWORLDS: 除非做大陸手機用戶的遊戲才會限制js 04/17 22:34
32F：→ lturtsamuel: 不會jq頂多就限制了你看不懂一些舊程式碼 但是要學到 04/17 22:36
33F：→ lturtsamuel: 看得懂大概也就一下子而已 04/17 22:36
34F：推 menshuei: 我認為jQ要學到就是有一些很常見的元件像是動畫carousel 04/17 22:43
35F：→ menshuei: 之類的可以google然後直接貼上節省時間。 04/17 22:43
36F：推 lturtsamuel: 真正的自我限制是去學一堆函式庫 然後沒有去搞懂this 04/17 22:44
37F：→ lturtsamuel: 綁定 prototype模型 不使用eslint 放棄整合測試工具 04/17 22:44
38F：推 lturtsamuel: 而且現在去看舊程式碼還會學到一堆不該學的 像是以前 04/17 22:49
39F：→ lturtsamuel: 一定要用閉包封起來的變數 現在一個let就搞定 結果我 04/17 22:49
40F：→ lturtsamuel: 同事還在刻閉包 04/17 22:49
41F：推 LMGG: 跪求backend整理包 04/17 22:57
42F：噓 a87569650: 說個笑話 前端不用用到java 04/17 23:00
43F：推 THEWORLDS: lturtsamuel那是你幸福 沒規定妳用幾點幾版開發 04/17 23:11
44F：推 lturtsamuel: 之前遇過 但也是可以用babel解掉 04/18 00:14
45F：推 bakedgrass: 實際開發公開的網站時，jQuery還有瀏覽器相容的優勢 04/18 06:17
46F：→ bakedgrass: 所以學學jQuery我覺得也沒什麼不好 04/18 06:18
47F：推 pptipad: 謝謝你的分享，太感謝了！有問題在進不步請教您 04/18 09:04
48F：推 penut85420: 推推 04/18 10:59
49F：→ y3k: 除非你可以很確定網站一定是自己第一手開發 否則jQuery使用甚 04/18 13:19
50F：→ y3k: 至專案管理套件開發多少都要知道一點當然其實他也不算很難 只 04/18 13:21
51F：→ y3k: 是有些地方需要經驗 04/18 13:21
52F：→ ab4245: bootstrap常常和其他套件或現有程式衝突，推薦W3CSS 04/18 23:37
53F：推 stupid0319: webAsm 04/20 21:56