web前端即為網(wǎng)站的前端開發(fā)，前端開發(fā)是創(chuàng)建Web頁面或app等前端界面呈現(xiàn)給用戶的過程。

web前端開發(fā)通過HTML，CSS及JavaScript以及衍生出來的各種技術(shù)、框架、解決方案，來實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互。它從網(wǎng)頁制作演變而來，名稱上有很明顯的時(shí)代特征。網(wǎng)頁制作是Web1.0時(shí)代的產(chǎn)物，早期網(wǎng)站主要內(nèi)容都是靜態(tài)，以圖片和文字為主，用戶使用網(wǎng)站的行為也以瀏覽為主。

隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展和HTML5、CSS3的應(yīng)用，現(xiàn)代網(wǎng)頁更加美觀，交互效果顯著，功能更加強(qiáng)大。Web前端主要是用來開發(fā)用戶通過瀏覽器可以瀏覽和使用的Web頁面的。 一般而言，所涉及的內(nèi)容主要包括W3C中的HTML、CSS和JavaScript這三方面的內(nèi)容。

擴(kuò)展資料：

隨著互聯(lián)網(wǎng)的迅猛發(fā)展和普及，一個(gè)新型的行業(yè)和新興的職位正在上升到技術(shù)的層面：web前端開發(fā)工程師

Web前端開發(fā)工程師，除了主要職責(zé)外，還要為網(wǎng)站上提供的產(chǎn)品和服務(wù)實(shí)現(xiàn)一流的Web界面，優(yōu)化代碼并保持良好兼容性

Web前端表現(xiàn)層及與前后端交互的架構(gòu)設(shè)計(jì)和開發(fā)web前端開發(fā)工程師-web2.0時(shí)代

配合后臺(tái)開發(fā)人員實(shí)現(xiàn)產(chǎn)品界面和功能

利用各種Web技術(shù)模擬開發(fā)產(chǎn)品原型

Web新技術(shù)調(diào)研和資訊整理

精通HTML/XHTML、CSS，熟悉頁面架構(gòu)和布局，對Web標(biāo)準(zhǔn)和標(biāo)簽語義化有深入理解

熟悉Ajax、JavaScript(或者ActionScript)、DOM等前端技術(shù)，掌握面向?qū)ο缶幊趟枷?/p>

html5主要是處理前端，在手機(jī)上也同樣是是不是應(yīng)用框架和你的應(yīng)用復(fù)雜度有關(guān)如果一開始做，建議不要使用框架，否則會(huì)被框架所限如果已經(jīng)具備一定開發(fā)經(jīng)驗(yàn)和框架使用嘗試，那么使用框架會(huì)對多項(xiàng)目、大項(xiàng)目有所幫助。

我目前在深圳的平安科技擔(dān)任高級前端開發(fā)工程師,我來回答一下吧,我也是自學(xué)而來的.

我在此之前的工作是淘寶美工,但是做的久了工資一直上不去,就覺得前端還不錯(cuò),好像也不難,就開始自學(xué).

接下來講一下我是怎么學(xué)習(xí)的,希望可以幫到你們:

1.首先語言基礎(chǔ)學(xué)習(xí)

前端就只有三門語言要學(xué)習(xí),html,css,和JavaScript.

html是超文本標(biāo)記語言,這個(gè)學(xué)起來好簡單,包含的內(nèi)容如下圖,學(xué)習(xí)方法就是去菜鳥教程網(wǎng)站

https://www.runoob.com/

上學(xué)習(xí),每一個(gè)知識(shí)點(diǎn)都有示例.學(xué)起來很快.

css是樣式語言,這個(gè)更簡單,包含的內(nèi)容如下圖,也是去菜鳥教程上學(xué)習(xí)

JavaScript的內(nèi)容要相對難一點(diǎn),菜鳥教程上也有,JavaScript的基礎(chǔ)用法包括很多函數(shù),需要全部掌握,在工作的時(shí)候才會(huì)得心應(yīng)手.

2.框架學(xué)習(xí)

現(xiàn)在主流的框架有三大,react,vue,angular,國內(nèi)現(xiàn)在用的最多的是react和vue,react是Facebook出的,vue是我國的一個(gè)著名程序員尤雨溪開發(fā)的,react和vue在國際上地位不相上下,在國內(nèi)小公司主要以vue用的最多,react主要以大公司用的最多,比如阿里,平安.其實(shí)也要看項(xiàng)目的,一般小項(xiàng)目用vue更加輕量快速,react相對較重.

這兩個(gè)框架隨便選一個(gè)就行了.我個(gè)人的建議是學(xué)vue,因?yàn)槲覍W(xué)的react,發(fā)現(xiàn)國內(nèi)都是大公司在用,去中小公司找工作vue還是居多,所以建議學(xué)習(xí)vue,而且vue最容易上手,通過vue的官方網(wǎng)站就可以學(xué)習(xí)了

https://cn.vuejs.org/.

3.性能安全

這個(gè)是面試中常會(huì)遇到的,也是工作中會(huì)遇到的內(nèi)容.

4.運(yùn)用

前端主要用來開發(fā)網(wǎng)站,開發(fā)app,微信小游戲,微信小程序等等.

總結(jié)

以上是我個(gè)人的學(xué)習(xí)總結(jié),圖片都是截取自我自己的百度腦圖,展開內(nèi)容非常豐富,都是我多年總結(jié)出來的,如果需要的,可以聯(lián)系我,免費(fèi)發(fā)給你們,希望給從事前端開發(fā)的你們有幫助,少走彎路.