<span id="35v3v"><th id="35v3v"></th></span>
<address id="35v3v"></address>

    <address id="35v3v"></address>
      <address id="35v3v"><listing id="35v3v"><meter id="35v3v"></meter></listing></address>
        <listing id="35v3v"><listing id="35v3v"></listing></listing>

        <listing id="35v3v"><listing id="35v3v"><menuitem id="35v3v"></menuitem></listing></listing>

        <noframes id="35v3v"><noframes id="35v3v">
        當前位置: 首頁 / 技術分享 / 正文
        想成為前端工程師,那么在大學期間應該如何規劃?

        2022-08-16

        前端 學習 階段

        想成為前端工程師,那么在大學期間應該如何規劃?

        web前端

        講一個我的一個學生的故事:

        先說一下他的背景吧,是一名雙非理工科學校畢業,工作了兩年的前端工程師,目前年薪大概在30w左右。在大三的時候進入學院的工作室開始自學PHP并和同學一起做項目,大四去一家廣州的公司前端開發實習、轉正。中間經歷過一次跳槽,一直到現在從事的都是前端開發工作。

         

        對于剛入學的大一大二學生們來說,可能還在學習基礎通識課階段,可能還沒怎么接觸編程,或者剛接觸編程語言,那我的建議是專注計算機基礎理論的學習包括操作系統、計算機原理、算法和數據結構、編程語言的學習,養成編程習慣為主。如果已經是大三大四了,那么我們應該把項目實踐放在第一位,作品是一個程序員最好的自描述,無論是參與開源項目還是自己盡可能去模仿一些優秀的互聯網項目產品都是很好的方式。

         

        經過近幾年的爆發式增長,前端工程師這個崗位的市場熱度也是比較高的,而且入門門檻相對較低,上手快,前期初入行都是要從頁面做起的,所見即所得,能夠得到正反饋,比較容易獲得成就感,能夠激勵你深入學習。

         

        現在,我們開始進入主題??傮w思路大概是這樣的,作為一個剛接觸前端的小白,肯定對前端還沒有很深的概念,建議先囫圇吞棗式的先看一遍官方基礎文檔或經典書籍(別太厚的否則容易勸退)腦子里有個大概知識輪廓;再跟著一些優質的視頻去敲代碼,在編碼工程中逐漸構建起自己的前端知識體系;再回過頭來翻看一些經典書籍和文檔,補全自己的一些缺漏。接下來圍繞這個思路我們講學習前端主要分為三個階段。

        關于入門的文檔和書籍

        w3school 在線教程(官方在線文檔)、MDN(web技術文檔,據說是前端工程師的霍格沃茨魔法學校)《JavaScript高級程序設計(第4版)》(俗稱紅寶書,囊括js大部分知識點)

        《JavaScript權威指南(第6版)》(俗稱犀牛書,更多可以作為工具書來查閱)

        《CSS世界》(詳細剖析了CSS的相關基礎知識和常見問題)

        第一階段

        這個階段我們需要通過翻閱官方在線文檔及網上的前端入門基礎視頻,了解HTML、CSS、JavaScript的基礎語法(包括HTML5,CSS3,ES6-10的新特性)然后在代碼編輯器上驗證其效果。這一階段學習成果驗收標準:能夠以動態交互頁面的形式臨摹出主流網站首頁。

        第二階段

        學習完前端基礎知識,不要著急去研究框架,什么Vue,React,Angular之類框架的更新太快,你好不容易研究透了,等你畢業的時候,又會出來很多新的,所以掌握基礎最重要。這個階段,我們應該花時間去了解軟件產品研發全鏈路的流程,明白前端交互,數據是怎么來的,數據是怎么存儲的,前端是怎么和后端通信的等這些問題。所以我們就需要學一些后端語言如PHP,node.js;數據庫如mysql(關系型),mongoDB(非關系型);網絡協議如HTTP,TCP/IP協議;服務器知識點如Linux命令,搭建基礎環境等。這一階段學習成果驗收標準:能夠在服務器上自己搭建一個mvc模式的web服務,提供增刪改查的接口,進行數據庫操作,并能和前端實現通信。

        第三階段

        經過前兩步的學習,我們對前端有了大概的印象,了解前端演變的歷史;趁著大學有時間不妨把經典主流的前端框架都過一遍,包括jquery,angular,vue,react等,才能讓你更加理解比對框架間的異同點。在這一階段,我們還會接觸到前端工程化如webpack,rollup,vite等;了解JS能用于不同端的技術如:Electron,各家的小程序等;了解基于前端框架二次開發的框架如next,taro等。這一階段學習成果驗收標準:能夠利用不同的框架做出一個最小的mvp的前端項目。

        總結

        其實寫到這里,大家是不是已經對前端學習有了一定的概念和規劃,基本上如果能按照上述的計劃去學習,相信大家都能達到初級甚至是中級前端開發的標準,至于高級嘛...你是不是想多了少年,前面還有很多東西等著你呢。

        關于學習技巧這一塊,我可以總結幾個關鍵詞:

        每個階段都給自己定一個目標并向其奔赴,正如我給每個階段定義的學習成果驗收標準一樣。學習好的思維方式、信息檢索、解決問題的能力,比如我之前在學校的時候原本可能直接百度去搜索,直接看推薦的一些零散博客來學習知識甚至是解決問題)現在是耐著性子去看官方文檔翻閱API;去官方的一些社區,群聊提出問題;去github上看issue或者提issue。debug的過程就是真正學習排查問題的過程;大部分碰到的常規問題都是在debug中解決,下次再遇見就可以借助經驗更快的定位并解決問題了。保持謙卑,前端技術棧是爆炸性的發展,我們沒法全部都能精通,掌握學習方法是很重要的,哪怕進了公司,你不會這方面的技術棧,那么憑借經驗、翻看文檔、視頻,也能快速上手業務開發,再逐步花時間在熟悉業務的同時去深入研究技術向。

        最后希望大家都能好好學習,找到滿意的工作。

         

         

         

        好程序員公眾號

        • · 剖析行業發展趨勢
        • · 匯聚企業項目源碼

        好程序員開班動態

        More+
        • HTML5大前端 <高端班>

          開班時間:2021-04-12(深圳)

          開班盛況

          開班時間:2021-05-17(北京)

          開班盛況
        • 大數據+人工智能 <高端班>

          開班時間:2021-03-22(杭州)

          開班盛況

          開班時間:2021-04-26(北京)

          開班盛況
        • JavaEE分布式開發 <高端班>

          開班時間:2021-05-10(北京)

          開班盛況

          開班時間:2021-02-22(北京)

          開班盛況
        • Python人工智能+數據分析 <高端班>

          開班時間:2021-07-12(北京)

          預約報名

          開班時間:2020-09-21(上海)

          開班盛況
        • 云計算開發 <高端班>

          開班時間:2021-07-12(北京)

          預約報名

          開班時間:2019-07-22(北京)

          開班盛況
        在線咨詢
        試聽
        入學教程
        立即報名

        Copyright 2011-2023 北京千鋒互聯科技有限公司 .All Right 京ICP備12003911號-5 京公網安備 11010802035720號

        黑人100部Av解禁片
        <span id="35v3v"><th id="35v3v"></th></span>
        <address id="35v3v"></address>

          <address id="35v3v"></address>
            <address id="35v3v"><listing id="35v3v"><meter id="35v3v"></meter></listing></address>
              <listing id="35v3v"><listing id="35v3v"></listing></listing>

              <listing id="35v3v"><listing id="35v3v"><menuitem id="35v3v"></menuitem></listing></listing>

              <noframes id="35v3v"><noframes id="35v3v">