互聯網前端學習應該如何入門？
我今年大三，一直比較喜歡互聯網以及電子商務。但是對於所謂的互聯網前端設計方面，一直不知道該從哪些地方學起。求各位給點建議，我還有一年時間去學習，應該按照怎樣的學習進程？
加一個項目 跟一個師傅 別自己搗鼓了。。
- js進階以及重要知識點總結
- 前端進階: （以下是豪大大的乾貨）
第一階段
第二階段
第三階段第四階段第五階段第六階段本文目前依據是菜鳥教程：
JS菜鳥JSw3cJS基本編程語法變數
運算流程式控制制
數組調用函數自定義函數自定義對象string對象原型(prototype)this事件jsonJS函數函數定義
函數調用函數的參數
閉包JS HTML DOM目前來看都要
JS高級教程string,prototype
arrayregExpBooleanjs繼承(call,prototype,apply)//紅皮書第六章
js的執行順序js事件機制(委託，綁定，監聽，冒泡和阻止冒泡，兼容性)//紅皮書13章了解ajax的xmlhttprequest及其創建方法(多瀏覽器兼容)，跨域，明白其工作原理，http協議(get,post;如何傳遞參數，設置cookie)
前端學習計劃推薦：以下都是我從知乎裡面找到的乾貨
計算機行業很多都符合82定律，也就是20%的東西的使用頻率佔到80%，所以很適合囫圇吞棗，我們的重點就是把這20%學起來，而首先要做的就是把這20%的東西找出來。
在我看來前端這20%的東西大概就是常用的html標籤，css的盒子模型，基本的原生js，以及熟練使用jquery，ajax，常見瀏覽器的兼容。拿下這些東西意義非凡，一方面證明你適合做前端這份工作，另一方面這些技能能讓你找到一份工作。讓你能夠從容地去學習剩下的80%。總之就是專心對付最重要的東西，那些什麼less、sass、angular這類的東西，當你把我之前說的基礎打好之後，學習起來暢通無阻，隨學隨用。最後我覺得最難的就是實踐，只有實踐才能學到真正的技術，新人很難參與一些有價值有意義的項目，沒有這些項目又很難成長，所以自己有項目可參與應該珍惜，沒項目應該多造一些有價值的輪子。1.html的語法、格式，常用的標籤極其作用，理解標籤的嵌套，學習使用firefox+firebug或者chrom的調試工具，能夠使用這些工具調試html、css、js、斷點調試、抓包
2.如何引入css、js（有多少種方法，各種方法有什麼區別），理解id、class屬性的區別，學會css的常用選擇器，理解盒子模型（padding，margin，border，width，height，），css坐標系，css布局（position的absolute、relative 、fixed、static），css浮動（float：left、right ）和清除浮動（clear）,display:inline、block、inline-block、flex
3.js的執行順序，基本的編程基礎（變數、運算、流程式控制制、數組、調用函數、自定義函數、對象）、json、js的dom操作、js的事件機制（委託、綁定、監聽，冒泡和阻止冒泡，兼容性），了解ajax的xmlhttprequest及其創建方法（多瀏覽器兼容）、跨域，明白其工作原理，評論里有朋友說http協議，確實是我疏忽，在學習ajax這部分免不了需要懂點http協議，比如什麼是get和post，這兩種如何傳遞參數，設置cookie等
4、使用jquery解放你的開發工作，學會jq選擇器，修改屬性、監聽事件、修改css，學會寫jquery插件。這一步我覺得可以和第3步穿插學習
5、搭建伺服器，弄個傻瓜伺服器比如wamp，phpstudy等軟體，可以一鍵建立一個apache+php+mysql的伺服器，前期可以把你的靜態頁發布到本地伺服器，使用本地伺服器配合ajax學習。
6、學點伺服器端，建議php+mysql (博主學的是nodejs+mysql)
伺服器端腳本其實很簡單，總結起來就是4個東西：SESSION、COOKIE、Request、Response，結合http協議理解如何從Request取得數據，經過處理後Response給客戶端。這就是整個過程。至於mysql也就是基本的sql語句。如何使用php進行CURD操作。這塊其實很難總結，基本上以實現業務為主。7、來點框架，理解MVC模式、推薦個比較流行的MVC框架：ThinkPHP，簡潔好用不解釋，國人弄的，文檔和例子什麼的非常豐富。
作為一個學習了前端5個月，前身是個設計師的前端小白，學習之路可以供大家看看。
1.做所有事情之前先確認，你對前端的喜歡程度。如果足夠喜歡，請往下看。2.關於書籍:需要多敲代碼多發現，但必須要去看書。千萬不能學習網上那種浮躁的方法，直接實踐，不懂然後直接找解決方案，這可以幫助你解決一時之需，但遇到類似的問題的時候，你並不能馬上觸類旁通，長遠來說這無論對於程序員還是其它職業來說無疑是降低了學習的效率。只有書籍裡面的內容才是經得起考驗，真正放心地放到我們的知識存儲裡面。就書本身而言，我不建議大家看國內人寫的書。以下是入門的分類書籍：
CSS: CSS入門經典--美國人RICHARD YORD寫的 CSS高級精通標準第二版--CSS的書無人出其右 CSS禪意花園--原文挺好的，不過翻譯得比較差勁JS:DOM編程藝術--Javascript高級程序設計--javascript語言精粹--編寫可維護的javascript--javascript設計模式--javascript權威指南（只當工具使用）--高性能javascript 其中的javascript高級程序設計需要讀至少3遍，敲一遍代碼3.關於敲代碼 一開始一定要照著別人的代碼照著打，中間遇到不理解的沒關係，一定要堅持去解決遇到的小問題，把自己的基礎和自信積累起來。盡量挑一些由淺入深的代碼來照著打。比如實例索引4.關於筆記 要善於做筆記。我用了兩個本子去記住我遇到的問題，然後隔幾天再看一下，盡量保證遇到這類問題的時候能解決。5.關於博客
要多關心國內外的大牛，知乎豆瓣裡面都有，比如月影，比如 @張克軍之類的業內前端大牛的動向，了解他們在了解的東西有助於我們把握一些我們自己把握不到的業界信息6.關於其它 一開始千萬別用類庫之類的工具，jq，YUI固然好，但無法幫助我們走的更遠。把基礎打紮實，才能更好的利用類庫。多點看看github，stackoverflow之類的網站，看看別人寫的源碼。遇到問題多看標準。訂閱比較好的前端諮詢，比如dailyjs之類的。---------額外的進階--------------對於進階來說，可能更多的要接觸別的知識，比如說http協議，後台的語言，比如php，python，nodejs之類的，有助於反過來了解前端優化或者其它一些方面使用的根源好久沒有碼字了。看到知乎上有很多回答，但是我知道問這個問題的人都是新手，所以今天突然硬起來想寫一下關於我的看法，僅針對編碼型前端工程師。
作為一名前端工程師（讓我去掉優秀或資深這類形容詞），必須要掌握的三樣東西HTML,CSS,Javascript。這裡掌握的意思是，你不需要去藉助搜索引擎去完成你的主要任務，當然我沒有涵蓋到書本，因為在JS發展到現在的，我們已經在裡面添加里數不清的介面，你也不可能全部都瞭然於心。
三者當中你還要比較深刻了解JS中的兩大部分，COREscript 和DOM,前者也就是我們經常提到的ECMAscript。你需要知道JS中最不同於其他語言的一些基本概念，諸如原型鏈，事件冒泡，字面量等，這對於你去了解一些框架有很大的幫助。當然你是不能不懂得AJAX，幾乎我沒有見過有哪個新型web站是不用這些技術的。另外你還懂得如何去操縱DOM，這個很關鍵。也是最繁瑣的一個地方（繁瑣的地方是，當你深入理解到節點類型，map，一堆繁瑣的底層API的時候，你就會想哭的感覺，當然很多時候你都不會用到這些東西），當然一般來說它也不是什麼難題，多加訓練即可。
而CSS中最讓人難以理解並不是什麼布局浮動問題，而是它的兼容性，這個需要經驗和專門去了解。當然如果你是為了去面試，那麼知道幾個IE6下bug也不是什麼難事。
HTML是最容易被人忽略，但是由於這幾年HTML5火起來了。所以前端工程師也更加重視起來了（個人比較失望的是，業界似乎更多的心思花在HTML5構建移動APP的方面），實在我個人理解是HTML5的很多特性都是利用JS來操作的，它並沒有說多了什麼晦澀的概念（裡面涉及到的web
socket 需要重點理解），只是一些新的擴展性API，在經驗當中可以成長。===========================我是分割線===========================
當你覺得自己概念知識都能夠基本掌握的時候，那麼請你去實踐。多麼偉大的代碼都要經過實踐出真知，它不僅可以給你帶來驗證，而且它可以讓你深刻去理解。
如果你想繼續提升自己的能力，那麼可以從以下幾個方面去提升：
1.閱讀別人的程序，理解別人的思路。你可以去使用和閱讀框架，當然有人一聽到框架就會嗤之以鼻，特別是性能黨。我想說框架是個好東西，不過前提是你最好理解底層的東西。
2.優化你的程序，業界都過分推崇YUI14，不過你可以去看看了解如果去把你的程序做精做簡，這是非常考驗一個前端工程師的自我修養能力。
3.構建一個後端程序，或許你可以使用node去構建一個伺服器，網上有教程手把手教你從基本做起，讓你可以很好的貫穿前後端的知識。
4.如果你還有時間，那麼可以學些腳本語言提高下自己的能力。作為一名前端個工程師，我們並不是需要你很全面的掌握一切有關計算機的知識，因為那樣很不實際。你要相信你的記憶力和精力都是有限的，特別是面對費腦子的計算機。
最後推薦幾本我個人認為比較不錯的書籍：
1.《Javascript DOM 編程藝術》（入門書籍，沒有之一）
2.《Javascript 權威指南》（我讀的是第5版，翻譯有點爛，盛名之下，個人覺得讀不讀都沒所謂，有能力請讀原版，或買6版中文，是淘寶翻譯的，我猜應該不錯）3.《Javscript 高級程序設計》（必讀書籍，沒有之一）4.《基於MVC的Javascript Web 富應用開發》（個人推薦，實踐至上）5《高性能網站》（即YUI14，這本書有續集，但是裡面用的方法太geek，國內不常見）從基礎到精通列舉Web前端工程師的學習路線：
HTML5、CSS、JavaScript、JQuery、Ajax是Web前端工程師的核心技術，另外，作為一個合格的前端工程師還需要熟悉互聯網交互設計能力、熟悉後端伺服器運行環境和數據通信協議、掌握響應式布局框架、Bootstrap、AngularJS等最新的JS框架技術。更多具體的基礎可以看我的回答web前端怎樣入門？
不知道從哪學起？去看看各網站的招聘要求就知道了
你的描述來看，你不是喜歡前端.你應該去走PM線.
前端框架太多了，給人眼花繚亂的感覺，初學者建議不要東一榔頭，西一榔頭，
找准一個比較流行的，先深入學習，然後在展開學習前端的其他語言或者工具。
我個人推薦優選：
第一階段：html5+css3（bootstrap）＋jquery
第二階段：
css可以深入學習less或者sass
jquery的插件應用，比如日期選擇空間，數據列表等等
字體庫：FontAwesome
Ionicons
第三階段：可以構建方面gulp，grunt等等
自己先整體上了解下前端，然後看準一個點，單點突破，在學其他的就變得容易多了。
可以關注我的社區，裡面有不少學習資源和精華文章，希望能有所幫助。
牧虎網 - 傳說是地球上最好的IT技術社區
大三好年輕啊！！看你的提問，應該是還沒有相關的基礎，可以在網上找找相關的視頻看，傳智播客論壇有很多免費視頻，初級入門的也不少，你可以去下載一些聽聽。
關於學習路線，下面摘一段別人寫的文章的一段，比較適合你現在的情況：
在入門階段，你首先要學會最基本的技能：根據UI的設計稿，實現HTML的靜態頁面製作。這就要求你得掌握HTML、CSS頁面布局排版、樣式美化等技能。
在這個階段你需要學習：
1、HTML+CSS基礎
掌握HTML的標籤使用、排版技巧、CSS的布局定位、樣式美化、瀏覽器兼容性。
2、JavaScript基礎
掌握JS的基本語法、條件、語句、循環等，學會常用演算法，增強邏輯性。
3、常用的前端工具
比如Webstrom、Sublime、Dreamweaver等。掌握其快捷鍵設置等技巧，可快速提高開發調試效率。
這個階段的學習難度相對不高，學完這些之後，你已經能完成靜態頁面的製作。當然，這只是入門，如果你想用這些技能找工作的話還是比較困難的。
在接下來的這一個階段，要讓自己達到前端開發行業的基本要求，讓自己有底氣出去找一份月薪8000以上的工作！
這個階段我們要重點掌握這兩方面的能力：
1、利用jQuery、Bootstrap等框架開發複雜的交互功能與效果；
2、利用HTML5、CSS3、Canvas進行移動端開發。
- HTML4+5
- CSS2+3
- Javascript
- Ajax
- JQuery
- photoshop
- flash
作者：老白
鏈接：怎麼學習前端開發？求推薦學習路線？？ - 知乎用戶的回答
來源：知乎著作權歸作者所有，轉載請聯繫作者獲得授權。作為一個曾經的前端RD和TL，現在的教育工作者，我覺得我能回答這個問題。
前端是一個看似入門門檻不高，但要學好很難的領域。前端的知識體系龐雜又鬆散，技術演進快，如果摸不清脈絡的話很容易陷入盲人摸象的困境甚至跑偏。
其實只要掌握了正確的方法，學習前端和學好前端就只是個時間問題，希望下面的回答對題主有所幫助。
1.梳理清楚知識體系框架
學習前端，不管是入門還是進階，一定都要有知識體系建設的想法。就算是剛開始學，也一定要有這樣的意識。前面說過，因為前端知識點多而分散，所以如果不能構建起自己對於前端的知識體系框架的認識，很容易就會不知所措，沒了方向。
現在網上關於前端知識體系的腦圖很多，但是往往過於複雜，不適合初學者。作為一個初學者，每個人都應該自己做一份自己的前端知識體系腦圖，先有一個最基本的框架，然後在學習的過程中慢慢完善。
這樣通過和別人腦圖的對比，你也很容易知道還有那方面的知識是需要補充完善的。
這裡我給出一個簡單的模版，其實作為一個剛入門的前端新人，有這樣的大框架已經完全夠用了，不用追求大而全，學習的畏懼心理也會小很多，隨著你學習的深入，這個腦圖也會慢慢豐滿起來。
2.準備和基礎的學習
要開始的時候做一些基礎工作還是必要的，比如選一個自己喜歡的編輯器啊，比如科學上網啊，比如怎麼高效的使用搜索引擎啊，比如git啊，比markdon語法啊，這些東西都可以大幅度提升你的學習效率或編程的幸福感，所謂磨刀不誤砍柴功，你也可以把這些東西記在你的腦圖裡。
接下來你就可以開始學習基礎知識啦。HTML，CSS，Javascript這三樣真的很重要，真的很重要，真的很重要，剛開始的時候你壓根不用去管那些花里胡哨的框架，一定要把基礎打好。框架再怎麼更新迭代，最基礎的東西還是這三樣，只要你能掌握好基礎，就等於拿到了打開前端世界的鑰匙。
不管你的前端學習到了哪個階段，對基礎知識的好奇心一定不能斷，這裡面有太多細碎的知識點，每一份spec都又臭又長，就算你已經工作兩三年，這裡面肯定都還有你不知道的東西。
好了，到這個時候你的知識體系腦圖差不多應該長成這個樣子了：
推薦的做法是什麼樣的呢？其實很簡單，就是再去細化這些知識點的層級，理清各個知識點的脈絡，從宏觀上先對這些知識的體系和框架有一個比較清楚的認識。
就拿HTML來簡單的舉例一下：
現在你就可以去往裡面補充些細節的東西了，你可以在腦圖上用不同的顏色標出不同的優先順序，以便劃分學習的優先順序並方便以後review。
3.把學的東西用起來
每次學過一些小的知識點，都要想辦法把它們用起來，想清楚這些知識點的有哪些使用的場景，等到基礎知識學到一定程度了也可以反過來，先預先想好場景和要實現的功能，再去想在這些場景下面該用哪些知識，如果遇到了解決不了的問題和沒有學過的知識，去你的腦圖裡把它的位置搞清楚，寫出來。列入後續的學習計劃。
一定不要一直看，一直學，卻不在具體的場景里去用，你應該養成拿自己學到的東西做些東西解決些問題的習慣。不斷的做出東西，解決問題，不斷給自己正向的激勵，不斷的完善自己的知識體系，一定要讓自己有成就感。
今天就先說到這兒，以後如果有機會看需要再更新。也歡迎大家加我的微信公眾號：種貓得喵 一起討論。喜歡設計頁面，玩了一年開源，現在也正考慮學習網站前端。
按照你的提問，前端應該分兩個方向：前端開發和前端設計
一個是寫代碼。JS、HTML、CSS。 一個是頁面設計。 事實上，如果你想快速建設一個電子商務網站，找一套開源程序，買個空間、申請個域名就搞定了。一行代碼不用寫。我也是大三，正在學 PHP+MySQL。 PHP100上有視頻教程，個人感覺還不錯，你參考看看
前端，涉及到設計和編程，屬於結合體，比如：flash，ps，ai，coreldrAW，php，javascript，css，xml，html等等！
大三，建議你嘗試走後台路線，可以學學JAVA P語言等……
看下企業的招聘就知道。
html css javascript ps這些最基礎的開始吧 多寫代碼
入門中-，- mooc網上面一系列課程我覺得入個門感覺很棒還有一些經典的小項目 跟著視頻做出來然後自己想怎麼改以及怎麼改
僅是建議… 3個月，半個月學css和html，半個月學css3，1個月學js，半個月學es6，半個月學構建工具和一個主流框架，入門應該就可以了。
推薦閱讀：
※為什麼新一代年輕人不唱KTV了？
※國內很多互聯網公司紛紛「出海謀生」，比較成功的獵豹移動甚至上市了，其中有哪些經驗和教訓？
※有沒有一款互聯網產品，能幫人養成好的工作和學習習慣？
※如何將以下知識點串聯起來？（分組/電路交換、光/電/數字/模擬信號、各種信道復用、乙太網/傳輸網）
※互聯網的閉環到底是什麼？