很多小白可能會說，我現在零基礎學習，現在前端開發的內容那麼多，我應該怎麼學呀？
其實前端技術更新是挺快的，但是技術不管怎麼更新，怎麼發展，都離不開基礎的知識，把基礎的語法學好，理解好程式設計思想、開發方式，能面向多終端開發，響應式開發掌握好，基礎打牢了，再深入的內容都是可以迎刃而解的。
今天就跟大家講一下新手小白，該如何入手前端以及如何順利學好前端。
1、在學習之前搞清楚你要做什麼工作崗位，這些在招聘**上都有，崗位薪資、福利這些都可成為你學習的動力哦。
2、學習需要有規劃，每天定任務，學習新的知識不能急於求成，每天可以掌握一兩個知識點，然後多練習，基礎知識需要學紮實！一定要紮實！！
3、最好有個學習路線，按照知識點難易程度來定學習時間和進度，這樣不迷茫，還有重複一點：不求迅速，但求牢固。
4、自學的話最好有大神帶著你，學習的路上肯定會遇到技術問題，能及時解惑的話學習事半功倍哦。
話不多少，直接上乾貨！
初級前端：
主要學習三個部分：
html
，css
，j**ascript
html + css部分：
css中盒子模型，流動，
block
，inline
，層疊，樣式優先順序等這些自學起來也是非常容易。
學完基礎後，可以仿照電商**（例如京東、小公尺）做首頁的布局。
j**ascript部分：
j**ascript
，簡稱js
，有很多比較抽象的概念，必須要深入理解，比如閉包、原型、物件導向、封裝等，要理解透徹。
另外，js
物件導向程式設計必須要學習，非常重要，js語法，永遠是面試中最重要的部分。
jquery，這是乙個非常優秀的
j**ascript
庫，大型開發必備。
它簡化了
j**ascript
的複雜操作，消除了
j**ascript
跨平台相容問題，提供了大量實用方法，有良好的文件和幫助手冊，是乙個非常成熟的
j**ascript
庫。es6語法。這部分屬於
js新增的語法，面試必問，其中，關於
promise
、async
等內容要尤其關注。
中高階前端：
一、工具學習習：
1、canvas，面試時，有的公司不一定會問
canvas
，靠運氣，如果時間不夠，這部分的內容可以先不學，但如果你會，絕對屬於加分項。
3、自動化工具：構建工具
webpack
、構建工具
gulp
、css
預處理器
sass
等。注意，
sass
比 less
用得多，
gulp
比 grunt
用得多。
4、移動
web開發、
bootstrap
等。要注意移動開發中的適配和相容性問題。
5、前端框架：
vue.js
和react
。這兩個框架至少要會乙個。入門時，建議先學
vue.js
，上手相對容易。但無論如何，同時掌握
vue
和 react
才是合格的前端同學。
5、node.js。屬於加分項，如果時間不夠，可以先不學，但至少要知道
node
環境的配置。
前端綜合：
協議、跨域通訊、安全問題（
csrf
、xss
）、瀏覽器渲染機制、非同步和單執行緒、頁面效能優化、防抖動（
debouncing
）和節流閥（
throtting
）、lazyload
、前端錯誤監控、虛擬
dom等。
編輯器相關：sublime text是每個學前端的人都要用到的編輯器。另外，前端常見的
ide有兩個：
webstorm
和 visual studio code
。webstorm
什麼都好，可就是太卡頓；
vs code
就相對輕量很多。個人總結一下：新手一般用
webstorm
，入門之後，用
vs code
的人更多。
typescript（簡稱
ts），es 是
js 的標準，
ts 是
js 的超集。
ts屬於高階內容，建議把上面的基礎掌握之後，再學ts。
六、前端框架知識
vue react angular
，三選一，必須要掌握熟，其餘兩個可以了解，但取決於你面試的公司。
react
熟練掌握了以上這些知識點你還要時刻留意招聘網上的要求，只有要求達到了才有被邀面試的可能，舉例如下：
精通html和css，能製作符合w3c標準的靜態頁面；
2.精通j**ascript程式設計，對物件導向程式設計思想有深刻理解；
3.精通主流j**ascript庫/框架jquery；
4.理解並掌握j**ascript語言核心技術dom、bom有j**ascript效能優化經驗；
5.對瀏覽器相容性有深入的研究，精通各種瀏覽器問題 ；
6.了解backbone.js、angularjs等mvc框架並有實際專案開發經驗；
7.了解asp.net等伺服器後台技術和擁有一定的c#程式設計能力者優先；
8.對互動體驗、可用性、使用者體驗有一定程度的理解；
9.有良好的責任心和團隊合作能力、能承受較大的壓力；
最後，祝各位不甘心平凡的小碼農們學業有成，早日找到稱心如意的工作！
從0到1開啟web前端學習之旅五
歡迎回到我們的coding time！本篇部落格將為你把所有的css內容全部講解完畢，上篇文章基本上已經把一般的內容講完，這節課我們主要從css中更深入的部分開始講起，那就是盒子模型，什麼是盒子模型呢，聽起來感覺優點怪怪的但是實際上他的命名是有他的意圖的，之間我們講過很多個標籤，每個標籤都有他獨特的...
從0到1學習記錄
競爭會讓你把注意力都放在競爭對手身上，忽視了自己的發展。競爭會造成非常低水平的重複和跟風。不存在完美的市場均衡，在經濟理論之外的現實世界裡，每個企業的成功，恰恰是因為它打破了均衡，它做到了其他企業不能做的事情，也就是從0到1的事情，而不是它跟其他企業做一樣的事兒。谷歌把自己定義成什麼，取決於什麼能給...
如何從0到1實踐Cloud Native
3月25日，網易雲技術布道系列第三期 對話架構師活動在網易杭州園區舉辦，網易雲基礎服務總經理陳諤 美麗聯合集團研發部副總裁曾憲傑和51信用卡cto郭威分別從雲原生應用技術 技術人員的成長和技術對業務的價值等方面帶來了乾貨分享。本文將為大家重點解讀網易雲基礎服務總經理陳諤帶來的分享 cloud nat...