一(yī)、web前端開(kāi)發都包括哪些技術
1、學會html
html是網頁内容的載體(tǐ)内容就是網頁制作者放(fàng)在頁面上想要讓用戶浏覽的信息，可以包含文字、圖片、視頻(pín)等。要熟練掌握div、table、ul li 、p、span等這些标簽,這些都是最常用的。
2、學習css（cascading style sheets）—樣式。
一(yī)般看到web前端開(kāi)發工(gōng)程師的要求裏面,有一(yī)個會使用css+html 或者 css+div 來進行界面布局,所以css是用于輔助html來布局和展示的,
稱之爲“css樣式”,css要熟練掌握float、position、width、height，以及對于的最大(dà)最小(xiǎo)、會使用百分(fēn)百、overflow、margin、padding,标題字體(tǐ)、顔色變化，或爲标題加入背景圖片、邊框等等,這些都是跟布局有關系的樣式,必須要掌握的。
3、js（java）—— 行爲
java是用來實現網頁上的特效效果。如：鼠标滑過彈出下(xià)拉菜單。或鼠标滑過表格的背景顔色改變。還有焦點新聞（新聞圖片）的輪換。可以這麽理解，有動畫的，有交互的一(yī)般都是用java來實現的。
4、學習jquery
jquery是相當于把js封裝了一(yī)套的一(yī)個js插件,目的就是操作起來更方便,代碼寫的更少,jquery入門也很簡單,那些是入門需要學的和js一(yī)樣,隻是換成了jq的代碼.其他的一(yī)樣百度就夠了。
5、最好會點後台語言,比如java、php,因爲前台界面的數據都是從後台來的,如果會點後台代碼,就知(zhī)道怎麽跟後台交互數據是最好的, 這樣節約時間,也可以讓前端代碼更規範.不然可能因爲你的寫法和後端給來的數據不能結合上,那麽前端代碼又(yòu)得重新寫,那就更麻煩了。
參考資(zī)料來源：百度百科-前端開(kāi)發
二、JavaScript編程開(kāi)發常用的庫？
随着互聯網編程開(kāi)發技術的不斷發展，關于軟件編程的框架和庫的種類也在不斷的增加。今天我(wǒ)們就一(yī)起來了解一(yī)下(xià)，常見的javascript編程開(kāi)發都有哪些庫。
1、reactjs(star:59989,fork:10992)
react.js(react)是一(yī)個用來構建用戶界面的javascript庫，主要用于構建ui，很多人認爲react是mvc中(zhōng)的v(視圖)。react起源于facebook的内部項目，用來架設instagram的網站，并于2013年5月開(kāi)源。react擁有較高的性能，代碼邏輯非常簡單，越來越多的人已開(kāi)始關注和使用它。
react特點：
1.聲明式設計?react采用聲明範式，可以輕松描述應用。
2.高效?react通過對dom的模拟，大(dà)限度地減少與dom的交互。
3.靈活?react可以與已知(zhī)的庫或框架很好地配合。
4.jsx?jsx是javascript語法的擴展。react開(kāi)發不一(yī)定使用jsx，但我(wǒ)們建議使用它。
5.組件?通過react構建組件，使得代碼更加容易得到複用，能夠很好的應用在大(dà)項目的開(kāi)發中(zhōng)。
6.單向響應的數據流?react實現了單向響應的數據流，從而減少了重複代碼，這也是它爲什麽比傳統數據綁定更簡單。
2、angularjs(star:54769,fork:27292)
angularjs(angular.js)是一(yī)組用來開(kāi)發web頁面的框架、模闆以及數據綁定和豐富ui組件。它支持整個開(kāi)發進程，提供web應用的架構，無需進行手工(gōng)dom操作。angularjs很小(xiǎo)，隻有60k，兼容主流浏覽器，與jquery配合良好。
3、vue.js(star:43608,fork:5493)
vue.js是構建web界面的javascript庫，提供數據驅動的組件，還有簡單靈活的api，使得mvvm更簡單。
主要特性：
可擴展的數據綁定
将普通的js對象作爲model
簡潔明了的api
組件化ui構建
配合别的庫使用
4、jquery(star:43432,fork:12117)
jquery是輕量級的js庫(壓縮後隻有21k)，它兼容css3，還兼容各種浏覽器(ie6.0+,ff1.5+,safari2.0+,opera9.0+)。jquery使用戶能更方便地處理htmldocuments、events、實現動畫效果，并且方便地爲網站提供ajax交互。jquery還有一(yī)個比較大(dà)的優勢是，它的文檔說明很全，而且各種應用也說得很詳細，同時還有許多成熟的插件可供選擇。天通苑it培訓認爲jquery能夠使用戶的html頁保持代碼和html内容分(fēn)離(lí)，也就是說，不用再在html裏面插入一(yī)堆js來調用命令了，隻需定義id即可。
三、想做好前端開(kāi)發需要學習哪些東西?
1、html + css 這部分(fēn)學習，可以模仿一(yī)些網站做些頁面，在實踐中(zhōng)積累經驗。做到能與ui對接，能100%重構網站靜态頁面的開(kāi)發，爲後期編寫頁面邏輯、動态效果打基礎。
2、javascript 要學的内容實在很多，如果沒有其他編程語言的基礎的話(huà)，學起來可能要費(fèi)些力，這個階段需要掌握編程基礎概念，培養邏輯思維能力。能夠獨立完成網站的頁面開(kāi)發（包括合理布局，javascript操作dom）
進階部分(fēn)：
有了以上基礎，就可以進行一(yī)般的靜态網頁設計，不過對于複雜(zá)的頁面還需要進一(yī)步學習。
3、javascript高級與服務器基礎，深入面向對象編程，具備移動端開(kāi)發能力，處理浏覽兼容問題，深入學習es6/es7語法規範，前後端分(fēn)離(lí)開(kāi)發思想。
4、框架與服務器，數據庫，前端安全的學習，深入了解node，數據庫操作，前後端分(fēn)離(lí)技術，前後台協作開(kāi)發。熟悉npm（yarn），node模塊fs，http，路由，處理請求，express4（koa）；掌握創建websocket服務，mongodb/mysql數據庫crud（mongoose）；掌握微信小(xiǎo)程序開(kāi)發，掌握vue2.x基礎，vue-router，vuex等等。
5、react與組件化開(kāi)發，深入學習組件化開(kāi)發思想，了解webpack使用，掌握react開(kāi)發基礎，hook，create-react-app等等。
升級部分(fēn)：
有了以上知(zhī)識，對于大(dà)多數小(xiǎo)型網站，你應該已經可以寫出能夠工(gōng)作的代碼了。但要想成爲更專業的前端，你還需繼續努力。更高的要求大(dà)概還有四方面：1）易維護，2）可測試，3）高性能，4）低流量（移動端）。
其他補充部分(fēn)：
前端項目同樣面臨軟件生(shēng)命周期的各個環節，首先是代碼管理，你必須學會使用svn和git。其次是代碼的構建，如今前端代碼構建已經不是簡單的壓縮一(yī)下(xià)了，需要進行依賴管理、模塊合并、各種編譯，比需要學會使用grunt、gulp等前端構建工(gōng)具。
以上内容就是前端學習的順序了，你可以參考進行學習。
