Re: [請益] 該從什麼程式語言學起基本工比較紮實呢？

[Marsden (馬士登)]

※ 引述《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://www.ptt.cc/bbs/Soft_Job/M.1523966430.A.8EB.html
→ Marsden: 至於其他推文裡面提到的演算法，先等你 js 學完基本語法
→ Marsden: 再來，可以參考這本書：
→ Marsden: https://github.com/egonSchiele/grokking_algorithms
→ Marsden: 是比較基礎的內容，臺灣有出中文版
→ Marsden: 不過內容是採用 Python
→ Marsden: 如果有其他問題歡迎站內或推文
推 lturtsamuel: bootstrap 可選 jquey 擺最後 其他沒意見
→ lturtsamuel: boostrap就是學人家怎麼把元件包裝得簡潔這樣
推 t64141: 前端入門無基礎的話六角學院也可以看看
推 menshuei: 用bootstrap常常陷入多div症候群，我常常在想這樣的設計
→ menshuei: 離架構清晰滿遠的。
推 asghdf123: 推，希望也有backend的整理
推 glenyu80119: 求大大backend整理
推 allpass5566: 肥宅妳不要用側面照騙好嗎
→ Marsden: 幹樓上畢業後可以這樣亂嘴人ㄇ
推 ap954212: 推這篇
推 menshuei: 差資料用MDN真的好，要專精一套程式，把官方文檔掃幾遍
→ menshuei: 是不可少的，有個印象有什麼功能，且以後要查也知道在
→ menshuei: 哪裡，有印象下次看到就可以直接勾起記憶，不用再重新理
→ menshuei: 解文章內容。
推 arenda: 最好是不用學jQuery啦
→ arenda: jQuery必學吧 不然很自我限制
推 lturtsamuel: jq不就包山包海+語法糖...不用jq限制了啥啊
→ Marsden: 2018 roadmap 的 issue 408 有討論這件事
→ Marsden: 有些開發者的想法是 jQuery 並非是一個框架而是函數庫
→ Marsden: 以目前很多項目來說礙於成本與時間，並沒有完全地重構
→ Marsden: 所以對於初學者來說可能仍是必須要會。就我自己的看法來
→ Marsden: 說，至少能夠看得懂就足夠了而不用去鑽研，反而是有必要
→ Marsden: 能夠動手實踐他的功能
→ THEWORLDS: JQ就語法糖很爽是真的 反正前端也沒人在屌效能
→ THEWORLDS: 除非做大陸手機用戶的遊戲才會限制js
→ lturtsamuel: 不會jq頂多就限制了你看不懂一些舊程式碼 但是要學到
→ lturtsamuel: 看得懂大概也就一下子而已
推 menshuei: 我認為jQ要學到就是有一些很常見的元件像是動畫carousel
→ menshuei: 之類的可以google然後直接貼上節省時間。
推 lturtsamuel: 真正的自我限制是去學一堆函式庫 然後沒有去搞懂this
→ lturtsamuel: 綁定 prototype模型 不使用eslint 放棄整合測試工具
推 lturtsamuel: 而且現在去看舊程式碼還會學到一堆不該學的 像是以前
→ lturtsamuel: 一定要用閉包封起來的變數 現在一個let就搞定 結果我
→ lturtsamuel: 同事還在刻閉包
推 LMGG: 跪求backend整理包
噓 a87569650: 說個笑話 前端不用用到java
推 THEWORLDS: lturtsamuel那是你幸福 沒規定妳用幾點幾版開發
推 lturtsamuel: 之前遇過 但也是可以用babel解掉
推 bakedgrass: 實際開發公開的網站時，jQuery還有瀏覽器相容的優勢
→ bakedgrass: 所以學學jQuery我覺得也沒什麼不好
推 pptipad: 謝謝你的分享，太感謝了！有問題在進不步請教您
推 penut85420: 推推
→ y3k: 除非你可以很確定網站一定是自己第一手開發 否則jQuery使用甚
→ y3k: 至專案管理套件開發多少都要知道一點當然其實他也不算很難 只
→ y3k: 是有些地方需要經驗
→ ab4245: bootstrap常常和其他套件或現有程式衝突，推薦W3CSS
推 stupid0319: webAsm