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

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

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

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

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

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

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

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

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

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

新手怎么快速學(xué)習(xí)web前端技能？這個(gè)問題是剛開始學(xué)習(xí)web前端開發(fā)的朋友都會想問的，開始的時(shí)候沒有人帶你和有人帶你是不一樣的，各有利弊吧，沒有人指導(dǎo)的話會苦逼一點(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ù)，先記下來，里面的技術(shù)要求都是最新的技術(shù)要求。

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

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

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

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

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

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

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

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

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

前端工作會被AI代替嗎？

不會。但是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)頁，右為pix2code自動(dòng)生成的代碼渲染出的網(wǎng)頁?？梢钥吹?，生成代碼還有一些不到位地方，但效果已經(jīng)相當(dāng)好了。

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