『壹』 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前端一定要有方向，學習web前端先從核心基礎開始學：
階段1.前端核心基礎
HTML +_CSS核心、JavaScript基礎語法、JavaScript面向對象、JavaScript DOM和
BOM編程、jQuery框架
階段2.HTML5 + CSS3 + 移動端核心
HTML5新特性、Canvas專列、CSS3新特性、CSS3進階、CSS3實例演練
階段3.移動端
移動端核心、移動端適配、移動端特效
階段4.伺服器端
伺服器端開發、資料庫操作、前後端交互核心、微信公眾號開發
階段5.JavaScript高級
JavaScript基礎深入剖析、JavaScript面向對象深入講解、JavaScript非同步編程、
JavaScript函數式編程JavaScript設計模式
階段6.前端必備
性能優化、版本控制工具、模塊化、項目構建工具
階段7.高級框架
React框架基本使用、React框架進階、Vue框架基本使用、Vue框架進階、Vue源碼分析
階段8.小程序
原生小程序入門、原生小程序API使用、小程序框架Mpvue
web前端學習路線
這個是web前端的學習方向你從上到下按照順序學習就可以了，一般來說零基礎學習前端是5個月左右的時間，學習方法就是做到3多，多問、多思考、多敲 學習的本質就是不斷的重復，熟能生巧，希望可以幫到你。
『叄』 如果要學習web前端開發,需要學習什麼
從各大招聘平台可以看到，Web前端行業招聘需求量巨大，一直呈現出供不應求的趨勢，但是由於高等院校很少有開設相關的課程，導致每年新增的前端開發人員遠遠不夠，所以現在的Web前端主要還是用過自學和參加培訓為主，由於自學難度大，大部分人都選擇去找相對的Web培訓班學習，接下來就為大家介紹一下優就業的Web前端的學習內容。
優就業的Web前端一共分為六個階段
第一階段Html5+CSS3：主要學習HTML5基礎、CSS基礎、HTML5進階、CSS3進階、Less
第二階段JS交互設計：主要學習JavaScript核心語法、DOM和BOM、JavaScript高級進階、面向對象編程、Touch、jQuery、Zepto
第三階段Node開發：主要學習JavaScript
ES6、Node、Express、MySQL、Webpack+Gulp+模塊化、WebSocket+Koa2
第四階段前端框架：主要學習Vue基礎、Vue進階、TypeScript、React
第五階段小程序+數據可視化：主要學習小程序基礎、雲開發、uni-app基礎、數據可視化
第六階段就業指導+項目提升：就業指導、企業面試復盤
想要了解更多關於WEB前端的學習內容，可以看看優就業喲~
『肆』 網站前端開發都需要學什麼呢
學習前端，我們要先了解前端是什麼。官方的定義上，前端就是網站前台部分，運行在PC端，移動端等瀏覽器上展現給用戶瀏覽的網頁。
用我們的話來說，前端就是前端就是網頁給訪問網站的人看的內容和頁面，而前端開發顧名思義就是這些內容的製作，也就是代碼的實現。
如何實現這些代碼呢，就會用到三種基本語言，HTML，CSS及JavaScript，在頁面的布局時， HTML將元素進行定義，CSS對展示的元素進行定位，再通過JavaScript實現相應的效果和交互。這些最基礎的語言，必須要熟練掌握才能運用。
再一個就是開發工具的使用，目前比較熱門的開發工具有：
1，Dreamweaver：，集網頁製作和管理網站於一身的所見即所得網頁代碼編輯器。
2，Sublime，全稱Sublime Text ，是一個主要功能包括拼寫檢查，書簽，完整的 Python API ， Goto 功能，即時項目切換，多選擇，多窗口的代碼編輯器
3，HBuilder：是DCloud,推出的一款支持HTML5的Web開發IDE。
當然，還有一些如能將圖標 web 字體放到自己的項目中的FontelloFontello、能夠自動實施安全相關的 header 規則的Secureheaders、針對於編寫現代 web 和雲應用的跨平台編輯器的Visual Studio CodeVisual Studio Code。都是你要學習的部分。
再往後，你要接觸到的就是前端開發的框架了，打個比方，工具是杯子，框架就是保溫杯，不僅能裝水，還能保溫。所以，框架接觸起來有一定的困難，需要運用到的知識較多，使用起來也相對復雜。
總之，學無止境，前端不是輕易就能學會的，你要付出百倍努力，相信你一定可以成功。
『伍』 前端開發需要學什麼
前端即網站前台部分，也叫前端開發，運行在PC端，移動端等瀏覽器上展現給用戶瀏覽的網頁。那麼前端開發需要學習什麼呢？
前端開發需要學什麼
第一山檔階段：
1、HTML+CSS:
HTML進階、 CSS進階、DIV+CSS布局、HTML+CSS整站開發、
2、JavaScript基礎：
Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。
JS基本特效：
常見特效、例如：tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。
JS高級特徵：
正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎、
3、JQuery：基礎使用
懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。
第二階段：HTML5和移動Web開發
1、HTML5：
HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、Web Socket、Canvas.
2、CSS3:
CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、flex布局、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。
3、Bootstrap:
響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。
4、移動Web開發：
跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、手機聚劃算頁面、手機滾屏。
第三階段：HTTP服務和AJAX編程
5、WEB伺服器基礎：
伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。
AJAX：
Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容含唯散性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用、會處理簡單的GET或者POST請求、
JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。
第四階段：面向對象進階
從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、ES6中變數的作用域（let ，const(聲明變數只讀)，塊級作用域），ES6中函數新特性。
前端開發趨勢
趨勢一：重大轉變移動優先
響應式設計顯然是目前web前端開發領域的主要趨勢之一，響應式網站設計是一種網路頁面設計布局，其理念是：集中創建頁面的圖片排版大小，可以智能地根據用戶行為以及使用的設備環境進行相對應的布局。
趨勢二：使用高效率開發工具
眾多web前端開發者從2016年開始嘗試使用快速原型開發工具，將是這種技術真正爆發的一年。「UXpin、Webflow、Invision以及其它許多快速原型開發工具，讓設計師不用寫一行代碼，就能為網站和服務快速創建低保真和高保真原型，便於設計師衡量它們的可用性和美觀性。」 web設計師Jamie Leeson says如是說，「許多工具也允許你在瀏覽器中設計原型並從工具里真正啟動網站自身。」
趨勢三：人工智慧高速發展
web與AI碰撞，帶來更強大的網頁，為網站主和用戶同時帶來價值。提供網路主機服務的 Wix，是這一領域的領頭羊。他們現在提供了一個過程來詢問用戶一些問題，然後使用一個基於 AI的平台，根據用戶的回答提供給用戶最符合他們需求的 web設計。
趨勢四：單頁站點多級應用
由於用戶更喜歡用滾屏方式瀏覽網頁，各公司將會引起重視並停止浪費時間在設計和開發用戶不喜歡的層層相套的子頁面上。這一趨勢將簡化互聯網並帶來更迷人和身臨其境的網頁瀏覽體驗，每個人都會感覺到談氏愉悅。
趨勢五：流行的虛擬現實
VR成為主流的一年，這也就意味著web開發者將通過VR來吸引用戶，我們已經看到一些公司比如 Mozilla和 Google投資開發 VR與 Web之間的 API。越來越多的 VR應用程序將相繼問世，所以如果看到越來越多的虛擬現實元素出現在 Web上，也別覺得奇怪。早期對 React 的批評（通常批評其 HTML 和 JS 混合方式）現在看起來像是一個遙遠的記憶，目前Facebook 取消了他們的「專利」條款，度過了最大的一次危機。由於使用人數和開發人員的滿意度都達到了空前的高度，因此可以肯定地說，React 最受歡迎的前端庫。
『陸』 前端開發需要掌握什麼技術
一名合格的前端開發工程師，不單單需要掌握前端必須的各種技術，同時還要掌握其它技術，需要掌握一點後台的知識，同時也要對網站構架有一定的了解，這樣才可以稱之為一個合格的Web前端開發工程師。至於Web前端的薪資情況，需要根據個缺巧斗人能力而定。下面分享一份Web前端的學習路線。
1、PC端頁面製作與動畫特效
學習HTMLCSS搭建網頁、CSS動畫特效、PhotoShop切圖等基礎知識，獲得初級Web前端工程師技能，主要進行PC端網頁製作與樣式設計實現，能夠配合UI設計師進行項目開發。
2、移動端頁面製作與響應式實現
講解移動端布局與設備適配、響應式設計與實現等，獲得移動端頁面適配工程師技能，主要進行移動端網頁的布局製作與樣式設計實現。可以適配各種手機尺寸，並能利用響應式進行伏磨移動端與PC端適配。
3、JavaScript與jQuery開發
同HTML5基礎知識一樣，JavaScript開發與jQuery開發是職業晉升必備的技能包，獲得中級Web開發工程師技能，主要進行頁面行為交互，實現網站常見特效，加輪播圖，選項卡，拖拽效果等，並能配合UI和後端進行項目開發。
4、HTML5高級框架技術開發
常用的Vue框架開發，React框架開發，Angular框架開發，數據可視化技術。可獲得中級Web前端工程師技能，主要適用框架開發企業項目，實現單頁面應用開發。可以完成復雜的數據交互應用場景，具備獨立開發項目能力。
5、全棧前後端技術開發
Node.JS技術，其他後端技術，如Java或PHP。可獲得高級Web前端工程師技能，主要進行前後端全棧樣式開發，能獨立完成一個中小型項目的前後台，對於網站開發有著非常熟練的編程能力。
可以從零開始，一步步的掌寬歷握前端開發的各項相關技能，最終達到企業對初級前端開發工程師、中級前端開發工程師、高級開發工程師等職位的要求。
學web前端一般在2萬左右，4-6個月左右的時間。應該根據自己的實際需求去實地看一下，先好好試聽之後，再選擇適合自己的。只要努力學到真東西，前途自然不會差。
『柒』 web前端學習分哪些階段
您好，web前端學習分為8個階段：
階段1.前端核心基礎
HTML +_CSS核心、JavaScript基礎語法、JavaScript面向對象、JavaScript DOM和
BOM編程、jQuery框架
階段2.HTML5 + CSS3 + 移動端核心
HTML5新特性、Canvas專列、CSS3新特性、CSS3進階、CSS3實例演練
階段3.移動端
移動端核心、移動端適配、移動端特效
階段4.伺服器端
伺服器端開發、資料庫操作、前後端交互核心、微信公眾號開發
階段5.JavaScript高級
JavaScript基礎深入剖析、JavaScript面向對象深入講解、JavaScript非同步編程、
JavaScript函數式編程JavaScript設計模式
階段6.前端必備
性能優化、版本控制工具、模塊化、項目構建工具
階段7.高級框架
React框架基本使用、React框架進階、Vue框架基本使用、Vue框架進階、Vue源碼分析
階段8.小程序
原生小程序入門、原生小程序API使用、小程序框架Mpvue
web前端學習有哪些階段
這個學習路線圖不管是自學還是參加培訓班都是可以的，希望可以幫助到你。
『捌』 web前端開發都包括哪些技術
1、學會HTML
HTML是網頁內容的載體內容就是網頁製作者放在頁面上想要讓用戶瀏覽的信息，可以包含文字、圖片、視頻等。要熟練掌握div、table、ul li 、p、span等這些標簽,這些都是最常用的。
2、學習CSS（Cascading Style Sheets）—樣式。
一般看到web前端開發工程師的要求裡面,有一個會使用css+html 或者 css+div 來進行界面布局,所以css是用於輔助html來布局和展示的,
稱之為「css樣式」,CSS要熟練掌握float、position、width、height，以及對於的最大最小、會使用百分百、overflow、margin、padding,標題字體、顏色變化，或為標題加入背景圖片、邊框等等,這些都是跟布局有關系的樣式,必須要掌握的。
3、JS（java）—— 行為
java是用來實現網頁上的特效效果。如：滑鼠滑過彈出下拉菜單。或滑鼠滑過表格的背景顏色改變。還有焦點新聞（新聞圖片）的輪換。可以這么理解，有動畫的，有交互的一般都是用Java來實現的。
4、學習jquery
jquery是相當於把js封裝了一套的一個js插件,目的就是操作起來更方便,代碼寫的更少,jquery入門也很簡單,那些是入門需要學的和js一樣,只是換成了jq的代碼.其他的一樣網路就夠了。
5、最好會點後台語言,比如java、php,因為前台界面的數據都是從後台來的,如果會點後台代碼,就知道怎麼跟後台交互數據是最好的, 這樣節約時間,也可以讓前端代碼更規范.不然可能因為你的寫法和後端給來的數據不能結合上,那麼前端代碼又得重新寫,那就更麻煩了。
『玖』 前端開發的難點到底在什麼地方
一般意義上的前端項目：
-從0到1，治理曬哦為健全點的都能搗鼓出來；
-從1到60，後後端或者設計崗位勉強能兼任；
-從60到80，需要比較專業的前端；
-從80到100，這么好的前端可遇不可求。
從0到1就是從無到有的過程，很多人用WordPress，建站之星就差不多就能搞個demo了，可以拿去騙投資人的錢。
從1到60，就是勉強可用，基本上讓後端工程師或者UI設計師找一套bootstrap的模板東拼西湊的也能勉強應付到第一版本上線。
從60到80，就是真正要做一款能完備、性能優良、架構合理的中小規模產品，沒有專業的設計、前端、後端、產品、運營是走不到這步的，差不多到A輪了。
從80到100，那就是追求各方面的極致，與競爭對手一較高下，各個方面沒有頂尖的人才都會影響整體的戰鬥力，木桶效應。
解釋一下：
1. 核心競爭力的主體是工程經驗。
其實這個結論可以推廣到其他研發崗位，就是每個研發崗位的知識體系都是由基礎學科知識＋領域工程經驗構成，彼此不可替代的就是工程經驗部分。一個後端工程師一時間不能替代同等級前端工程師到不是基礎或者智商的問題，主要是工程經驗不足，你讓一個前端一個後端分別實現對方領域中一個有明確輸入輸出的功能函數，二者通過簡單學習新語言新語法，加上開發手冊查詢，一般都能比較正常的實現業務邏輯，但你讓他們hold住對方領域的完整項目就很困難了，技術選型，系統設計，模塊拆分，平台特性，宿主環境，性能優化，構建部署，系統測試等等都是領域工程經驗問題。
2. 工程經驗的等級是能cover項目從0發展到80+。
這個很好解釋，因為從0-60的非專業前端也能做到，60+的才是專業前端。
所以不用擔心核心競爭力問題，60+的前端現在都很搶手啊。工程經驗只有60-的話確實壓力比較大。
『拾』 前端開發需要學什麼啊
前端開發需要學習的內容包括PC網站布局、HTML5＋CSS3基礎項目、webapp頁面布局等。
學習web前端開發，web開發工具有frontpage，可以使用word讓人輕松學習frontpage，另一個常見的是Dreamweaver，這兩個是最常用的HTML網頁製作工具。
HTML、CSS和JavaScript、Html是內容，CSS是性能，JavaScript是行為，與伺服器端語言的學習曲線相比，前端開發的學習曲線先快後慢。
Html最基本，先學習網頁的布局，然後CSS用於美化HTML頁面，並為頁面提供布局和格式，最後，學習JavaScript。
(10)前端開發時間輪演算法擴展閱讀：
主要職能：
1、熟練使用DIV+CSS並結合JS負責產品的前端開發和頁面製作；
2、熟悉W3C標准和各主流瀏覽器在前端開發中的差異，能運用DIV+CSS解決瀏覽器的兼容性；
3、負責相關產品的需求以及前端程序的實現，提供合理的前端架構；
4、與產品、後台開發人員保持良好溝通，能快速理解、消化各方需求，並落實為具體的開發工作；
5、了解伺服器端的相關工作，在交互體驗、產品設計等方面有自己的見解。
參考資料來源：網路-前端開發