這是我的前端學習路線,大家幫忙看看有什麼不好的地方?


還是以一個項目一個項目為主吧,這樣子找工作面試的時候有東西說啊。從最簡單靜態網頁,到一個能夠和第三方API通信的網站,到一個能夠實現用戶登陸有前端有後端的網站。


知乎上問這些問題的人很多,我想說一句政治不正確的話:

實際上並沒有什麼路線,一切都是需求驅動而已。

當你在學習HTML+CSS的時候,你會發現有些交互或者動畫就算用CSS3也很難做或者根本做不來,你自然而然就會學JS;

當你學習JS的時候,你會發現有些常用的操作寫起來很複雜,還要考慮不同瀏覽器兼容問題,你自然會去學習jQuery;

就這樣完成了第一個有點像樣的網站。

準備寫第二個項目了!

哎?這個布局跟第一個很多地方很像哎!比如這個按鈕的樣式,比如這個三欄布局……但是又要重新寫一遍,如果跟搭積木一樣方便就好了。於是你學了Bootstrap;

我勒個去,為什麼手機上看我的網站這麼丑?於是學會了響應式;

這裡有個免費的API有我想要的數據哎!!學會了ajax;

這麼多數據我一個一個append進去一點也不優雅!於是學會了模板引擎;

哇,這裡有個bug,我想改,但是怕把整個項目都玩壞了怎麼辦?於是學會了git,切本地分支;

不行,這個bug我自己果然無法解決,還是讓我二舅家在電腦城上班的大表哥幫我解決吧。於是你學會了遠程協同開發;

我要做用戶登錄,有人用我才有成就感!恩恩,Node+MongoDB看起來還不錯。

至於你說的JAVA,大概是另一條棧的東西了。棧很深,也很廣,慢慢玩~


同意 @周紹華的回答,從項目做起

理論路線上題主設計得可以,但項目實踐是實現理論學習的最好方式。

建議將git和github提前,將自己做的每一個東西,從一開始的html,css做出的靜態頁面,再到用js做出的簡單交互,再到jquery插件的使用甚至到編寫,再到自己對框架和布局的理解以及實戰寫出的頁面,到支持前後端的整站或者系統,全部扔上github。

也可以寫寫博客寫寫心得,面試的時候展示也是很棒的。


git放在第二。

h5 c3在bootstrap前面。

node加上es6。

Java沒項目需求的話,去掉。


推薦閱讀:

CSS究竟是怎麼工作的?
學了html和css,但是自己做靜態網頁布局的能力很差不知道怎麼提升?
零基礎的人如何在一個月內做出令人驚訝的網站?
怎麼為html元素加一層不影響dom結構的包裹元素?
像素和CSS媒體查詢?

TAG:網頁設計 | 前端開發 | JavaScript | jQuery | HTMLCSS |