㈠ web前端工程師應具備哪些知識,技能和才幹
摘要 客官你好，一、網頁的基本結構(HTML、CSS)
㈡ 轉行web前端工程師需要學習哪些內容
第一階段：你要從最基礎的HTML/CSS開始，簡單地說，HTML就是一堆非常簡單的標簽，而CSS則是把你畫畫的流程用英語按一定的格式寫出來。然後你需要理解常用HTML標簽的意思，學會各種CSS的屬性，還有CSS的盒模型、優先順序、選擇器……
第二階段：Java學習，你要是想在網頁上實現交互效果，比如輪播圖、點擊按鈕後播放動畫等等，那麼就必須學會Java。Java是一門完整、強大、熱門的編程語言，瀏覽器的各種交互效果都由它來做到的。你先要了解一些基礎的Java概念(變數、函數、基本類型)後，然後學習jQuery(Java代碼庫的一種)，並且通過jQuery繼續使用CSS的選擇器。
專精HTML/CSS的前端從業人員也就是前端重構。這里要提一下，有一個職業對於這塊很有優勢，那就是設計師。不管是UI設計師，還是平面設計師，在頁面上如何寫頁面，也知道怎麼做的更好，並且更加理解Web世界，做出更“系統化”的設計。關於CSS的知識，你需要理解文檔流、浮動流等各種定位的方式與原理，理解CSS 的繼承復用思想、理解瀏覽器的差異、兼容等。關於HTML的知識，你需要學習語義化、可訪問性與結構的合理，以及“結構與樣式的分離”等。
如果你還處於迷茫階段或者是一個小白，那你不要著急著手開始學習，因為沒有目的和方法的學習，只會走彎路。這時候，建議你先深入了解有關前端方面的所有資訊，包括前景、就業、行業發展、技術囊括、職業等等，這樣才能有目的和方向的學習。
以上就是環球青藤小編關於web前端工程師學習內容的相關分享，最後祝願大家能在全棧開發道路上走出一片更寬更廣的天地!
㈢ web主要學什麼
了解web前端
Web前端開發是從網頁製作演變而來的，名稱上有很明顯的時代特徵。在互聯網的演化進程中，網頁製作是Web1.0時代產物，那時網站的主要內容是靜態的，用戶使用網站的行為也以瀏覽為主。2005年以後，互聯網進入Web2.0時代，各種類似桌面軟體的Web應用大量涌現，網站的前端由此發生了翻天覆地的變化。網頁不再只是承載單一的文字和圖片，各種富媒體讓網頁的內容更加生動，網頁上軟體化的交互形式為用戶提供了更好的使用體驗，這些都是基於前端技術實現的。說得直白點就是美工photoshop，交互設計，flash，js，html+css。就小規模公司而言，一個技術員都得會這幾樣技能，這樣很鍛煉人的，慢慢的你就會成為公司的主力。大規模的公司把這些分得很細，所以，你可以精通一門，熟悉其他的，進軍大公司。
網頁開發工具
學習web前端開發，網頁開發工具有FrontPage，會用 Word 的人很容易學會FrontPage。還有一個常用的是Dreamweaver。這兩種都是使用最多的HTML網頁製作工具，我使用的是Dreamweaver cs6,因為這套軟體提供了一套直觀的可視界面，融合了html5一些新的內容。包括網格布局什麼的。
學習內容
HTML、CSS和JavaScript。html是內容，css是表現，javascript是行為。前端開發的門檻其實非常低，與伺服器端語言先慢後快的學習曲線相比，前端開發的學習曲線是先快後慢。所以，對於從事IT工作的人來說，前端開發是個不錯的初入點。也正因為如此，前端開發的領域有很多自學成「才」的同行。html是最基礎的，現在流行的是html5設計，先學會網頁布局。css是用來美化html頁面的為頁面提供布局和格式。最後再學javascript。如果你把每天看電影、看電視劇的時間用來學習，我想一個星期入門是沒有問題的。
基礎知識：
1. html + css。這部分建議，邊學邊練。之後可以模仿一些網站做些頁面。理解css每個元素的屬性，樣式的實現不一定只有一種寫法，多想一想還有沒有什麼需要改進的地方。
2、JavaScript。不是所有的網頁都必須有js，但是要想實現一些超酷的功能和界面的時候，就需要涉及到js。如果沒有其他編程語言的基礎的話，學起來可能要費些力，還是建議先在 w3school上學習。之後建議馬上看《javascript語言精粹》
3、Photoshop、flash。熟悉會一點兒就行了，沒必要全部都學得精通，當然如果你在學習的過程中，發現你ps或者flash比較感興趣的話，也可以嘗試做美工這一行。
4、html5和css3。可以先了解一下，然後再入手。畢竟IE的瀏覽器大多還不支持。
5、瀏覽器兼容。懂web標准，熟練手寫 xhtml css3 並符合 符合w3c標准。代碼能兼容主流瀏覽器Firfox，Chrome、Safari、IE、Opera。雖然IE6很多都不兼容，但現在還使用的人還是有的。
6、熟悉一門後台編程語言 asp、php、jsp等
學習web前端，推薦來北京尚學堂，優秀的師資以及超前的知識儲備，會帶給你最好的學習體驗。
㈣ 初學web需要學習那些知識
第一步：學習HTML和CSS
HTML（超文本標記語言）是網頁的核心，學好HTML是成為Web開發人員的基本條件。HTML很容易學習的，但也很容易誤用，要學精還得費點功夫。
隨著HTML5的發展和普及，了解HTML5也將成為Web開發人員的必修課。
涉及到網頁外觀時，就需要學習CSS了，它可以幫你把網頁做得更美觀。
利用HTML和CSS模擬一些你所見過的網站的排版和布局（色彩，圖片，文字樣式等等）。
第二步：學習javascript,了解DOM
JavaScript是一種能讓你的網頁更加生動活潑的程序語言。學習JavaScript的基本語法，學會用javascript操作網頁中dom元素。
接著學習使用一些javascript庫，比如jquery是大部分WEB開發人員都喜歡用的，通過Jquery可以有效的提高JavaScript的開發效率。
第三步：了解Web伺服器
你不必在這上面花太多精力，但對IIS、Apache基本配置要掌握，這方面的知識學起來也相對容易，不會花多長時間。
學習一點Unix和Linux的基本知識，因為大部分Web伺服器都運行在Unix和Linux平台上。
第四步: 學好一門伺服器端腳本語言
伺服器端腳本編程（後台開發）也是Web開發人員的基本功之一，你只需挑選一個伺服器端腳本語言，然後學好它。
目前流行的伺服器腳本語言有：php、asp.net、jsp、ruby、python、等。
第五步：學習資料庫及sql語法
要構建動態頁面通常會使用到資料庫，常用的資料庫有SQLServer、Oracle、MySQL 等，它們都會遵循標準的SQL原則。
通常asp.net 程序使用SqlServer資料庫，PHP、java使用Oracle、MySQL資料庫。
第六步：綜合實戰
選一個你喜歡的後台編程語言，結合之前學到的html,css,javascript 前端技術，實現一個簡單的留言本、論壇程序、進而實現一個簡單的CMS（內容管理系統）
第七步：學習使用Web框架
當你掌握了HTML，CSS，JavaScript和伺服器端腳本語言後，就應該找一個Web框架加快你的Web開發速度，使用框架可以節約你很多時間。
比如.net的MVC，JAVA 的SSH，php的cakephp、CodeIgniter、zend，ruby的ROR，python的dijango等等，其實裡面都有一些相通之處。
整個開發過程你還可能會學習到一些工具的使用：
Visio，Dreamweaver，Vistual Studio、elipse、(Vim, EditPlus, Notpad++)、sqlserver、phpmyadmin，各種瀏覽器以及FireBug的插件，IE下的WebDevelopmentHelper、IETester等。如果你足夠用心，你還發掘出很多不錯的資源，例如MSDN，W3cSchool，一些前輩的博客，一些技術論壇等等，這都是你未來前進道路上的財富。如還想深入研究，學學http協議,理解什麼是無狀態，不然你永遠做不好WEB開發，研究web程序服務端運行原理，還有tcp/ip,udp協議等。
學習web前端，推薦來北京尚學堂，多年的前端培訓經驗會帶給你最好的課程體驗。
㈤ web前端開發需要學習什麼知識
第一階段：
HTML+CSS:
HTML進階、CSS進階、div+css布局、HTML+css整站開發、
JavaScript基礎：
Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。
JS基本特效：
常見特效、例如：tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。
JS高級特徵：
正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎、
JQuery：基礎使用
懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。
第二階段：
HTML5和移動Web開發
HTML5：
HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、WebSocket、Canvas.
CSS3:
CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。
Bootstrap:
響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。
移動Web開發：
跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、手機聚劃算頁面、手機滾屏。
第三階段：
HTTP服務和AJAX編程
WEB伺服器基礎：
伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。
PHP基礎：
PHP基礎語法、使用PHP處理簡單的GET或者POST請求、
AJAX上篇：
Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用。
AJAX下篇：
JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。
第四階段：
面向對象進階
面向對象終極篇：
從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器。
面向對象三大特徵：
繼承性、多態性、封裝性、介面。
設計模式：
面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。
第五階段：
封裝一個屬於自己的框架
框架封裝基礎：
事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。
框架封裝中級：
運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。
框架封裝高級和補充：
JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。
第六階段：
模塊化組件開發
面向組件編程：
面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。
面向模塊編程：
AMD設計規范、CMD設計規范、RequireJS，LoadJS、淘寶的SeaJS。
第七階段：
主流的流行框架
Web開發工作流：
GIT/SVN、Yeoman腳手架、NPM/Bower依賴管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架：
Angular.js、Backbone.js、Knockout/Ember。
常用庫：
React.js、Vue.js、Zepto.js。
第八階段：
HTML5原生移動應用開發
Cordova：
WebApp/NativeApp/HybirdApp簡介、Cordova簡介、與PhoneGap之間的關系、開發環境搭建、Cordova實戰(創建項目，配置，編譯，調試，部署發布)。
Ionic：
Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新，上拉載入，側滑導航，選項卡)。
ReactNative：
ReactNative簡介、ReactNative環境配置、創建項目，配置，編譯，調試，部署發布、原生模塊和UI組件、原生常用API。
HTML5+：
HTML5+中國產業聯盟、HTML5PlusRuntime環境、HBuilder開發工具、MUI框架、H5+開發和部署。
第九階段：
Node.js全棧開發：
快速入門：
Node.js發展、生態圈、Io.js、Linux/Windows/OSX環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試。
核心模塊和對象：
全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操作，序列化和反序列化、文件流操作、HTTP服務端與客戶端。
Web開發基礎：
HTTP協議，請求響應處理過程、關系型資料庫操作和數據訪問、非關系型資料庫操作和數據訪問、原生的Node.js開發Web應用程序、Web開發工作流、Node.js開發Blog案例。
快速開發框架：
Express簡介+MVC簡介、Express常用API、Express路由模塊、Jade/Ejs模板引擎、使用Express重構Blog案例、Koa等其他常見MVC框架。
希望會給大家帶來幫助！
㈥ Web前端開發工程師主要干什麼
Web前端開發工程師，主要職責是利用(X)HTML/CSS/JavaScript/DOM/Flash等各種Web技術進行產品的界面開發。製作標准優化的代碼，並增加交互動態功能，開發JavaScript以及Flash模塊，同時結合後台開發技術模擬整體效果，進行豐富互聯網的Web開發，致力於通過技術改善用戶體驗。
工程師的職責：
-為網站上提供的產品和服務實現一流的Web界面，優化代碼並保持良好兼容性
-Web前端表現層及與前後端交互的架構設計和開發
-JavaScript程序模塊開發，通用類庫、框架編寫
-利用各種Web技術模擬開發產品原型
-配合後台開發人員實現產品界面和功能
-Web新技術調研和資訊整理
-精通HTML/XHTML、CSS，熟悉頁面架構和布局，對Web標准和標簽語義化有深入理解
-精通Ajax、JavaScript(或者ActionScript)、DOM等前端技術，掌握面向對象編程思想
-熟悉一種以上後台開發語言(如PHP/Java或C/C++/.NET)以及一種資料庫(如MySQL/Oracle)，有Linux系統操作
web前端開發工程師需要長期的web開發經驗，例如：
-對Web技術創新及豐富互聯網應用開發(Rich Internet Applications)有濃厚興趣
-對用戶體驗、交互操作流程、及用戶需求有深入理解
㈦ Web工程師除了編程還學什麼
網站設計與網頁界面開發；網站開發；web界面開發、前端數據綁定、前端邏輯；設計、開發、數據
1.學習html,這個是最簡單的,也是最基礎的.
2.學習CSS，這里的CSS不包括CSS3，我們可以看到在CSS3 Web前端開發工程師。它可以使用HTML或CSS + div的界面布局，所以CSS是用來幫助HTML布局和顯示，我們稱之為「CSS樣式」。
3.習js.
4.學習jQuery相當於封裝了一組js插件的js。
5.最好會點後台語言,比如java、php。
6.學習css3+html5,如果你們是准備專門搞前端,那麼最好還是學一下的。
㈧ web開發都需要學什麼內容
主要分為4部分吧，前端、後台、資料庫和web伺服器，下面我簡單介紹一下：
1.前端：這個毋庸置疑，你所看到的所有web頁面幾乎都是基於Html，CSS和JS的，頁面的布局、色彩的搭配、動態效果的實現，幾乎都是基於前端的，這個是網頁的骨架和基礎，所以做web應用開發的話，首先需要學習的就是前端，不需要你對前端知識多麼的精通，掌握Vue、React等框架，但最起碼能看懂頁面大概代碼，標簽屬性等，所以，如果你對前端一點都不了解的話，建議花個幾天時間學習，很簡單，網上資料很多：
2.後台：前端開發出來的頁面都是靜態的，一成不變的，要實現數據的實時更新顯然是不可能的，這個時候就需要後台開發語言，完成與資料庫的交互，將資料庫中存儲的數據實時取出展現到前台頁面，開發語言就很多了，像常見的Java，C#，Php，Python，Go等都可以（幾乎都有對應web框架），如果你沒有任何基礎，又想快速開發出網頁的話，可以學習一下Php，專門用於web開發的語言，學習起來很簡單：
3.資料庫：這個就不多說了，你所看到的幾乎所有網站在存儲數據的時候，都會使用資料庫，不管是關系型還是非關系型的，一是存儲方便，二是容易管理，至於資料庫的種類，這個就很多了，像常見的MySQL，SQL Server，Oracle，PostgreSQL等，都可以作為後端存儲資料庫，至於選擇哪個資料庫，這個根據實際項目需求而定，如果你沒有任何資料庫基礎的話，可以學習一下MySQL資料庫，開源、簡單、容易學習：
4.web伺服器：開發的網站，當用戶進行訪問時，需要對用戶提供服務，也就是對用戶的請求做出響應，用戶請求哪一個頁面，返回哪一個頁面，這時候就需要web伺服器，至於種類的話，有Apacha，Tomcat，IIS和Nginx等，比較流行的是Nginx，這個需要根據項目實際需求而定，性能、負載等都需要考慮，感興趣的話，可以自己研究一下：
就分享這4個方面吧，要想完完全全弄懂這4個方面需要花費很大的功夫和時間，建議選擇一兩個方向學懂學通就行，其他方面可以了解一下，網上也有相關教程和資料
㈨ web前端工程師需要掌握哪些技術
1、開發語言
HTML發展歷史有二十多年，歷經多次版本更新，HTML5和CSS3的出現又是一次革新。有些人認為前端開發要掌握的技能簡單，不就是網頁製作嘛。其實不然，web前端需要掌握的核心語言HTML+CSS+JavaScript，JavaScript作為最難的語言之一，許多編程高手也不敢妄自菲薄自封精通。由於JavaScript與html的差異性，以及靜態分開處理的一些好處。在大公司編寫靜態效果和動態效果往往是分開由不同的人完成的。小公司因為需要壓縮成本，就需要每個人會的越多越好，如果你嚮往項目經理發展，能懂一兩門後端語言，絕對是錦上添花。
2、瀏覽器兼容性
互聯網目前主流瀏覽器有IE6/7/8/9，Firefox，Chrome，Opera，Safari，遨遊，包括國內主流的搜狗，騰訊TT，360，the word等等；從內河上講主要有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等工具產生的冗餘代碼。此外再掌握一些photoshop技能，即使沒有美工，也能 簡單處理一些圖像。
小結，掌握以上技能，可以說你是一個合格的前端開發人員，能夠參與到一個大的項目中，或者自己獨立寫出一個網頁。雖然這看起來和網頁製作設計差不多，從效果上來看，都是製作網頁的，但實際上，技術上所超出的已經是好幾個檔次的東西了。
㈩ 轉行web前端工程師需要學習哪些內容
第一階段：你要從最基礎的HTML/CSS開始，簡單地說，HTML就是一堆非常簡單的標簽，而CSS則是把你畫畫的流程用英語按一定的格式寫出來。然後你需要理解常用HTML標簽的意思，學會各種CSS的屬性，還有CSS的盒模型、優先順序、選擇器。
第二階段：Java學習，你要是想在網頁上實現交互效果，比如輪播圖、點擊按鈕後播放動畫等等，那麼就必須學會Java。Java是一門完整、強大、熱門的編程語言，瀏覽器的各種交互效果都由它來做到的。你先要了解一些基礎的Java概念(變數、函數、基本類型)後，然後學習jQuery(Java代碼庫的一種)，並且通過jQuery繼續使用CSS的選擇器。
專精HTML/CSS的前端從業人員也就是前端重構。這里要提一下，有一個職業對於這塊很有優勢，那就是設計師。不管是UI設計師，還是平面設計師，在頁面上如何寫頁面，也知道怎麼做的更好，並且更加理解Web世界，做出更“系統化”的設計。關於CSS的知識，你需要理解文檔流、浮動流等各種定位的方式與原理，理解CSS 的繼承復用思想、理解瀏覽器的差異、兼容等。關於HTML的知識，你需要學習語義化、可訪問性與結構的合理，以及“結構與樣式的分離”等。
你會愛上CSS 3的酷炫屬性，可以做出響應式網頁設計，用transiton和animation做補間動畫與關鍵幀動畫，用transform做縮放、旋轉、3D變換，還有圓角、漸變、陰影、彈性盒……掌握了以上的這些，你完全可以利用你的設計功底和web前端知識，做出微信的H5頁面、一些有趣的網頁，或者個人的網站。
如果你還想做出更厲害的交互效果，越來越喜歡編程，建議你成為一個前端工程師/全棧式UI設計師。這時，你必須學會以軟體工程師的角度思考。你需要踏踏實實學習編程語言，深入理解作用域、對象、類、封裝、繼承、面向對象編程、事件偵聽、事件冒泡等一大堆編程概念，需要了解瀏覽器，學習DOM、BOM、CSSOM的API，甚至還有學習一些網路原理，包括域名、URL、DNS、HTTP請求……
如果你還處於迷茫階段或者是一個小白，那你不要著急著手開始學習，因為沒有目的和方法的學習，只會走彎路。這時候，建議你先深入了解有關前端方面的所有資訊，包括前景、就業、行業發展、技術囊括、職業等等，這樣才能有目的和方向的學習。
以上就是關於web前端學習的分享，希望對大家有所幫助，想要了解更多相關內容，歡迎大家及時關注本平台!