作為一個剛入門的前端愛好者，以後立志成為前端攻城獅的我，應該要學習哪些方面的知識？

01-14

我現在剛通過學校一個公眾號技術部門的面試，估計以後的前端設計都會交給我，但我現在只是了解一些基礎知識，級聯樣式表和表格什麼的，連jQuery和響應式網頁都沒會，公眾號的服務包括查詢課表或者四六級成績，一些比賽活動的投票，這些以後都要我參與進去，所以我應該要優先學習和了解哪些知識

@馮菲的升級版：

http://html5ify.com/fks/fks_chart/

對應的github庫項目：

JacksonTian/fks · GitHub

獻出珍藏一張，當時有所感悟。。

仿照做個google或者百度的首頁吧，祝你找到適合自己的學習途徑^_^

我對前端沒什麼興趣，甚至對後台也沒什麼興趣。為了裝逼，想搭一個個人網站，去年暑假一直學到現在，感覺什麼都沒學會，只學會一句話：「前端坑深不見底。」

優先要學會的就是一些常用標籤的使用唄,然後常用樣式表語言的用法,起碼能比較準確的重現設計稿上的布局.

我記得公眾號查詢返回的要麼是簡單的文本,要麼是圖文列表,圖文列表也是非常受限和不能修改樣式的,除非你返回的消息引導用戶跳轉到頁面.或者直接自定義菜單跳轉到頁面,難道你做的是那一塊?

1. 我猜你肯定沒看過這個圖，顫抖吧，騷年！

（圖片來自 http://weibo.com/jayli）

2. 具體點可以看下這個

前端知識體系結構的收集與整理 · Issue #9 · ecomfe/edp · GitHub

評論里 @xs yin 提醒了我，你不可能全都掌握，但是要很熟悉至少一兩個方面了解很多方面。

別被那些所謂的圖嚇倒，那幾張圖有幾個人能完全掌握？什麼不會就學什麼吧。上慕課網把所有前端教程看一遍就知道有哪些需要學了。

css 和js基礎都很重要,框架和庫是以後的事,基礎打牢,輪子自己造

你要先搞清楚前端設計跟前端開發的區別，如果像你描述的設計你來搞，那麼就是ui射雞獅方向，如果叫你開發web，那麼才是前端攻城獅。射雞獅我不懂要會什麼，攻城獅要會的就非常廣泛，前到切圖布局，後到nodejs，ruby。

網上有各種css和js的教程，剛開始學習可以去看看，至於響應式設計，先把基礎打牢，用框架來搞事半功倍，而且還不要存在兼容性什麼的擔心。慢慢修鍊吧！