『壹』 web前端怎樣入門
第一：理清Web前端的知識結構。要想高效學習Web前端知識，首先應該搞清楚Web前端都包括哪些技術結構。Web前端開發雖然技術難度並不高，但是技術細節卻比較多，內容也比較雜。Web前端的基礎包括三大部分，包括Html、CSS和JavaScript，其中JavaScript是學習的重點，也是難點。另外，vue等框架也是需要熟練掌握的。
第二：緊跟技術發展趨勢。目前Web前端的技術發展趨勢有三個，其一是前端開發數據化;其二是前端開發高效化;其三是前端開發全棧化。前端開發數據化主要是大數據發展的影響，在大數據的推動下，Web前端逐漸涉及到了大量的數據展示任務。前端開發高效化主要體現在Web前端正在進行獨立部署，前端與後端的溝通主要通過資源介面的方式來進行。前端開發全棧化也是一個比較明顯的趨勢，比如Nodejs的應用。
第三：注重動手實踐能力的培養。學習前端開發一定要注重動手實踐能力的培養，因為前端開發的細節比較多，所以只有多操作才能逐漸熟悉。
前端開發目前被稱為「大前端」，整個前端開發也被賦予了更多的含義，包括Web前端開發、移動端開發、大數據呈現端開發以及部分後端開發任務等等。所以，想要在前端行業中走的更遠，一定要注重知識結構的豐富性。
『貳』 前端主要學什麼
這是最簡單最基本的。掌握div、formtable、ulli、p、span、font等標簽是最常用的，尤其是div和table，div用於布局，table也可以用於布局，但不靈活，基本table用於處理數據。
2.學習css。
這里的css不包括css3。一般我們可以看到，在web前端開發工程師的要求中，有一個會使用css+html或css+div進行界面布局，所以css是用來輔助html進行布局和顯示的。css要熟練掌握float、position、width、height、最大最小，會使用100%、overflow、margin、pading等。
3.學習js。
其實js入門很簡單，不需要知道很多事情。只要你會根據某個id或者name獲得網頁dom或者樣式或者值，你就會給某個id或者name的元素標簽賦值，或者添加數據，追html。
4.學習jquery。
jquery相當於將js封裝成一套js插件，目的是操作起來更方便，代碼寫得更少，jquery入門也很簡單，那些入門需要學習的和js一樣，只是用jq代碼代碼代替。
5. 最好點擊後台語言，如java和php。
為什麼？因為我們前台界面的數據來自後台，如果我們能點擊後台代碼，我們就知道如何與後台交互數據是最好的，這樣可以節省時間，使前端代碼更加標准化。
6.學習css3+html5。
『叄』 前端主要學什麼
前端雖然學習起來是相對簡單的，但是內容也不少，同時後期可以補充後端技能，成為現在熱門的web全棧工程師。你可以先下載前端的全套視頻課自學試一下難度。
要學的內容主要有：
①計算機基礎以及PS基礎
②前端開發基礎（HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架）
③移動開發
④前端高級開發（ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等）
⑤小程序開發
⑥全棧開發（MySQL資料庫、Python編程語言、Django框架等）
⑦就業拓展（網站SEO與前端安全技術）
你可以考察對比一下南京課工場、北大青鳥、中博軟體學院等開設有web全棧工程師專業的學校。記得找我要前端的全套視頻課。祝學有所成！望採納！
北大青鳥中博軟體學院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前端和後端的區別：
1、展示方式
前端是用戶可見的界面，網站前端頁面也就是網頁的頁面開發，比如網頁上的特效、布局、圖片、視頻，音頻等內容。前端的工作內容就是將美工設計的效果圖的設計成瀏覽器可以運行的網頁，並配合後端做網頁的數據顯示和交互等可視方面的工作內容。
後端用戶看不見的東西，通常是與前端工程師進行數據交互及網站數據的保存和讀取，相對來說後端涉及到的邏輯代碼比前端要多的多，後端考慮的是底層業務邏輯的實現，平台的穩定性與性能等。
2、技術實現
前端開發用到的技術包括但不限於html5、css3、javascript、jquery、Bootstrap、Node.js 、Webpack，AngularJs，ReactJs，VueJs等技術；後端開發以java為例主要用到的是包括但不限於Struts spring springmvc Hibernate Http協議 Servlet Tomcat伺服器等技術。
3、工作內容
前端工程師負責Web前端開發、移動端開發、大數據呈現端開發。Web前端開發針對PC端開發任務；移動端開發包括Android開發、iOS開發和各種小程序開發，在移動互聯網迅速發展的帶動下，移動端的開發任務量是比較大的；大數據呈現則主要是基於已有的平台完成最終分析結果的呈現，呈現方式通常也有多種選擇。
後端工程師負責平台設計、介面設計和功能實現。平台設計主要是搭建後端的支撐服務容器；介面設計主要針對於不同行業進行相應的功能介面設計，通常一個平台有多套介面，就像衛星導航平台設有民用和軍用兩套介面一樣；功能實現則是完成具體的業務邏輯實現。
前後端開發的相似點：函數式編程、模塊化思想、分層思想、單元測試、lint、assert 方法、日誌、聲明式和命令式的實踐經驗、數據處理的本質實踐與思考、部分庫的使
前後端開發的區別：前端、重用戶體驗、對UI庫的依賴較強、界面的個性化較強、處理各個瀏覽器平台對界面的渲染差異、後端、並發處理、事務、部署復雜，特別是微服務出來後、具體的功能特性，如大數據分析，AI方面的工作。
通過以上總結的Web前端和後端的區別，可以看出前端開發的內容是我們在網頁看到的內容，而後端開發主要業務邏輯規則。
有的人認為，前端很好學，後端不好學。也有的人認為，前端不好學，後端好學，歸根到底還得看個人興趣。
『陸』 想學習前端，需要什麼基礎
如今的WEB前端工程師不論是薪資待遇還是工作環境都很不錯，因此吸引了不少的人加入。零基礎也是可以學習的！可以參考一下這幾個階段學習一下：
第一個階段，HTML5+CSS3
需要大家掌握的知識點是我們常用的瀏覽器和瀏覽器內核是什麼，和html語法和使用技巧並將常用標簽掌握。還需要學習的就是css的語法和使用技巧等等。這個階段大家一般需要學習的時間在10天左右。
第二個階段，js交互設計的學習
需要大家掌握JavaScript語法和相應的演算法，如：用戶界面交互、變數提升及變數作用域、定時對象等。其它類似，cookie原理解析、正則表達式、面向對象原型繼承、http協議、Ajax前後台數據交互等等也是需要大家學習的。這個階段一般需要大家學習的時間在兩周左右。
第三個階段，node開發
需要大家掌握的知識點主要是，webpack模塊打包器、客戶端伺服器交互模型、
JavaScript
非同步編程模型、 JavaScript 模塊化編程方式、 能夠使用 Node.js 操作MongoDB 資料庫、
能夠獨立開發基於後台介面的動態網站、Ajax
數據交互的項目、能夠獨立完成企業網站從前台到後台的基本開發工作。這個階段需要大家學習的時間在兩周左右。
第四個階段，前端框架的學習
這個階段需要大家掌握的知識點主要是，D3.js
進行大數據可視化交互開發、Vue 技術棧進行項目開發、React
技術棧進行項目開發、源代碼管理工具的使用、web項目的部署與發布模式學習，可以對常見網站業務模塊進行開發等等，這個階段一般需要大家的學習時間在兩周左右。
第五個階段，小程序與app開發
這個階段需要大家學習的知識點主要是，小程序開發基礎並獨立開發小程序項目、Canvas的掌握、小程序開發框架mpvue的使用、第三方AI平台的使用等。這個階段需要大家學習的時間在三周左右。
沒有基礎的小夥伴想要成為專業的WEB前端工程師在尚學堂只需要5個月左右的時間就可以成為合格的WEB前端工程師。
對前端開發有興趣的小夥伴們，不妨先從前端入門開始！B站上有很多的前端入門教學視頻，從基礎到高級的都有，還挺不錯的，知識點講的很細致，還有完整版的學習路線圖。也可以自己去看看，下載學習試試。
『柒』 前端研發如何入門
前端入門說容易不容易說難也不難，關鍵還是要看自己是否認真的去學習那些基本的前端知識了。
前端入門一般分為三個階段：
階段一：html、css（基礎）、js(基礎)
第一階段一般是面對那些基本上沒有一點網頁代碼功底的學生，主要的就是要學習一些簡單的html標記和css樣式，此階段要基本弄清楚基本的html和css的基本知識，能完成簡單的div+css的布局和一些樣式，對於css中的position、float等比較難的標記能深入的理解和應用。此階段對於js的要求應該是能理解js的基本語法，對於js中的變數、函數、對象、事件、面向對象等有基本的了解，能寫一些特別簡單的特效如簡單的表單驗證等等。
階段二：css2.0（精通）、js(一般水平)、jQuery
完成階段一也就是基本的入門，對於現在復雜的前端工作來說，階段一的知識遠遠是不夠的，以為達到階段一的水平可能連自學前端的能力還不具備，所以還是需要繼續學習一些深入的知識才能算是入門。階段二個人認為需要熟練的學習好css，這是基礎，畢竟現在的pc端網頁主要還是要靠css2.0來實現，之所以說是2.0是為了區分css3。css2.0的水平需要達到給你一個布局你能快速的使用div+css來實現它，此時的css水平就可以算是達標了。另外就是js,此階段我們需要更加熟練的使用js來實現一些常見的特效，比如：輪播圖、選項卡、放大鏡等特效，此時如果僅僅使用原生的js實現有些太過繁瑣，此時我們學習jQuery，很多人說現在的jQuery生態都要淘汰了，這里我想說我不這么認為。為什麼要學習jQuery呢？以為jQuery只是將原生js里一些繁瑣的語法簡單化和重新封裝了一些對象和方法，使開發更加效率，這里最值得肯定的是使用jQuery開發特效和使用原生的js開發特效思路是一樣的，只不過jQuery的連式操作使用起來更加方便一些。總結階段二需要掌握的是熟練的css和js並且掌握jQuery。
階段三：html5、css3、一些js框架
現在前端技術的很大一部分都是移動端，所以要使用html5和css3技術，基本的知識就要掌握移動端的布局和屏幕的適配，使用js調用一些手機上的api等，同時要學習一些mvvm構架的框架，如vue.js、reactjs等，基本學習到這個地方就算是完全入門了，自己再學前端知識就知道怎麼學學什麼了。
『捌』 前端主要學什麼
1如何高效學習HTML5前端開發?
首先要學的是HTML、CSS，這兩個東西是一套的，非常容易理解，隨著web移動端開發的大趨勢，HTML5和CSS3的出現，對前端工程師來說面臨著新的挑戰。所以建議想系統學習的同學，最好是到專業的前端培訓機構去學習，比如達內web前端培訓開設的H5前端開發培訓課程，聘請一線級講師親自授課，手把手帶你做前端，這樣收獲的效果會更好，但如果選擇自學，應該先跟著書仔細、扎實的學一遍。然後就需要做大量的練習，做各種常規的、新穎的布局練習來捆固、理解自己的知識。css要熟練掌握float、 position、width、height，以及對於的最大最小、會使用百分百、overflow、margin、padding等等，這些都是跟布局 有關系的樣式，是必須要掌握的。
2JavaScript技術學習
再次就是 Javascript，很多同學談到JS就很困惑，當然不是所有的網頁都必須有js，但是要想實現一些超酷的功能和界面的時候，就需要涉及到js。如果沒有其他編程語言的基礎的話，學起來可能要費些力。
在學習js的時候, 會接觸一些後端的東西，沒錯，就是ajax。這個是需要後端返回數據的， 這個時候你要開始學習php了, 入門php相比於js會更麻煩一些，因為運行php需要有很多細節要處理。
再次就是學習jquery。jquery是相當於把js封裝了一套的一個js插件。目的就是操作起來更方便，代碼寫的更少，jquery入門比較簡單，那些是入門需要學的和js一樣，只是換成了jq的代碼。
3其他方面技術學習
談到如何高效學習H5前端開發的問題，也要了解學習前端開發使用的工具，目前最常用的是Dreamweaver， 其曾經風靡一時，到現在也沒有退出歷史舞台，證明DW還是有很大優勢的，尤其是針對初學者，其強大的提示功能可以幫助我們很快的熟悉並掌握網頁布局。
『玖』 前端主要學什麼
1如何高效學習HTML5前端開發?
首先要學的是HTML、CSS，這兩個東西是一套的，非常容易理解，隨著web移動端開發的大趨勢，HTML5和CSS3的出現，對前端工程師來說面臨著新的挑戰。所以建議想系統學習的同學，最好是到專業的前端培訓機構去學習，比如達內web前端培訓開設的H5前端開發培訓課程，聘請一線級講師親自授課，手把手帶你做前端，這樣收獲的效果會更好，但如果選擇自學，應該先跟著書仔細、扎實的學一遍。然後就需要做大量的練習，做各種常規的、新穎的布局練習來捆固、理解自己的知識。css要熟練掌握float、 position、width、height，以及對於的最大最小、會使用百分百、overflow、margin、padding等等，這些都是跟布局 有關系的樣式，是必須要掌握的。
2JavaScript技術學習
再次就是 Javascript，很多同學談到JS就很困惑，當然不是所有的網頁都必須有js，但是要想實現一些超酷的功能和界面的時候，就需要涉及到js。如果沒有其他編程語言的基礎的話，學起來可能要費些力。
在學習js的時候, 會接觸一些後端的東西，沒錯，就是ajax。這個是需要後端返回數據的， 這個時候你要開始學習php了, 入門php相比於js會更麻煩一些，因為運行php需要有很多細節要處理。
再次就是學習jquery。jquery是相當於把js封裝了一套的一個js插件。目的就是操作起來更方便，代碼寫的更少，jquery入門比較簡單，那些是入門需要學的和js一樣，只是換成了jq的代碼。
3其他方面技術學習
談到如何高效學習H5前端開發的問題，也要了解學習前端開發使用的工具，目前最常用的是Dreamweaver， 其曾經風靡一時，到現在也沒有退出歷史舞台，證明DW還是有很大優勢的，尤其是針對初學者，其強大的提示功能可以幫助我們很快的熟悉並掌握網頁布局。