阿里P7前端架構師，用十年開發經驗，總結了8個階段學習規劃

2020-08-28 前端勸退師小紅



導語：

現在前端開發越來越被人所熟知，並且衍生出來前端開發工程師，那麼怎麼才能成為一名合格的前端工程師呢？如何才能避免走彎路呢？如果沒有計劃，那就跟著下面的步驟走吧，能讓你少走好多彎路，省下很多時間。

首先你要明白一點，前端入門容易，深入精通難。 你也不用被這句話嚇到，畢竟只要你努力學一件東西，肯定是能學會的。如果再投入激情和興趣，那學起來就很輕鬆。


本文的目錄

  • 第一階段（1-2個星期）
  • 第二階段（1-2個星期）
  • 第三階段（2個星期）
  • 第四階段（1個星期）入門完成
  • 第五階段（1個星期）
  • 第六階段（3個星期）
  • 第七階段（3個星期）合格的前端開發人員
  • 第八階段（2個星期）進階


第一階段（1-2個星期）

學習HTML+CSS，能夠使用這兩個東西寫出特別簡單的頁面，比如盒子模型或者文章加配圖。

推薦學習網址 菜鳥教程 或者 w3school

第二階段（1-2個星期）

學習原生的js以及它操縱html的方法，注意要是原生的js，只有明白原生的js才能夠快速掌握各種框架及其原理。

依然推薦學習網址 菜鳥教程 或者 w3school

第三階段（2個星期）

學習jquery以及bootstrap框架，其中前者是js框架後者是css框架。

這是你學的第一個框架要認真學習，跟著裡面的例子每個都手動寫一遍。


第四階段（1個星期）入門完成

學習html5和css3，只要你學完這個東西，你就可以去模仿淘寶或者京東首頁，編寫一個仿淘寶或者京東首頁，這時候你就會成就感十足，我就是這樣覺得的哈哈哈哈。

第五階段（1個星期）

學習移動端頁面布局

跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、手機滾屏。讓你的頁面在手機瀏覽器中能夠適配。

第六階段（3個星期）

面向對象進階和學習網絡請求（使用接口get和post），以及ajax的使用。了解跨域是什麼東西。明白ajax簡介和異步的概念、ajax框架的封裝、XMLHttpRequest對象詳細介紹方法。json和json解析、jsonp解決跨域問題、使用jquery裡面的ajax。


這時候你已經可以通過jsonp去get到各個網址上面的地址，甚至你可以做一個仿酷狗應用的頁面，搜索歌曲及其播放，雖然頁面肯定不會像酷狗官網一樣炫酷。但是已經成就滿滿了。

第七階段（3個星期）合格的前端開發人員

這時候你已經是一名快合格的前端工程師了，我們還要在學一下主流的開發框架，了解一下MVC/MVVM/MVW框架是什麼東西，然後從React.js、Vue.js、Angular.js選擇一個來學習，並且搭配webpack來進行項目工程化和打包。


這個過程可能會比較苦，但是只要你咬一咬牙，堅持學下去，就會勝利。

第八階段（2個星期）進階

Node.js全棧開發，去了解node是什麼東西，以及他現在的作用，其實它也可以作為一門後臺開發語言，而且它的語法跟js特別相似，所以對於我們前端開發工程師來說真的是一個理解後臺運作的很好的工具。

學習原生的nodejs、express和koa2，深入理解和使用node.js，將會對你的工程化思想有很大的提升，學到這裡，你可以開始寫一個屬於自己的全棧項目了

最後奉上前端開發入門資料，有電子書，入門教程

前端電子書50本

web前端入門教程一套

資料獲取方式：

1、關注我，轉發+評論

2、私信發送：【666】，即可領取

相關焦點

  • 為什麼程式設計師都喜歡阿里P7，Android架構師做出了神總結
    而在網際網路行業的職位當中，阿里的p7崗卻又是大家所嚮往和鍾愛的，因為和千夫所指的阿里P8相比，阿里P7無疑是一個真香的存在，騰訊想要阿里P7，字節想要阿里P7，快手想要阿里P7，拼多多，小紅書，滴滴大家都喜歡要阿里P7，甚至阿里自己，都想多招1萬個阿里P7。
  • 近十年阿里高級技術架構師的實踐總結，太全面了，已跪
    推薦理由近十年阿里技術架構師的實踐總結>從Web前端到服務端，從外部鏈路到內部機房，沉澱了大量的全鏈路性能問題分析思路和實戰解決方案本書三位作者分別為阿里高級技術專家、螞蟻金服集團高級架構師和速賣通前端性能專家
  • 阿里P7架構師來告訴你，2020年學習前端開發有前途嗎？
    3，2020開始學習前端開發有前途嗎，晚嗎?（1）有前途，而且不晚（2）為什麼前端是JavaScript？有其他語言嗎？JavaScript會被淘汰嗎？而不是學校逼迫你來學，你已經成年了，要學會自己規劃自己的人生。
  • 前端架構師是打雜的麼?前端架構師的核心工作是什麼?
    , 直到聽了 winter 的分享, 結合這些年的經驗, 我突然意識到, 前端架構是有具體的抽象問題域的, 而不是簡單的用降低前端技術的複雜性來解釋, 在回答這個問題之前, 我想先說下客戶端軟體架構師 和 服務端架構師.
  • 來自阿里P7十年架構師成長匠心之作「內含架構學習路線圖」
    關於Java架構師的學習路線，學習方法都很迷茫，由於也是在校學生，實戰機會也比較少，希望得到一些建議。而問經驗，經歷就很好，你從不同的人眼裡，可以被解讀出不同的有用信息，這樣不同的人可以取自己需要的部分。其實在國內軟體發展並不像美國那樣長久地發展，而是在網際網路時代集中爆發，架構師已經和初始的含義有所變化，目前，在國內架構師 = 真正含義上的 架構師+首席工程師。
  • 阿里P8架構師用項目經驗編寫SpringMVC+MyBatis從入門到項目實戰
    二者結合，就組成了經典的開發組合。接下來分享一份來自阿里P8架構師用自己多年項目經驗編寫的SpringMVC+MyBatis從入門到項目實戰文檔。本書內容及體系結構第1篇準備工作本篇對Java開發的環境搭建、編譯器的選擇與安裝都做了詳細的講解，為讀者後面的開發學習做好準備。
  • 阿里年薪百萬的P7架構師簡歷都長什麼樣？他們都是怎麼學習的？
    對於咱們技術人，公司最看重的還是技術能力和項目經驗，這部分如何展示，才是你能否進入面試流程的關鍵。但是你看看他寫的項目經歷，有啥能吸引人的嗎？他是在羅列技術中做的項目，隨後又羅列了一堆技術名詞，但是在項目中的角色是主導還是輔助、技術解決方案是什麼都沒有涉及。那麼，一份好的 Java 開發簡歷長什麼樣呢？
  • 如何成為前端架構師?
    前端架構師，聽起來像是個很高大上的名詞，在大多數程式設計師眼中，架構師一般都來自於後端開發， Java或 C++，這些人往往有十八般武藝，能夠解決企業中出現的各種問題。前端架構師的概念已經漸漸進入了前端工程師的視野，無論何時，只要前端工程師還在工作，面試官就會問到，你的未來計劃是什麼？
  • 深入阿里總結的最完整架構師成長路徑
    關於職業規劃很程式設計師每天都在寫代碼，每天都很忙，而當面試官問他：「你的職業規劃是什麼？」程式設計師答：「沒有」。那如果讓你選擇一個角色你會選擇什麼？比如技術主管。程式設計師答：「ＣＥＯ吧」。我。。。。。。我們應該給自己制定一個職業規劃，對未來的工作要有一個方向，當方向對的時候，你會少走很多彎路。
  • 阿里P8+華為18級架構師熬夜硬肝413頁Java架構指南
    那麼，如何提高軟體工程師的開發技能就成了一個無法迴避的問題。誠然，提高開發人員的技能水平，但從更普遍、更直接的意義上來說，提高技能水平的最佳方式還是系統地閱讀相關書籍。小編在這裡分享一份阿里、華為等知名企業工程師聯袂推薦Java架構師指南進階書籍。
  • 首次分享：阿里P8架構師的學習筆記與歷程
    今天小編把自己的一位朋友如何從職場菜鳥奮鬥至阿里P8架構師的故事分享給大家：小編還特意翻了翻去年和大佬的聊天記錄，現在重新再看，只能說太勵志了！從大學畢業到面試阿里做架構師，總共花費了5個年頭。並把成長曆程分為了三個階段：參加工作1-2年之間在這段時間裡，我覺得還是處於一個對於Java代碼深入了解的過程。
  • 學習前端開發技術的6個必經階段
    在學習中，只有一步一個腳印地學習前端開發技術的知識，多總結項目實戰中的開發經驗，才能夠將前端開發技術的知識熟記於心，並且靈活地運用到項目中去。為了更好地學習前端開發技術，這裡為大家準備了階段性學習內容和學習目標。前端開發技術大體可以分為6個階段，這6個學習階段的內容可以參考下面的內容。
  • 迷茫期後面試阿里奮發圖強8個月,如願拿到offer,定級阿里P7
    運氣暫且不談，就拿心態來說，千萬 不要因為面試失敗而氣餒或者說懷疑自己的能力，面試失敗之後多總結一下失敗的原因，後面你就會發現自己會越來越強大。本人也是經歷了大半年的準備才拿到了阿里的offer個人經歷普通專科畢業，12年轉行進入軟體開發行業。
  • 一線網際網路BAT架構師學習路線圖流出
    大部分想成為架構師，了解到java架構師課程的程式設計師朋友，自身已經到了一個瓶頸期。這類朋友有一些共同的特點，工作3到五年，高不成低不就，年齡地位皆處在很尷尬的境地。便有如逆水行舟，不進則退！要成為程式設計師金字塔中的「架構師」，並順利進入BATJ等大企業，掌握紮實的技術是必要基礎，與此同時，你還需要一些面試的技術，此需要掌握以下5個關鍵點！
  • 網際網路大廠前端架構師總監聯袂力薦！前端工程化
    本書特色本書由周愛民老師傾情作序，美團技術總監趙強、搜狐高級技術經理邵充、Facebook軟體工程師鄧凌飛、ofo前端架構師代學輝聯袂力薦本書系統、全面地介紹了前端工程體系的各個環節，包括設計要點和實踐經驗。全書分為7章，分別包括緒論、腳手架、構建、本地開發伺服器、部署、工作流、前端工程化的未來。
  • 十年Java程式設計師的傳奇經歷，從外包程式設計師逆襲成為大廠架構師
    因為他學習能力比較強，通過一位前同事的引薦，就進入了現在的公司，並且一路成長為架構師，薪資基本上可以碾壓同齡人了。，才有成為架構師的可能。面對億級的數據系統架構如何迎接高並發流量的挑戰，這是作為架構師，必須要考慮的問題。
  • 二本畢業十年逆襲阿里,我是如何做到的?來自一個P7架構師的自述
    4、Spring全家桶毋庸置疑，Spring 早已成為 Java 後端開發事實上的行業標準，無數的公司選擇 Spring 作為基礎的開發框架，大部分 Java 後端程式設計師在日常工作中也會接觸到 Spring ，因此，如何用好 Spring ，也就成為 Java程式設計師的必修課之一
  • 看完阿里架構師推薦10本必讀書，我從碼農轉到了產品
    簡而言之，這本書提供了深入的架構洞察力，並幫助你在不斷變化的環境中創建強大的系統，最重要的是，Eric Evans用開發人員可以理解的語言來描述，非常難得。Martin的實用軟體架構解決方案，作者還有另外一本非常經典的書《代碼整潔之道》。乾淨的架構對於每一個軟體架構師、系統分析師、系統設計師和軟體管理人員來說都是必不可少的，想要成為軟體架構師，這本書一定是必不可少的。
  • 6年拉力經驗,學了P8架構師的7+1+1落地項目,跳槽阿里年薪40W+
    5: zookeeper6: mysql調優課程7：算法（核心）8：網絡（netty網遊後端項目），應屆生工程項目經驗為基本為0，這個項目被視為加分項目，所以被死磕Java。P5-P7的學習路線、知識點和項目都有了，那麼阿里P8級架構師的學習路線和項目實戰該怎麼學習呢？接著往下看！！！
  • 從某度外包逆襲成為阿里架構師，分享我的Java進階成長筆記
    因為他學習能力比較強，通過一位前同事的引薦，就進入了現在的公司，並且一路成長為架構師，薪資基本上可以碾壓同齡人了。他回顧自己的這10年，總結一句話就是：走出舒適圈，保持刻意學習，才有成為架構師的可能。我也帶過很多剛工作不久的新人，他們的普遍問題是：工作那麼忙，根本沒時間學習。確實是這樣，網際網路的節奏太快了，有時下班很晚，到家只想休息。但是哪一位架構師不是這麼過來的？他們成為架構師了也還在保持學習，比你優秀的人都還在努力，你有什麼藉口不去努力？