畢業生想學習web前端開發,有什麼好的發展方向嗎?

来源:https://www.cnblogs.com/TT485480/archive/2020/06/09/13070958.html
-Advertisement-
Play Games

先說一下現在公司企業招聘前端開發人員需要掌握哪些技術要求 目前企業招聘前端工程師的基本需求: 1.精通DIV+CSS網頁框架佈局的HTML代碼編寫,熟悉W3C標準; 2、使用HTML5/CSS3熟練地進行頁面開發; 3.具備良好的前端架構分析能力與設計能力,與開發團隊保持良好溝通; 4.精通各主流瀏 ...


先說一下現在公司企業招聘前端開發人員需要掌握哪些技術要求

目前企業招聘前端工程師的基本需求:

1.精通DIV+CSS網頁框架佈局的HTML代碼編寫,熟悉W3C標準;

2、使用HTML5/CSS3熟練地進行頁面開發;

3.具備良好的前端架構分析能力與設計能力,與開發團隊保持良好溝通;

4.精通各主流瀏覽器(IE6+、Firefox、Chrome、Safari)間的差異性,能快速定位和解決各種相容難題;

5.熟悉JavaScript、Ajax、Flash、JQuery、ExtJS等各種Web前端開發技術,具備一定的跨瀏覽器開發經驗;

6.熟悉Vue,react

前端發展方向:

這裡我給出一張圖,是我自己理解的前端工程師的技能模型。

 

 為了方便你理解,我把這些技能具體放進前端工程師的不同級別里,你可以對照著找到一條符合自己實際情況的前端進階之路。下麵我就一部分一部分地詳細講講前端技能樹是如何發展的。
助理工程師
首先來說說 助理前端工程師,對標的是阿裡的 P4 級別。它的要求是基本的編程能力。什麼叫基本的編程能力呢?我認為就是熟練地用電腦編程語言表達任何邏輯的能力。一般來說,在大學學習過電腦專業的學生應該具備編程能力。
助理工程師的定義是“能夠在輔助下完成工作”,因此不是所有公司都會招聘助理工程師的,因為嚴格來說,助理工程師不具備獨立工作的能力,他的工作產出可能是負數。但是招聘助理工程師的公司,一般都是看重應聘人的潛力,期望能快速成長。
工程師
接下來我們說說 前端工程師,對標阿裡 P5 級別。它的要求是掌握基本的前端技能,這樣說也許有點模糊,但是換個說法就很明白了,基本前端技能就是“綜合運用 HTML、JavaScript、CSS 完成任何界面和交互需求”。這個“任何界面和交互需求”,看似要求很高,但是如果你寫過前端就知道,這是任何前端的基本技能——大不了用圖片唄。
其實這個級別的工程師,水平跨度非常大,界面寫出來了,但是相容性如何、代碼可維護性如何、離了框架能不能寫出來、語義表現分離能做到嗎、開發過程中能不能做到有效溝通...... 還會有很多問題。而這些問題,決定了一個前端工程師的潛力,一些好一點的公司招聘這個級別的工程師,除了“基本的前端技能”之外,還會對我上面提到的這些問題有所要求。
關於助理前端工程師和前端工程師,能力方面主要的要求是 編程能力,知識方面的要求是一個“可用”的最小集合。
資深工程師
我們接著往下講,資深前端工程師,對標阿裡 P6 級別。到了這個階段,我們可以看到圖上開始出現不同的區塊了,這意味著,對資深前端工程師的要求,也是多元化的。
我們用一句話來概括,資深前端工程師,要求開始關註並且解決項目中的問題。什麼樣的問題呢?可能是別人做不出來的技術難題,也可能是容易出錯的代碼,或者說無意義的重覆勞動,或者是業務上想不出來合適的交互…… 等等。
其實對資深前端工程師的要求是很自由的,我上面的圖中給出的僅僅是幾個例子,比如組件化可以解決重覆勞動問題和開發耦合問題;工具可以解決的問題有很多,生成代碼的工具提高效率,代碼檢查工具提高質量;性能優化則會帶來業務價值,這些都是資深前端工程師可以做的事情,並且只要把其中一兩項做好,就可以達到資深前端工程師的水平。
再有就是 這個級別開始對架構能力和工程能力有所要求了,但還處於萌芽階段,一些天賦好的同學可以憑感覺達到這個水平。
技術專家
下麵說說 前端專家,對標阿裡 P7 級別。到了這個級別,我們從圖上可以看到,要求又不一樣了,比如組件變成了組件體系,工具變成了工具鏈和持續集成體系,性能優化變成了性能體系。這些東西變得不僅僅是稱呼,還有工作的內容,這個級別跟資深工程師的主要區別是,從解決單點問題變成系統性方法,從服務自己變成服務團隊,從一次性發揮變成持續性輸出。
比如,資深工程師可能做一些組件,然後在項目裡面用,自己的代碼可維護性提升了,復用也做得更好了。但是前端專家要考慮制定組件規範推廣到團隊,還要做培訓,考慮組件如何開發、管理和下線。資深工程師做性能,把自己的頁面優化好了就可以了,但是前端專家就需要考慮採集數據、做報表和監控、總結 checklist、跟工具結合、定性能指標等等。
由於這個級別對架構能力、工程和軟技能要求很高,所以算是比較難以跨越的。
高級技術專家
最後來說 高級前端專家,對標阿裡的 P8 級別。我們從圖上看,這個級別分開的發展方向又聚合到了一起。高級前端專家做事的關鍵是審時度勢,需要在前面講的前端專家所掌握的各個領域里,組合出一套適合自己所在團隊的方案。比如做企業內部系統的前端團隊,可能對性能要求就沒那麼高,但電商前端團隊因為運營活動頻繁,就需要很好的組件體系,這裡很難有一定的規則,全靠人來把握。
到這個級別,對工程能力的要求就很高了,而且即使不帶人的高級前端專家,也必定涉及一些管理能力。

為了讓大家在自己的前端生涯中少走一些彎路,我親自做了這麼一門課:用我自己一路從碼農到創業者的親身經歷,帶大家感受前端程式員的職業發展規劃;也希望通過十年前端老兵的視角,貼近大廠面試實戰,帶你打造自己的前端能力閉環,構建完整的前端知識脈絡。對web開發技術感興趣的同學歡迎加入新建的Q群:603985993,不管你是小白還是大牛我都歡迎,希望大家誠心交流!還有大牛整理的一套高效率學習路線和教程與您免費分享,與企業需求同步。好友都在裡面學習交流,每天都會有大牛定時講解前端技術!


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 前言 本文是我在閱讀 Koa 源碼後,並實現迷你版 Koa 的過程。如果你使用過 Koa 但不知道內部的原理,我想這篇文章應該能夠幫助到你,實現一個迷你版的 Koa 不會很難。 本文會循序漸進的解析內部原理,包括: 基礎版本的 koacontext 的實現中間件原理及實現 文件結構 applicat ...
  • 目錄 利用nexus搭建npm repository 配置開發環境的registry為我們自己的私有倉庫 編寫自定義vue組件 將自定義組件作為npm包上傳到nexus的repository中 在vue工程中使用使用自己製作的vue組件 nexus搭建npm repository nexus啟動(d ...
  • 前言 本文主要以開發的角度講解Node.js,Npm和Vue。 Node.js學習 什麼是Node.js Node.js簡單來說就是一個IISExpress,提供一個前端Html的獨立運行環境。 安裝Node.js 首先進入官網下載安裝包,官網下載地址:https://nodejs.org/en/d ...
  • 有很多同學留言說,越學越迷茫,不知道該從哪裡下手,今天梳理了一些學習web前端的經驗,以及學習的步驟,分享給大家,希望對你們學習能有幫助。 ...
  • 1.什麼是Iterator ? 遍歷器(Iterator)它是一種介面,為各種不同的數據結構提供統一的訪問機制。任何數據結構只要部署 Iterator 介面,就可以完成遍歷操作。 Iterator 的作用有三個: 1.是為各種數據結構,提供一個統一的、簡便的訪問介面; 2.是使得數據結構的成員能夠按 ...
  • 前言 使用vue、react、angular等技術開發過程中,我們都會遇到以下問題: 首屏載入慢 每一次更新都需要清除瀏覽器緩存才能看到效果(經常被測試吐槽) 這兩個問題可以從很多方面進行優化,今天我就從前端頁面部署階段來優化一下這兩個問題。PS:以下內容都基於vue-cli3+。 3.光理論是不夠 ...
  • 前言 這幾天 Vue 3.0 Beta 版本發佈了,本以為是皆大歡喜的一件事情,但是論壇里還是看到了很多反對的聲音。主流的反對論點大概有如下幾點: 義大利面代碼結構吐槽: “太失望了。雜七雜八一堆丟在 setup 里,我還不如直接用 react” 我的天,3.0 這麼搞的話,代碼結構不清晰,語義不明 ...
  • 坐標珠海,前端程式媛一枚 實習時候做的是測試,2.5k+600餐補; 後來覺得對前端更有興趣所以重新找工作,但是苦於沒有經驗,畢業第一年在一個傳統行業的公司找到了一個前端崗位,薪酬4k,公司主要是接政府項目,伺候甲方爸爸。 前端崗位歸在產品組,實際做的是產品經理+UI+交互+代碼 產品組長/真 · ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...