在web開發中,為什麼前端比後端更得到轉行程式員的青睞?必看

来源:https://www.cnblogs.com/TT485480/archive/2020/05/15/12893764.html
-Advertisement-
Play Games

1、Web開發分類與區別 人們通常將Web分為前端和後端,前端相關的職位有前端設計師(UI/UE),前端開發工程師,後端相關的有後端開發工程師。 2、技術棧區別 在各大招聘網站上,公司對前端開發工程師的要求莫過於精通HTML,CSS,JS,有良好的交互設計能力等。再看公司對後端開發工程師的要求: 比 ...


1、Web開發分類與區別

人們通常將Web分為前端和後端,前端相關的職位有前端設計師(UI/UE),前端開發工程師,後端相關的有後端開發工程師。

 

 

2、技術棧區別

在各大招聘網站上,公司對前端開發工程師的要求莫過於精通HTML,CSS,JS,有良好的交互設計能力等。再看公司對後端開發工程師的要求:

比如Java開發工程師,要求精通Java,熟練掌握Java網路編程;

熟練運用SSH等開源框架;

熟悉互聯網開發模式,清晰理解緩存,緩存設計和模式;

精通TCP/IP、HTTP等網路協議,精通socket網路編程,有用Java做大訪問量高壓力網路應用的經驗;

熟悉Linux/Nginx;

熟練配置維護Apache,Tomcat,Resin等應用伺服器,掌握shell/awk/python等系統腳本工具;

熟練掌握SQL語句,熟練使用資料庫(MySQL,Oracle);

掌握Html/Javascript/Css/Ajax 等頁面技術熟練使用Eclipse/Maven/Ant/SVN等軟體開發工具;

Web架構的性質決定服務端開發的複雜性,服務端的複雜性決定後端開發人員要掌握的技術。

3、學習成本區別

用3年時間學習Web前端開發,多數同學都能夠成為一個優秀的Web前端開發工程師。同樣,用3年時間學習後端開發,多數同學只能算是入門。Web前端開發人員需要掌握HTML,CSS,JS,對於其他框架的學習也只是熟悉下框架的用法。這三種語言本身也很簡單,很容易上手。對於後臺開發人員來說,開發語言的多樣化,技術框架的選擇,平臺性能的瞭解都是需要經驗積累的。比如Java,你需要精通Java語言,熟悉jdk源碼,熟悉JVM性能優化,熟悉SSH框架,熟悉Mysql,熟悉各種技術,這些都不是短時間就能上手的。

Web前端開發入門門檻低,學習曲線跟服務端開發語言先慢後快相比,趨勢是先快後慢。註:後慢是因為後期的學習已經超過Web前端開發的範圍,比如SEO,伺服器端知識,HTTP協議,這些學習本身就是慢的過程。

4、錢景&前景

由於互聯網行業的極速擴張,各大公司對Web前端工程師的需求非常旺盛,自然錢景旺旺。加上HTML5規範的最終定稿,必定引起Web的熱潮。NodeJS在伺服器端的延伸也使JS大放光彩。

Web前端開發入門門檻低,但需求旺盛,特別是有經驗的Web前端開發人員。

Web前端開發技術發展越來越成熟,且適用範圍更廣。比如HTML5可以替代原生APP(性能方面有待考究),JavaScript能夠用於資料庫操作(MongoDB等NoSQL支持JS語法),NodeJS能夠讓JavaScript在伺服器端運行,只要會Js語法不用後端開發語言照樣開發服務端程式。

node的技術的加入,讓現在前端幾乎無所不能,現在Web前端開發技術支持全棧式開發。

我認為Web前端工程師正慢慢演變為產品工程師。WAP App,響應性UI等以HTML5技術為基礎的開發將成為Web前端工程師的主要工作內容,解決產品跨平臺跨設備的實現問題。Javascript,HTML,CSS 這些Web前端工程師熟悉的,多年使用的語言,作為開放標准將被各種平臺所支持。

產品形態和數據的分離是形勢所趨。移動時代對產品形態多元化的要求雖然可以靠不同技術分別實現,但要付出巨大的成本。這也是HTML5這個04年就提出來的標準。

現階段的價值也很大。Web 產品交互越來越複雜,用戶使用體驗和網站前端性能優化,這些都需要專業的Web前端工程師來解決。另外,在項目中還要彌補設計師在交互設計上的不足,Web前端工程師在開發過程中起著重要的承上啟下的作用。

一兩個Web前端工程師就可以讓整個開發並行起來,讓設計到實現的轉換更順利。明智的公司應該貯備Web前端工程師資源。

我不認為Web前端工程師和產品經理有什麼關係,但是好的Web前端工程師一定會成為好的交互設計師,Web前端工程師對信息架構的理解應不亞於專業的交互設計師。

 前端就是後臺實現和視覺表現的橋梁,是貫穿在整個產品開發過程的紐帶,起到承上啟下的作用。一個好的Web前端工程師他能夠很好理解產品經理對用戶體驗的要求,也能夠很好地理解後臺工程師對數據邏輯。或者程式邏輯進行分離的要求,並將這些要求轉化成前臺的開發工作。前端就是網站的門面,它的價值遠大於其他的客戶端開發。

up是一個從事前端開發6年的程式員,在前端領域混了這幾年,總結了一套前端學習的精講視頻和學習路線,如果有對前端開發感興趣的伙伴,不管你是想轉行,或是大學生,還有工作中想提升自己能力的web前端黨,歡迎大家的加入我的前端開發交流群:603985993 希望大家誠心交流!,與企業需求同步。好友都在裡面學習交流,每天都會有大牛定時講解前端技術!


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

-Advertisement-
Play Games
更多相關文章
  • jQuery工具方法$.Callbacks()的簡單實現: (function () { //創建一個jQuery構造函數 function jQuery(selector) { return new jQuery.prototype.init(selector); } //為jQuery的原型添加 ...
  • # 回調地獄 - 因為$.ajax()嵌套過多,導致回調地獄,形成三角形代碼 ```js $.ajax({ url: 'https://www.baidu.com',//隨便寫的地址,不能使用 type: 'GET', success: function (res) { $.ajax({ url:  ...
  • ElementUI 中的el-upload 上傳圖片 我進行了二次封裝。(預設大家都是有一定的vue基礎的,細節就不過多的講了) 在項目中我們主要拿到圖片或者其他的一些參數 ,我這裡是上傳後返回的Guid, 所以上傳的動作我就集中處理了,像 input 的 v-model 直接獲取到參數 頁面展示代 ...
  • 兩個數組取交集 vs 多個數組取交集 => js reduce函數的妙用 <script> // 值集數組 let arr1 = [1,2] let arr2 = [2,3] let newArr1 = arr1.filter(val=>{ return new Set(arr2).has(val) ...
  • 我們在開發中會封裝許多的通用的組件,那麼如何封裝好一個組件時,在調用的時候綁定click事件呢?1.child組件 <template> <div class="child" @click="$emit'childClick',123) /> //說明:第一個參數:childClick ,是事件名, ...
  • //Android微信中,藉助WeixinJSBridge對象來阻止字體大小調整 (function() { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFo ...
  • 【目錄】 一、number 二、string 三、array 四、math 五、date 六、自定義對象 一、number 二、string 三、array 四、math 五、date 六、自定義對象 參考閱讀: https://www.cnblogs.com/xiaoyuanqujing/arti ...
  • electron設置托盤 // 設置系統托盤 const setAppTray = () => { // 托盤對象 var appTray = null // 系統托盤右鍵菜單 var trayMenuTemplate = [ { label: '退出', click: function() { / ...
一周排行
    -Advertisement-
    Play Games
  • Dapr Outbox 是1.12中的功能。 本文只介紹Dapr Outbox 執行流程,Dapr Outbox基本用法請閱讀官方文檔 。本文中appID=order-processor,topic=orders 本文前提知識:熟悉Dapr狀態管理、Dapr發佈訂閱和Outbox 模式。 Outbo ...
  • 引言 在前幾章我們深度講解了單元測試和集成測試的基礎知識,這一章我們來講解一下代碼覆蓋率,代碼覆蓋率是單元測試運行的度量值,覆蓋率通常以百分比表示,用於衡量代碼被測試覆蓋的程度,幫助開發人員評估測試用例的質量和代碼的健壯性。常見的覆蓋率包括語句覆蓋率(Line Coverage)、分支覆蓋率(Bra ...
  • 前言 本文介紹瞭如何使用S7.NET庫實現對西門子PLC DB塊數據的讀寫,記錄了使用電腦模擬,模擬PLC,自至完成測試的詳細流程,並重點介紹了在這個過程中的易錯點,供參考。 用到的軟體: 1.Windows環境下鏈路層網路訪問的行業標準工具(WinPcap_4_1_3.exe)下載鏈接:http ...
  • 從依賴倒置原則(Dependency Inversion Principle, DIP)到控制反轉(Inversion of Control, IoC)再到依賴註入(Dependency Injection, DI)的演進過程,我們可以理解為一種逐步抽象和解耦的設計思想。這種思想在C#等面向對象的編 ...
  • 關於Python中的私有屬性和私有方法 Python對於類的成員沒有嚴格的訪問控制限制,這與其他面相對對象語言有區別。關於私有屬性和私有方法,有如下要點: 1、通常我們約定,兩個下劃線開頭的屬性是私有的(private)。其他為公共的(public); 2、類內部可以訪問私有屬性(方法); 3、類外 ...
  • C++ 訪問說明符 訪問說明符是 C++ 中控制類成員(屬性和方法)可訪問性的關鍵字。它們用於封裝類數據並保護其免受意外修改或濫用。 三種訪問說明符: public:允許從類外部的任何地方訪問成員。 private:僅允許在類內部訪問成員。 protected:允許在類內部及其派生類中訪問成員。 示 ...
  • 寫這個隨筆說一下C++的static_cast和dynamic_cast用在子類與父類的指針轉換時的一些事宜。首先,【static_cast,dynamic_cast】【父類指針,子類指針】,兩兩一組,共有4種組合:用 static_cast 父類轉子類、用 static_cast 子類轉父類、使用 ...
  • /******************************************************************************************************** * * * 設計雙向鏈表的介面 * * * * Copyright (c) 2023-2 ...
  • 相信接觸過spring做開發的小伙伴們一定使用過@ComponentScan註解 @ComponentScan("com.wangm.lifecycle") public class AppConfig { } @ComponentScan指定basePackage,將包下的類按照一定規則註冊成Be ...
  • 操作系統 :CentOS 7.6_x64 opensips版本: 2.4.9 python版本:2.7.5 python作為腳本語言,使用起來很方便,查了下opensips的文檔,支持使用python腳本寫邏輯代碼。今天整理下CentOS7環境下opensips2.4.9的python模塊筆記及使用 ...