學(xué)html和css能找到工作嗎？得特別精，面試機(jī)會(huì)會(huì)少很多為什么感覺(jué)周圍很多自學(xué)web前端的人后來(lái)都放棄了？第一，前端不像網(wǎng)上說(shuō)的那么簡(jiǎn)單。前端是一個(gè)系統(tǒng)性的學(xué)習(xí)，大家都說(shuō)前端不就是HTML CSS

學(xué)html和css能找到工作嗎？

得特別精，面試機(jī)會(huì)會(huì)少很多

為什么感覺(jué)周圍很多自學(xué)web前端的人后來(lái)都放棄了？

第一，前端不像網(wǎng)上說(shuō)的那么簡(jiǎn)單。前端是一個(gè)系統(tǒng)性的學(xué)習(xí)，大家都說(shuō)前端不就是HTML CSS JS么。HTML和CSS都不算編程語(yǔ)言，就一個(gè)JS還是腳本語(yǔ)言，能有多難，其實(shí)一個(gè)css就能把你搞瘋。很多人看css很簡(jiǎn)單，也不去看規(guī)范，上來(lái)就亂搞。然后說(shuō)css設(shè)計(jì)原型有問(wèn)題。其實(shí)是你沒(méi)有看css的規(guī)范。如果你系統(tǒng)的學(xué)習(xí)了前端的規(guī)則，那就簡(jiǎn)單了。

第二，自學(xué)難的不是智商，是堅(jiān)持下去的毅力。很多自學(xué)的人都是對(duì)前端感興趣的零基礎(chǔ)或是從別的行業(yè)轉(zhuǎn)過(guò)來(lái)的。這些人對(duì)前端的知識(shí)都沒(méi)有什么清晰的概念，又沒(méi)有前輩去引導(dǎo)他們，所以學(xué)習(xí)的過(guò)程中會(huì)遇到很多知識(shí)上的疑惑和困難。在學(xué)習(xí)上產(chǎn)生的挫敗感很容易打消學(xué)習(xí)的動(dòng)力，能從這些挫折中堅(jiān)持下來(lái)才是重點(diǎn)。

第三，學(xué)習(xí)的東西滯后。自學(xué)的人大多是從網(wǎng)上找的學(xué)習(xí)資料和視頻，這就存在很大的問(wèn)題，首先網(wǎng)上的這些資料質(zhì)量參差不齊，其次，前端的知識(shí)是一直在更新迭代的，很難憑一己之力收集到最新的前端知識(shí)。

最后，希望自學(xué)前端的小伙伴都能堅(jiān)持下去，找到好工作。

每天都在更新一些前端知識(shí)，從零基礎(chǔ)學(xué)前端到干貨整理，有興趣的小伙伴關(guān)注我

怎樣快速入門Web前端開發(fā)？

新手怎么快速學(xué)習(xí)web前端技能？這個(gè)問(wèn)題是剛開始學(xué)習(xí)web前端開發(fā)的朋友都會(huì)想問(wèn)的，開始的時(shí)候沒(méi)有人帶你和有人帶你是不一樣的，各有利弊吧，沒(méi)有人指導(dǎo)的話會(huì)苦逼一點(diǎn)，但是可以鍛煉出很強(qiáng)的學(xué)習(xí)能力，有人指導(dǎo)的話可以少走一些彎路，但是容易養(yǎng)成依賴別人的習(xí)慣，影響?yīng)毩⑺伎嫉哪芰Α．?dāng)然我是屬于參加前端培訓(xùn)學(xué)習(xí)的，在這分享一下我的web前端學(xué)習(xí)的經(jīng)驗(yàn)吧。

在學(xué)習(xí)之前，首先要搞清楚，web前端工程師需要掌握哪些技能才算得上是web前端工程師？比如我在學(xué)習(xí)前端技能之前，先制定一個(gè)學(xué)習(xí)計(jì)劃，先看一下招聘網(wǎng)上的招聘web前端的崗位要求什么技術(shù)，先記下來(lái)，里面的技術(shù)要求都是最新的技術(shù)要求。

學(xué)好上面的基礎(chǔ)知識(shí)，然后就是學(xué)習(xí)各種框架了，比如最近比較流行的vuejs框架，還有angular和react，我建議先學(xué)好一種，理解其中的原理和思想，到后面學(xué)習(xí)其他的相對(duì)簡(jiǎn)單一點(diǎn)。jquery框架是最多人用的前端框架，當(dāng)然也要掌握，學(xué)習(xí)它也比較簡(jiǎn)單。css框架也要掌握至少一種吧，比如sass，less，stylus等等，用的比較多的還是sass和less吧。還有精通頁(yè)面布局，css樣式調(diào)整，深刻理解web標(biāo)準(zhǔn)，對(duì)可用性，可訪問(wèn)性，結(jié)構(gòu)與表現(xiàn)分離等等相關(guān)知識(shí)也是必須的。

當(dāng)然也需要精通熟悉bootstrap，font awesome.js等前端基礎(chǔ)庫(kù)，熟悉大規(guī)模的web應(yīng)用開發(fā)，網(wǎng)站性能優(yōu)化和代碼規(guī)范。當(dāng)然如果使自己更加充實(shí)，就學(xué)習(xí)一門服務(wù)器腳本語(yǔ)言，儒nodejs/php/java/python等，個(gè)人感覺(jué)nodejs更接近前端一點(diǎn)，它是前后端分離的框架。學(xué)習(xí)一本后端語(yǔ)言也是一個(gè)加分項(xiàng)，也是為了以后的全棧和架構(gòu)師之路也是必須的，如果你向產(chǎn)品經(jīng)理發(fā)展那就另當(dāng)別論。

針對(duì)于新手，最好是建議去一些web前端培訓(xùn)機(jī)構(gòu)學(xué)習(xí)吧，會(huì)有比較專業(yè)的導(dǎo)師教你入門，為你制定比較適合你的學(xué)習(xí)計(jì)劃，這樣學(xué)習(xí)起來(lái)也比較快。

html css js為什么不直接設(shè)計(jì)成可視化的,像做PPT那樣？

已經(jīng)有很多可視化html css js的工具了，如：DW，H5Builder，百度網(wǎng)站框架，VUE等...

但從效果上始終達(dá)不到ppt那樣，這個(gè)里面涉及到一個(gè)基本的問(wèn)題：開發(fā)語(yǔ)言。

PPT屬于微軟封閉的office套件，其格式獨(dú)家專用，也沒(méi)有提供給開發(fā)者的自定義開發(fā)腳本（excel有VBA宏），word有基本的函數(shù)，ppt只提供了封閉的效果引用，如：動(dòng)畫，圖片效果渲染等。

而html則是超文本標(biāo)記語(yǔ)言，在js腳本和css樣式表描述下，提供給瀏覽器（開放的軟件）臨時(shí)編譯成在瀏覽器框架下運(yùn)行的對(duì)象，所以，才會(huì)出現(xiàn)一些網(wǎng)頁(yè)在一個(gè)瀏覽器中顯示正常，而在另外一個(gè)瀏覽器中則顯示異常的情況，因此，很難提供一個(gè)類似ppt的可視化框架用于web頁(yè)面的拖拽編輯。

最近幾年，前后端分離開發(fā)后，前段都往框架和模版方向發(fā)展，沒(méi)有后端的數(shù)據(jù)支撐，在開發(fā)階段，很多頁(yè)面甚至就是一片空白，就更加不可能用ppt的方式來(lái)開發(fā)了！

前端工作會(huì)被AI代替嗎？

不會(huì)。但是AI將取代前端工作中一些機(jī)械化的部分。

機(jī)器學(xué)習(xí)生成代碼方面已經(jīng)有不少研究了。例如，2017年Tony Beltramelli發(fā)表了《pix2code: Generating Code from a Graphical User Interface Screenshot》（arXiv:1705.07962），可以從設(shè)計(jì)師制作的程序界面截屏生成代碼（包括網(wǎng)站和移動(dòng)端）。

上圖為pix2code模型架構(gòu)?？梢钥吹?，pix2code使用了CNN和LSTM模塊。

pix2code的表現(xiàn)十分喜人。在前端代碼生成方面，準(zhǔn)確率接近90%（錯(cuò)誤率11.01%）。

左為人類編寫的前端代碼渲染出的網(wǎng)頁(yè)，右為pix2code自動(dòng)生成的代碼渲染出的網(wǎng)頁(yè)?？梢钥吹?，生成代碼還有一些不到位地方，但效果已經(jīng)相當(dāng)好了。

曾幾何時(shí)，設(shè)計(jì)師需要使用PS手工切圖，測(cè)量、標(biāo)注各種尺寸。相應(yīng)地前端也需要把設(shè)計(jì)師的這些“體力活”用代碼再重復(fù)一遍。后來(lái)有了Sketch等方便的工具，可以直接從設(shè)計(jì)原型輸出HTML和CSS代碼，使設(shè)計(jì)師免于切圖之苦，前端免于寫頁(yè)面之苦。但是，反過(guò)來(lái)說(shuō)，如果有人是專門負(fù)責(zé)切圖或者寫頁(yè)面的話，那這些工作實(shí)際上是被取代了——而這甚至還沒(méi)涉及到人工智能。本來(lái)，一些機(jī)械化的活，計(jì)算機(jī)能干得又快又好，就該交給計(jì)算機(jī)來(lái)干。隨著人工智能的發(fā)展，工具能更好地輔助前端，提高開發(fā)效率。