自學了點前端知識，如何實踐？

01-29

自學了點基礎的HTML、CSS、JS和jQuery（大概學了一個月），但是很迷茫，不知道接下來具體該做些什麼？基礎知識是有了，但從未完成過一個項目，沒什麼個人作品，現在即將畢業找工作這也是個問題……
查看幾個主流網站首頁的源代碼，都有上千行（好多JS和CSS的鏈接），感覺非常繁雜，我該如何模仿學習，把代碼從頭照打一遍么？還是截圖切圖照著自己的感覺寫點代碼？
實踐出真知，我想邊做點實際的東西邊深入地學習這些知識，又有一種無法下手的感覺……再加上最近校招大家都在找工作，我之前又沒實習經驗著急啊〒_〒

或者有沒有可以推薦學習的網站？

去實習，去工作，一星期乾的比你自己瞎鼓搗一個月學的都多。

自己搭一個博客吧。GitHub Pages 上可以直接用 Jekyll 搭建一個靜態博客，你可以試著從零開始寫一個主題。

可實踐的東西太多了，我說說我以前是怎麼做的吧。

1、網上下載HTML+CSS這樣的Demo模板，然後自己把這些模板當目標，做出來。

2、網上下載PSD文件，然後自己做出來

3、拿一個自己想做為目標的參考網站，自己做出來

4、最後找朋友要一個整站的設計圖，然後自己做出來

這些都是實踐的好方法。學習的網站，在國內還是有蠻多優秀的。你搜索一下，一大片。這裡就不做廣告了。

謝邀。

自學最害怕的是盲目，你看到的幾千行的東西，都是一行一行寫出來的，所以，不妨去找個類似的網站，不要去看源碼，自己去實現一下。然後再去找一個前端幫你看看，你做的哪裡有問題，該怎麼改。

感覺非常繁雜，我該如何模仿學習

常見的組件都可以拿來練手的呀，比如：

tip: 鼠標移到名字上彈出介紹，那麼彈出的動畫、出現位置的判斷演算法都可以自我發揮
輪播圖、TAB切換：js 實現 animate、css animate、jQ animate 都可以用到

也可以寫些小頁面嘛，比如 https://hk1229.cn/pay/

要是水平高看到人家的網站就知道大概怎麼實現的就自己寫

不知道怎麼下手的就去仿站（右鍵查看源代碼和F12 是神技能）仿個喜歡的網站全部仿寫來（仿的時候學一下每個頁面結構以及不同頁面之間結構的關係）不做永遠不會知道的

多少行沒關係反正html js css 全部都是可以直接拔下來用的又不用你寫

仿好之後可以自己看代碼自己修改

最近想學習前端知識，又苦於無從下手。不過還好在前幾天朋友推薦了一位大咖的前端知識：

第一步: 掌握HTML/CSS

這是你最初必須掌握的

是網站的構建元素

沒得選!

隨著你前端的學習進程,熟練掌握

HTML/CSS簡單易學

第二步: 使用基礎工具

文本編輯器: Notepad2 / Sublime Text / http://Atom.io / IDE

圖像編輯器:Photoshop, Illustrator, GIMP, Something slse

FTP / SSH 工具 : Filezilla ,Putty

好的瀏覽器: Chrome

雲盤: Dropbox, Google Drive, Box

先從最簡單的企業網站布局練習起，找些高大上的企業網站，這個是練習html和css的，是你的基本功，基礎紮實了，之後的提升會飛快。對於javascript，嘗試從最簡單特效或者組件寫起，比如tab切換，簡單的輪播。