前端學習方法

時間 2019-11-12

標籤前端學習方法简体版

原文原文鏈接

　　第一次寫博客，想先總結前輩們的學習方法，之後增長本身的總結，而後按着大神的路線，開啓個人升級之路！！javascript

大漠學習規律css

多看書，可是隻看書，並不清楚是否看懂了，是否掌握了。因此他開始了不斷的仿站。
最先是仿Wordpress官網，先抄html，再抄css，後來就能獨立的作出一個外表長得和原網站同樣的站，在Website Templates裏面找到簡單的，就開始仿做。
在網上下載不少PSD頁面，而後轉化成WEB頁面

　　主要就是多看，多問，多想，多作，多總結~~html

其餘做者學習規律前端

必備基礎技能：html5

Html5（標籤語義化）+css3（結合html實現各類佈局效果）+javascript（原生，DOM操做）+jquery（成熟的javascript庫）+一門服務器端語言（用於簡單的登陸註冊功能就能夠了）+HTTPjava

項目node

掌握一門技術要先掌握它的大致框架，想一個能實現的點子，作一個能跑的demo，再去完善它的細節，等到demo完成了，對這門技術有了一個感性的認識，再去啃書，收穫會大不少。我從開始原生js寫到jquery，再到extjs，再到angularjs，從導師指定技術，到本身作技術選型，一個項目接着一個項目的練，就跟打怪升級似的。固然沒有項目就去本身創造項目，動手實現本身的想法是件有樂趣和成就感的事。jquery

學習的網站css3

github：沒啥好說的，多閱讀別人的源碼，多上傳本身的源碼，向世界各地的大牛學習
codepen：感覺前端之美的必選之地，裏面有不少酷炫的效果和優秀的插件
echojs：快速瞭解js新資訊的網站
stackoverflow和segmentfault：基本上各類問題都能在上面得到解答
google web fundamentals：每篇文章都適合仔細閱讀
static files：開放的CDN，很好用
iconfont：阿里的矢量圖標庫，很是不錯，支持CDN並且支持項目
html5 rocks: 一個不錯的網站，不少瀏覽器的新特性以及前沿的技術，都能在這上面找到文章
css tricks：如何活用CSS，以及瞭解CSS新特性，這裏能夠知足你
JavaScript 祕密花園 JavaScript初學必看，很是不錯
w3cplus：一個前端學習的網站，裏面的文章質量都挺不錯的
node school：一個不錯的node學習網站
learn git branch：一個git學習網站，交互很棒
前端亂燉：一個前端文章分享的社區，有不少優秀文章
正則表達式：一個正則表達式入門教程，很是值得一看
阮一峯的博客和張鑫旭的博客：快速瞭解某些知識的捷徑，可是若是須要深挖，還須要其餘的資源
各路大牛的博客：這個太多了，就不貼了，知乎上有很全的
各類規範的官方網站，不懂得時候讀規範

收集癖和知識管理git

在微博，知乎上follow一些大神，多關注他們的博客，可能一個不經意的詞彙，就是你下一個目標

讀書

博客上面知識點鬆散，是你們都會遇到問題的那些知識點，若是你想理解一個只是體系，那麼讀經典書籍仍是必不可少的。

前端的定位：

以用戶體驗爲中心，不論是從交互，仍是優化性能或者提高工做效率最終都是爲了創造和提高用戶體驗。

比較好的書籍

《JavaScript高級編程》：能夠做爲入門書籍，但同時也是高級書籍，能夠快速吸取基礎，等到提高再回來從新看
《JavaScript權威指南》：不太適合入門，可是必備，不理解的地方就去查閱一下，頗有幫助
《編寫可維護的JavaScript》和：
《Node.js開發指南》：不錯的Nodejs入門書籍
《深刻淺出Node.js》：Nodejs進階書籍，必備
《JavaScript異步編程》：理解JS異步的編程理念
《JavaScript模式》和《JavaScript設計模式》：JavaScript的代碼模式和設計模式，將開發思惟轉變到JavaScript，很是好的書
《JavaScript框架設計》：在用輪子同時，應當知道輪子是怎麼轉起來的，講解很詳細，從源碼級別講解框架的各個部分的實現，配合一個現有框架閱讀，能夠學到不少東西
《Dont make me think》：網頁設計的理念，瞭解用戶行爲，很是不錯
《CSS禪意花園》：經久不衰的一部著做，一樣傳遞了網頁設計中的理念以及設計中須要注意的問題
《高性能JavaScript》和《高性能HTML5》：強調性能的書，其中不僅是性能優化，還有不少原理層面的東西值得學習
《HTML5 Canvas核心技術》：我正在讀的一本書，對於canvas的使用，動畫的實現，以及動畫框架的開發都很是有幫助
《HTTP權威指南》：HTTP協議相關必備，前端開發調試的時候也會常常涉及到其中的知識
《響應式Web設計》：技術自己不難，重要的是響應式網頁的設計理念，以及移動先行的思想
《JavaScript語言精粹》：老道的書，也是普及JavaScript的開發思惟的一本好書，很是適合入門