web前端發展歷史

Ⅰ 前端工程師的成長歷程

前端工程師如何定位自己
首先，這是很有前途的工作。
百安居的衛哲曾經對大學生擇業提出這樣的建議：第一選擇新行業，第二選擇新企業，第三選擇新部門。
互聯網行業相對傳統行業，算是新行業；現在創業公司很多；Web 前端工程師又是一個新的崗位。中國的 Web 前端工程師正在起步，會有很好的發展。
然後，想一下自己是否適合和喜歡這份工作。Web 前端工程師並不是設計師，我更傾向於將這個崗位定位為開發人員。這個崗位上每天接觸的更多的仍然是代碼、代碼、代碼。如果你喜歡的是設計，那麼應該適當調整自己的學習重點。Web 前端工程師應該是那種完美主義者，或者有一定程度潔癖，天蠍座較佳，更像程序員。術業有專攻，自己多想想自己的職業規劃。
最後，通過努力找到好的僱主。如果你將自己定位為 Web 前端工程師，那麼去投靠對該崗位有一定認識的公司比較合適（推薦一下淘寶）。在這樣的公司裡面，會有明確的職位說明和職責范圍，以及良好的培養計劃。在這樣的公司能夠有比較好的發展。
但是，如果你現在還不具備應有的一些技能，那麼也可以從「美工」開始接觸起。起碼幾年之內，這個崗位的空缺還是很大的。在這樣的崗位上，卧薪嘗膽個一兩年，同時注重自身知識水平和思想的提高，對 Web 前端工程師就更近一步了。

Ⅱ web前端未來將會有什麼樣的發展趨勢

前端前景是很不錯的，像前端這樣的專業還是一線城市比較好，師資力量跟得上、專就業的薪資也是屬可觀的，學習前端可以按照路線圖的順序，

0基礎學習前端是沒有問題的，關鍵是找到靠譜的前端培訓機構，你可以深度了解機構的口碑情況，問問周圍知道這家機構的人，除了口碑再了解機構的以下幾方面：

1. 師資力量雄厚

要想有1+1>2的實際效果，很關鍵的一點是師資隊伍，你接下來無論是找個工作還是工作中出任哪些的人物角色，都越來越愛你本身的技術專業前端技術性，也許的技術專業前端技術性則絕大多數來自你的技術專業前端教師，一個好的前端培訓機構必須具備雄厚的師資力量。

2. 就業保障完善

實現1+1>2效果的關鍵在於能夠為你提供良好的發展平台，即能夠為你提供良好的就業保障，讓學員能夠學到實在實在的知識，並向前端學員提供一對一的就業指導，確保學員找到自己的心理工作。

3. 學費性價比高

一個好的前端培訓機構肯定能給你帶來1+1>2的效果，如果你在一個由專業的前端教師領導並由前端培訓機構自己提供的平台上工作，你將獲得比以往更多的投資。

希望你早日學有所成。

Ⅲ Web前端是幹嘛的

web前端，做的工作與網站系統的頁面相關工作，主要是製作網頁，並且在原有的靜態頁內面上增加各種容特效，以及網上的維護等。

Web前端開發是一項很特殊的工作，涵蓋的知識面非常廣，既有具體的技術，又有抽象的理念。簡單地說，它的主要職能就是把網站的界面更好地呈現給用戶。使用到的主要技術包括：HTML、CSS、JavaScript，如果能會後台編程語言，當然會更好。

(3)web前端發展歷史擴展閱讀

Web前端開發所需要的技術基礎：

1、對常用的一些JS框架了解，如jQuery、YUI等。

2、掌握最基本的JavaScript計算方法編寫。

3、對目前互聯網流行的網頁製作方法（Web2.0）HTML+CSS，以及各大瀏覽器兼容性有很大的了解。

4、對前沿技術（HTML5+CSS3）的基本掌握。

5、還要對IT其他編程語言有所了解如：PHP，Java，.net！有一些公司還要求懂一點SEO優化。

Ⅳ web前端開發都包括哪些技術

web前端開發包括的來技術：

1、學好自CSS是網頁外觀的重要一點，CSS可以幫助把網頁外觀做得更加美觀。
2、div布局：DIV元素是用來為HTML文檔內大塊的內容提供結構和背景的元素。
2、學習JavaScript的基本語法，以及如何使用。JavaScript編程將會提高開發人員的個人技能。
3、了解Unix和Linux的基本知識雖然這兩點很基礎，但是開發人員了解Unix和Linux的基本知識是有益無害的。
4、html5+css3：移動端的網頁製作。在移動設備開發HTML5應用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用JavaScript引擎，現在也是前端的一個趨勢。
5、一些框架的應用：angular.js，node.js，bootsttap等框架的應用。
6、了解Web伺服器對Apache的基本配置，並且掌握htaccess配置技巧
7、web前端開發技術，還需要學習一些seo優化技術，因為前端是經常會和網站接觸的。
8、掌握web前端開發技術的同時，適當的學習一些後台開發語言（java，php等）也是一個不錯的選擇。

Ⅳ 什麼是Web前端

許多初學者對WEB前端還很陌生，不知道什麼是Web前端？web前端是干什麼的？以及web前端技術需要學習什麼？其實Web前端開發也戲稱「web前端開發攻城獅」，目前這個職位也叫「大前端」。這個職位好多人並不知道是怎麼叫出來的，那麼我偷偷告訴你：其實是淘寶團隊，發明出來的本土化的名稱，因為歷史原因，淘寶在2005以後迅速崛起，並且爆發式的訪問量，讓淘寶網的用戶體驗受到巨大考驗和急需前進。

然後淘寶官方第一次有了【web前端開發】這個字眼和招聘職位，或許其他網站也想到了這樣一種描述，但是畢竟知名度巨高的淘寶，受關注度自然高，口碑相傳，就把前端開發這個叫法發揚光大了。

而那時候的網頁設計師如果要入此道，必須要掌握的就是Dreamweaver，並不是說只有他能寫html和css，而是它在當時的自動提示實在太好用、太強大了，簡直不用費腦細胞，你就可以輕輕鬆鬆地完成你所想。在當時前端工具和編輯器貧乏的時代，這個絕對是神奇級別了（當然後來寫的多了都熟悉基本不用提示的）。當年還有很多基於Dreamweaver構建網站的教程，那時候真的是個基情滿滿的年代，這些工具類的歷史產物，有興趣的朋友可以去了解一下就好了.

Web前端工程師主要做什麼？前端工程師需要的知識和技能？

前端工程師是互聯網時代軟體產品研發中不可缺少的一種專業研發角色。從狹義上講，前端工程師使用HTML、CSS、JavaScript等專業技能和工具將產品UI設計稿實現成網站產品，涵蓋用戶PC端、移動端網頁，處理視覺和交互問題。從廣義上來講，所有用戶終端產品與視覺和交互有關的部分，都是前端工程師的專業領域。

前端是最接近產品和設計的工程師，起到銜接產品和技術的作用，前端為用戶可以看到的部分負責，所以也是最接近用戶的工程師。

在多終端的時代，如果一個產品同時支持PC、移動端，前端工程師還需要和更多的角色打交道。

前端要解決界面和交互問題，實際上UI層面上的問題一直是軟體工程方面的一個難題，因為UI不停地在變化。瀏覽器各個版本的兼容性、Web標准、移動設備、多終端適配，給了前端工程師很大的挑戰，對前端工程師的能力也有很高的要求。許多UI問題有不只一種解決方法，許多問題有非常巧妙的思路和精彩的解決辦法，前端在工程師群體里是屬於非常有創造力的一個群體，因為這個行業需要豐富的創造力和想像力。

前端工程師還是Web標準的制定者、實踐者和推動者，而現在的W3C標准不僅僅局限於瀏覽器，還包括各種手持智能設備，車載設備、智能家居等等。在未來萬物互聯的時代，前端將不僅僅是網頁上的工程師， 而是所有人機交互領域的工程師。

web前端自學建議：

1、作為一個初學者，你必須明確系統的學習方案，我建議一定要有一個指導人，全靠自己學，放棄的幾率非常大，在你對於web前端還沒有任何概念的時候，需要一個人領進門，之後就全靠自己鑽研，第一步就是確定web前端都需要學哪些東西，並且在多長時間內學完，建議時間6個月保底。

2、視頻為主，書為輔。很多初學者在學習前端的時候非常喜歡去買書，但是最後的結果是什麼？看來看去什麼都不會寫，所以在這里告訴大家，書可以看，但是是建立在你已經對於某個知識點有了具體的操作的執行後，再用書去鞏固概念，這樣更加利於你對知識的理解。

3、對於學習技術來講，掌握一個學習方法是非常重要的，其實對於學習web前端來講，學習方法確實很多都是相通的，一旦學習方法不對，可能就會造成「方法不對，努力白費」。其實關於這反面還是很多的，我就簡單說個例子，有的人邊聽課邊敲代碼，這樣是不對的，聽課的時候就專心聽，做題的時候就專心做題，這都是過來人的經驗，一定要聽。根據每個人的不同，可能學習方法也會有所出路，找到適合自己的學習方法是學習的前提。

自學路線：

第1階段：前端頁面重構(4周)

內容包含了：(PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目)

第2階段：JavaScript高級程序設計(5周)

內容包含：(原生JavaScript交互功能開發項目、面向對象進階與ES5/ES6應用項目、JavaScript工具庫自主研發項目)

第3階段：PC端全棧項目開發(3周)

內容包含：(jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)

第4階段：移動端項目開發(6周)

內容包含：(Touch端項目、微信場景項目、應用Angular+Ionic開發WebApp項目、應用Vue.js開發WebApp項目、應用React.js開發WebApp項目)

第5階段：混合(Hybrid,ReactNative)開發(1周)

內容包含：(微信小程序開發、ReactNative、各類混合應用開發)

第6階段：NodeJS全棧開發(1周)

內容包括：(WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫)

書籍資料自己上網查查，視頻教程的話，我建議你去B站溜達溜達，很多全套並且免費的教程都在B站，還有很多大佬直播講解知識點，和不錯哦！

Ⅵ Web前端開發的核心技術有哪些

1.開發語言

HTML發展歷史有二十多年，歷經多次版本更新，HTML5和CSS3的出現又是一次革新，有些人認為前端開發要掌握的技能簡單，不就是製作網頁 嘛，其實不然，web前端需要掌握的核心語言xHTML+CSS+Java，Java作為最難的語言之一，許多編程高手也不敢妄 自菲薄自封精通。由於Java與html的差異性，以及靜動態分開處理的一些好處。在大公司編寫靜態效果和動態效果往往是分開由不同的人完成 的。小公司因為需要壓縮成本，就要求每個人會的越多越好，如果您想往項目經理發展，能懂一兩門**語言，絕對是錦上添花!

2.瀏覽器兼容性

互聯網目前主流瀏覽器有IE6789，Firefox，Chrome，Opera，Safari，遨遊，包括國內主流的搜狗，騰訊 TT，360，the World等等;從內核上講主要有IE的，遨遊版IE，safari，firefox以及opera的，這些都是大家常見的，如果你身邊有老網蟲喜歡收藏 瀏覽器，你翻翻他的硬碟，相信幾十款肯定是有的(或查看前端社區中的瀏覽器大全)。每種內核對代碼的解析是不完全一樣的，即使同樣內核也可能存在很大差異，如IE和遨遊版的IE。不說非主流的瀏覽器，就主流的瀏覽器要做到完全兼容，也並非易事，需要長時間的積累和測試，需要前端開發工程師對前端開發的熱愛和激情。

目前移動互聯網的發展趨勢也不容小覷，將慢慢占據互聯網的主要份額。移動互聯網最突出的好處是方便和及時，試想一下，走在某地風景很好，拍下來後自 動分享給各路好友，因此手機上的瀏覽器兼容也看刻不容緩，現在手機上的瀏覽器也是紛繁復雜，主流的UCWEB，safari，IE，3G門戶的，以及 symbian低端機的「殘缺兒童」，包括國外流行手機我們不知道的一些瀏覽器，更糟糕的是這些瀏覽器解析因為手機硬體的不同，每個瀏覽器得到的結果都是 完全不同的。

3.hack技術

由於不同的瀏覽器對CSS的解析認識不一樣，因此會導致生成的頁面效果不一樣，這個時候就需要針對不同的瀏覽器寫不同的CSS，這個過程叫CSS hack。雖然我們寫代碼都要求按照標准，不寫hack代碼，但實際工作中為了兼容主流瀏覽器，hack代碼是免不了的，所以這也應該是每個前端開發人員 必備的技能。

4.業內標准

目前Web前端開發中提到最多的就是W3C標准，這是一系列標準的集合，代表了互聯網發展的方向，也代表了前端開發的一種信仰。寫的代碼都要100%通過標准驗證，為通過標准驗證而感到自豪，會有效推動互聯網的快速發展。

5.開發工具

目前比較流行的是Dreamweaver， 其曾經風靡一時，到現在也沒有退出歷史舞台，證明DW還是有很大優勢的，尤其是針對初學者，其強大的提示功能可以幫助我們很快的熟悉並掌握網頁布局，但現 在更提倡的是純手寫代碼，既體現技能方面的卓越，也可有效避免使用DW等工具產生的冗餘代碼。

Ⅶ web前端開發項目過程

老闆或甲方是一個需求的真正發起者，也是一個基礎idea的夢想師，產品是需求專業化梳理或進行有效評估細化需求負責的，

而設計是前端的上游，前端是設計的下游。設計的工作目的是把產品宏觀的思維結果進行專業的處理，因為按一般的習慣，產品最終的結果是原型圖，而原型圖可以理解為設計的草圖，
對真正的用戶來說，這個草圖過於簡單或不符合使用的操作習慣，所以需要設計師進行專業的處理，比如顏色搭配，布局分隔，有時候還兼交互的一部分工作，設置用戶與頁面發生交互的預訂流程，
那有人問，不需要設計不行嗎？直接讓前端寫頁面不就得了，還需要麻煩設計師來做個圖出來。
因為這里邊有一個成本風險控制的一個理念，因為在前期，尤其是設計，主觀感受大於理性的思考，所以每天的結果都不一樣，所以需要設計師去消化掉這部分主觀感受帶來的誤區，
而且從成本上來講，有些場景設計師改圖比改代碼要容易控制一些。
設計師的結果是psd文件，他是很多個圖層疊加在一起的結果，而前端的工作結果html頁面，是把很多圖層上的效果，有機的用html組織起來的過程。
前端是把轉化後html交給下游服務端開發工程師，或叫後台開發，這個html里邊包括一些交互的js文件等。總的來說前端是一個承前啟後的崗位。
也有的公司把前端的責任放大，負責整個前台view層頁面的開發，這樣的好與壞在前面的文章中已經探討過就不一一細表了。
我們以前基本的流程是，領導或甲方提出需求，然後產品分析需求，並且根據需求畫出原型圖，然後根據原型圖出設計稿。
出完設計稿團隊評審，過後交與前端製作靜態頁面，然後靜態頁面，交與設計審核，過後交給開發人員，進行動態數據的添加。
添加完之後，發布測試環境，產品測試領導審核，成功後，直接發布產品環境。或進行版本迭代。
這是整個的一個設計，開發，部署的流程。
根據前面的，在補充一下，前面的所有流程中的靈魂是原始需求提出者，但人隨著客觀條件的變化，思維認識會有所不一致，
所以產生了文檔，文檔是貫穿整個流程的一個靈魂。
而產品是整個流程中文檔的編寫者，因為產品最能接觸最原始的需求，對需求的理解更深刻或專業，所以他會有一個文檔出來。
這個文檔是需要交付給設計，讓設計在設計過程中進行參考。
前端看的另外一個文檔。交互設計師出交互文檔，一般的公司沒有交互設計師那就是由產品來出的交互文檔。
有的交互不過於復雜，就沒有文檔，只是郵件。
有時候說，不要這個郵件行不行，那怕是最簡單的原始東西，沒有文件或郵件是不能做一個後期測試回溯的依據。
產品文檔表示頁面的流轉或數據的走向，交互文檔描述頁面復雜的交互或各個用戶表單與用戶發生的各種互動。
另外2個是，要架構師或項目經理出的需求文檔，需求文檔是對整個項目的歷史背景，系統開發軟硬體要求，或版本信息，等等。
另外一個是由服務端工程師提供的介面文檔，這里邊包括一些請求類型，傳參的數目與鍵名，還有服務端返回的參數名約定等等的，這些文檔是開發中的靈魂，也是以後測試回溯的標准或依據。

Ⅷ Web前端開發工程師有前景嗎

Web前端開發工程師是從2007年起，開始受到廣泛關注的一個新興職業。我們追溯前端回二十年的發展歷史可答以知道，Web前端開發工程師的前身是用Photoshop和Dreamweaver搭建網頁的美工師。
在進入互聯網Web 2.0時代後，各種類似桌面軟體的Web應用大量涌現，網頁不再只是承載單一的文字和圖片，各大企業對於Web前端開發工程師的需求也呈現求賢若渴的狀態。目前web前端工程師的年薪待遇平均在10萬以上，高級HTML前端工程師年薪達30—50萬。
在2019年，前端開發在經歷了前兩年的火熱之後，大浪淘沙，總算沉澱下來。但是計算機科學基礎的核心沒有變化，而將繼續分化領域，細分專業。前端行業的持續發展使前後端逐漸融合，走向全棧，人工智慧和物聯網也逐漸與前端開發結合。這些變化都帶給前端開發行業很多機會，也給前端們帶來很多挑戰，無法適應發展趨勢自然會被淘汰。

Ⅸ 什麼是web前端

• web前端開發也戲稱「web前端開發攻城獅」，目前這個職位也叫「大前端」。這個職位好多人回並不知道是怎麼叫出來的答，其實是淘寶團隊，發明出來的本土化的名稱，因為歷史原因，淘寶在2005以後迅速崛起，並且爆發式的訪問量，讓淘寶網的用戶體驗受到巨大考驗和急需前進。

• 在早期點Web前端不叫前端，而是被親切的叫做「網頁設計師」，沒錯你沒看錯，就是這個名字，我記得那時候【網頁三劍客】的說法滿天飛，你掌握了這3賤客，真的很賤，就可以被人叫做網頁設計師了。

Ⅹ 前端領域有哪些

Web前端開發所涉及的內容主要包括W3C標准中的結構、行為和表現，那麼這三項中我們需要掌握的核心技能是什麼呢？
1、開發語言
HTML發展歷史有二十多年，歷經多次版本更新，HTML5和CSS3的出現又是一次革新。有些人認為前端開發要掌握的技能簡單，不就是製作網頁嘛，其實不然，web前端需要掌握的核心語言xHTML+CSS+JavaScript，JavaScript作為最難的語言之一，許多編程高手也不敢妄自菲薄自封精通。由於JavaScript與html的差異性，以及靜動態分開處理的一些好處。在大公司編寫靜態效果和動態效果往往是分開由不同的人完成的。小公司因為需要壓縮成本，就要求每個人會的越多越好，如果您想往項目經理發展，能懂一兩門後台語言，絕對是錦上添花！
2、瀏覽器兼容性

互聯網目前主流瀏覽器有IE6\7\8\9，Firefox，Chrome，Opera，Safari，遨遊，包括國內主流的搜狗，騰訊TT，360，theWorld等等；從內核上講主要有IE的，遨遊版IE，safari，firefox以及opera的，這些都是大家常見的，如果你身邊有老網蟲喜歡收藏瀏覽器，你翻翻他的硬碟，相信幾十款肯定是有的。每種內核對代碼的解析是不完全一樣的，即使同樣內核也可能存在很大差異，如IE和遨遊版的IE。不說非主流的瀏覽器，就主流的瀏覽器要做到完全兼容，也並非易事，需要長時間的積累和測試，需要前端開發工程師對前端開發的熱愛和激情。目前移動互聯網的發展趨勢也不容小覷，將慢慢占據互聯網的主要份額。移動互聯網最突出的好處是方便和及時，試想一下，走在某地風景很好，拍下來後自動分享給各路好友，因此手機上的瀏覽器兼容也看刻不容緩，現在手機上的瀏覽器也是紛繁復雜，主流的UCWEB，safari，IE，3G門戶的，以及symbian低端機的「殘缺兒童」，包括國外流行手機我們不知道的一些瀏覽器，更糟糕的是這些瀏覽器解析因為手機硬體的不同，每個瀏覽器得到的結果都是完全不同的。
3、hack技術
由於不同的瀏覽器對CSS的解析認識不一樣，因此會導致生成的頁面效果不一樣，這個時候就需要針對不同的瀏覽器寫不同的CSS，這個過程叫CSShack。雖然我們寫代碼都要求按照標准，不寫hack代碼，但實際工作中為了兼容主流瀏覽器，hack代碼是免不了的，所以這也應該是每個前端開發人員必備的技能。
4、行業內標准
目前Web前端開發中提到最多的就是W3C標准，這是一系列標準的集合，代表了互聯網發展的方向，也代表了前端開發的一種信仰。寫的代碼都要100%通過標准驗證，為通過標准驗證而感到自豪，會有效推動互聯網的快速發展。
5、開發工具
目前比較流行的是Dreamweaver，其曾經風靡一時，到現在也沒有退出歷史舞台，證明DW還是有很大優勢的，尤其是針對初學者，其強大的提示功能可以幫助我們很快的熟悉並掌握網頁布局，但現在更提倡的是純手寫代碼，既體現技能方面的卓越，也可有效避免使用DW等工具產生的冗餘代碼。此外再掌握一些photoshop技能，即使沒有美工，也能簡單處理一些圖像。
小結，掌握以上技能，可以說你是一個合格的前端開發人員，能夠參與到一個大的項目中，或者自己獨立寫出一個網頁。雖然這看起來和網頁製作設計差不多，從效果上來看，都是製作網頁的，但實際上，技術上所超出的已經是好幾個檔次的東西了。