web前端零基礎(chǔ)該怎么學(xué)習(xí)

1、web前端零基礎(chǔ)該怎么學(xué)習(xí)因?yàn)榍岸碎_(kāi)發(fā)的火熱和一些it巨頭公司對(duì)？web前端開(kāi)發(fā)人員的需求旺盛，讓越來(lái)越多的人轉(zhuǎn)入前端。前端開(kāi)發(fā)領(lǐng)域是it技術(shù)語(yǔ)言領(lǐng)域唯一一個(gè)男女老少都可以迅速入門(mén)并迅速提升愛(ài)好的領(lǐng)域，今日就來(lái)聊聊前端到底該怎么學(xué)——話(huà)不多說(shuō)，讓我們挺直進(jìn)入今日的主題。web前端的基本工作職責(zé)和基礎(chǔ)技能（要清晰）web前端的分類(lèi)和門(mén)派（簡(jiǎn)要概述，武林實(shí)在是太大啦）。前端開(kāi)發(fā)必看的書(shū)籍資料（干貨重點(diǎn)）。假如你已經(jīng)了解清晰以上前2點(diǎn)并思路清楚，那就跳到后面的 前端開(kāi)發(fā) :必看的書(shū)籍資料 。web前端的基本工作職責(zé)推舉一個(gè)web前端學(xué)習(xí) qq群60672179

2、8，歡迎大家加入，天天晚上在騰訊課堂都有一個(gè)技術(shù)學(xué)習(xí)課，會(huì)有教師共享干貨，協(xié)助大家分析解答問(wèn)題入一行，要先知一行 ;我們來(lái)看看web前端開(kāi)發(fā)職位無(wú)論什么門(mén)派都要做到的一些基本工作職責(zé)。首先，你必需是一個(gè)合格的頁(yè)面仔，這個(gè)叫法不好聽(tīng)，但很生動(dòng)。我們都知道，全部展現(xiàn)的內(nèi)容都是基于html網(wǎng)頁(yè)的。假如你的html、css（包括現(xiàn)在的html5+css3）基礎(chǔ)不會(huì)，或者不夠扎實(shí)，都很難在有大的長(zhǎng)進(jìn)，或者你的js很好，但布局基礎(chǔ)不可，還是不能算合格的web前端。第二，前端主要負(fù)責(zé)實(shí)現(xiàn)視覺(jué)和交互功能，以及與后端服務(wù)器通信，完成業(yè)務(wù)規(guī)律?，F(xiàn)在前端的核心價(jià)值在于對(duì)用戶(hù)體驗(yàn)的極致追求。那么我們靠什么來(lái)提升用戶(hù)體

3、驗(yàn)和人性化操作，讓用戶(hù)覺(jué)得體驗(yàn)牛x、舒適呢？（固然細(xì)分厲害的公司，會(huì)有特地的用戶(hù)體驗(yàn)攻城獅）固然是我們自始自終的主角javascript了，究竟它最初就是為掃瞄器而生的腳本語(yǔ)言。然而，js這門(mén)語(yǔ)言并不是一種強(qiáng)類(lèi)型語(yǔ)言，更像是一種說(shuō)明型語(yǔ)言，所以無(wú)數(shù)屬性，在不同的掃瞄器環(huán)境說(shuō)明有很大不同導(dǎo)致，效果和性能千差萬(wàn)別，而且無(wú)數(shù)屬性之長(zhǎng)，之多，之巨都很有工作量。之后，就浮現(xiàn)了jquery這種的框架神器，因?yàn)槠浜糜?，容易，效果多樣，兼容完善，高效率等特性，快速席卷全世界，所以假如想入門(mén)，jquery這個(gè)東西你是逃不掉的，而且利用它容易的語(yǔ)法，你會(huì)很快將一些效果實(shí)現(xiàn)出來(lái)，快速提升愛(ài)好。再后，既然涉及到視覺(jué)和

4、用戶(hù)體驗(yàn)，那么ui設(shè)計(jì)學(xué)問(wèn)，你絕對(duì)要涉及或者懂一些設(shè)計(jì)方面的技能和基本素質(zhì)，比如ps的一些基本操作，切圖，和色彩值（比如會(huì)改個(gè)字，躲藏個(gè)圖層，改個(gè)尺寸，變個(gè)色彩什么滴），屏幕適配計(jì)劃等，講道理說(shuō)：平常并不需要我們做，但技能包里肯定要有。最后，服務(wù)器學(xué)問(wèn)+后端語(yǔ)言基礎(chǔ)，這個(gè)職責(zé)和話(huà)題就比較hight了，到后面我們會(huì)一一說(shuō)明?？傊?，web前端同樣是程序員，因?yàn)榍岸耸俏挥诤蠖顺绦蚝徒缑嬖O(shè)計(jì)師之間的崗位，相當(dāng)于中間橋梁，要完成三者的對(duì)接，涉及到廣泛的學(xué)問(wèn)，規(guī)模大到工程級(jí)，也就有了前端工程師的說(shuō)法（某人總結(jié)，很是到位）。web前端工程師，是一個(gè)要精通本職html、css、javascript，也要了解后

5、端編程，了解界面設(shè)計(jì)，了解軟件工程的綜合人才?？吹竭@一大篇的職責(zé)和技能，你也別膽怯，由于這些就像小孩子，會(huì)走路，會(huì)說(shuō)話(huà)。只要你有愛(ài)好，只要有人領(lǐng)路，有教程自然而然就能把握的技能，至于一些設(shè)計(jì)素質(zhì)，反正你不是ui，有最好，沒(méi)有又有什么所謂呢？web前端的分類(lèi)和門(mén)派按照web前端的細(xì)分工種和業(yè)務(wù)不同，我無(wú)恥的把她比擬出來(lái)幾個(gè)門(mén)派，供大家參考，也讓無(wú)比浩大的前端劃分變得好玩一些，不然下面我放一張圖，你看了會(huì)暈菜。web前端學(xué)問(wèn)體系實(shí)在是太浩大，先不感慨了，我們抓緊去看干貨！web前端開(kāi)發(fā)：必看的書(shū)籍資料html + css這部分建議在在線(xiàn)教程上學(xué)習(xí)，邊學(xué)邊練，每個(gè)屬性后還有在線(xiàn)測(cè)試。然后過(guò)一遍之后可

6、以仿照一些網(wǎng)站做些頁(yè)面。記住這個(gè)一定要多練、多練、多練 ，最重要的事兒還得我說(shuō)三遍？javascript要學(xué)的內(nèi)容實(shí)在無(wú)數(shù)，假如沒(méi)有其他編程語(yǔ)言的基礎(chǔ)的話(huà)，學(xué)起來(lái)可能要費(fèi)些力，還是建議先通過(guò)在線(xiàn)教程學(xué)習(xí)一些基本語(yǔ)法和定義。然后你必需要看書(shū)，然后實(shí)踐（好多人問(wèn)有沒(méi)有迅速捷徑，我只能告知你：假如有捷徑，碼農(nóng)們就不用每天如此苦逼了吧）。記?。喝痰米」陋?dú)枯燥，才干拿得到高薪！對(duì)于習(xí)慣看視頻學(xué)習(xí)的學(xué)生，以上內(nèi)容也可以在在線(xiàn)學(xué)習(xí)網(wǎng)站上去搜，現(xiàn)在大部分基礎(chǔ)課程講解都還不錯(cuò)。跟著敲一起學(xué)，的確可以避開(kāi)看書(shū)查資料的枯燥。以下內(nèi)容都是結(jié)合我自己的學(xué)習(xí)路途與閱歷，再收拾匯總了網(wǎng)絡(luò)各路大神的資料，希翼能協(xié)助綿綿不斷入

7、坑的新人更好的學(xué)習(xí)。web前端書(shū)籍必讀、必買(mǎi)最好根據(jù)我給的挨次入門(mén)，這樣不會(huì)讓你枯燥，想放棄，假如先推舉經(jīng)典的厚的，滿(mǎn)篇定義，我估量是害你們放棄。1 . javascript先說(shuō) javascript，由于前面說(shuō)了，css最好跟著視頻練習(xí)，究竟都是可視化的，像做藝術(shù)。javascript dom編程藝術(shù)最好的js入門(mén)書(shū)籍，最讓人有愛(ài)好讀完的那種書(shū)。它通過(guò)一個(gè)幻燈片案例，從頭到尾教你實(shí)現(xiàn)出來(lái)，最后效果實(shí)現(xiàn)的同時(shí)，基本的js常用屬性，你也就滾瓜爛熟了，很有成就感。（個(gè)人很偏向這種風(fēng)格書(shū)籍，此書(shū)讓我徹底愛(ài)上前端js）一目了然地告知你如何用js操作dom（這是掃瞄器端編程的基本功），還灌輸了最符合標(biāo)準(zhǔn)

8、的編程理念。惋惜有點(diǎn)老，最新一版是2010年的。不過(guò)不影響閱讀和實(shí)現(xiàn)，所有根據(jù)最新es5屬性就行了。javascript高級(jí)程序設(shè)計(jì)又稱(chēng)紅寶書(shū)，雅虎首席前端架構(gòu)師，yui的作者zakas出品。雖然書(shū)名帶了高級(jí)二字，但是講得都很基礎(chǔ)的屬性?xún)?nèi)容，事無(wú)巨細(xì)。關(guān)鍵一點(diǎn)是翻譯的也很到位，并不是如嚼蠟普通，這很重要?？创藭?shū)，我建議配著下面的犀牛書(shū)一起看效果更佳。javascript權(quán)威指南聞名的淘寶前端團(tuán)隊(duì)翻譯的，看譯者列表都是一堆前期大神。這本書(shū)又叫犀牛書(shū)，被國(guó)人譽(yù)為：javascript開(kāi)發(fā)者的圣經(jīng)。網(wǎng)上對(duì)此書(shū)評(píng)價(jià)無(wú)數(shù)很好，也許意思是說(shuō)這本書(shū)是一本javascript文檔手冊(cè)，更適合當(dāng)作字典和備忘錄查

9、詢(xún)來(lái)用法。我也是對(duì)這本書(shū)有很厚的感情和依靠（忘了屬性就拿來(lái)翻翻，總有收獲），個(gè)人感覺(jué)這本書(shū)還是寫(xiě)得枯燥了些，究竟是工具性質(zhì)，不適合當(dāng)作第一本入門(mén)來(lái)看，不過(guò)內(nèi)容肯定是五顆星，無(wú)可挑剔！神書(shū)javascript語(yǔ)言精粹作者是大名鼎鼎的 【老道】，我的js偶像，我github第一個(gè)關(guān)注的就是這個(gè)大胡子叔叔。他是 json格式的發(fā)明和維護(hù)者，也有無(wú)數(shù)著作和對(duì)js這門(mén)語(yǔ)言的超多貢獻(xiàn)，可見(jiàn)此人功力肯定頂級(jí)！這本書(shū)，屬于略微入門(mén)以后看的，了解了一些中高級(jí)概念比如：閉包、原型鏈、作用域鏈、繼承封裝等以后，看此書(shū)有如神助，看一頁(yè)相當(dāng)于犀牛書(shū)幾十頁(yè)的講解（不吹牛逼，當(dāng)初我是這感覺(jué)的）2 . csscss類(lèi)，假如視

10、頻看完了，練習(xí)的嫻熟了，你還需要一些書(shū)的推舉和查詢(xún)，也是有須要的，我再來(lái)給你排列幾本經(jīng)典的保藏書(shū)，買(mǎi)不買(mǎi)均可的head first html&css好的入門(mén)書(shū)?？磧杀榫蛯?duì)html & css有個(gè)也許印象了。此時(shí)把w3cschool作為備查手冊(cè)保藏起來(lái)，結(jié)合此書(shū)，事半功倍，成就感爆棚。css權(quán)威指南（第三版）最權(quán)威的css書(shū)籍，除了閱讀w3c的文檔外的不二挑選（就是翻譯太操蛋，可能有的詞你以為是火星語(yǔ)，不過(guò)不影響閱讀）。有時(shí)光可以反復(fù)看，有css3內(nèi)容，并當(dāng)做字典隨時(shí)查。類(lèi)似犀牛書(shū)。圖解css3：核心技術(shù)與案例實(shí)踐這本書(shū)講解的是最新的css3（前幾本書(shū)停歇在css

11、2.1時(shí)代，2.1是基礎(chǔ)），css3也是必學(xué)的，不然真的跟不上時(shí)代了。css禪意花園這本書(shū)很值得期盼，我看過(guò)pdf版本的，那時(shí)候還沒(méi)翻譯出來(lái)，翻譯的也普通，不過(guò)作者是巨牛逼的，聽(tīng)說(shuō)對(duì)css理解的就像自己的左右手，光靠寫(xiě)css他年薪就輕松百萬(wàn)了汗顏！思路清楚，圖文并茂，還解決一些疑難雜癥和高級(jí)技巧，類(lèi)似于js的語(yǔ)言精粹了，大神級(jí)別。好了，差不多就推舉到這里，css這基本是基于情懷，排列一下，買(mǎi)不買(mǎi)都沒(méi)須要，想當(dāng)年我學(xué)css是憑著幾個(gè)僅有的視頻，一個(gè)屬性一個(gè)屬性的練習(xí)，還有ie6各種兼容問(wèn)題，虐到爆，那酸爽（現(xiàn)在你們是幸運(yùn)的，基本不用兼容ie6這個(gè)老東西了）。真正起到打算作用的，還是js語(yǔ)言的把握和實(shí)踐，js能力越強(qiáng)基