很多小白可能會說，我現在零基礎學習，現在前端開發的內容那么多，我應該怎么學呀？
問到這里我想跟大家說一下：
其實前端技術更新是挺快的，但是技術不管怎么更新，怎么發展，都離不開基礎的知識，把基礎的語法學好，理解好編程思想、開發方式，能面向多終端開發，響應式開發掌握好，基礎打牢了，再深入的內容都是可以迎刃而解的。
今天就跟大家講一下新手小白，該如何入手前端以及如何順利學好前端。
1、在學習之前搞清楚你要做什么工作崗位，這些在招聘網站上都有，崗位薪資、福利這些都可成為你學習的動力哦。
2、學習需要有規划，每天定任務，學習新的知識不能急於求成，每天可以掌握一兩個知識點，然后多練習，基礎知識需要學扎實！一定要扎實！！
3、最好有個學習路線，按照知識點難易程度來定學習時間和進度，這樣不迷茫，還有重復一點：不求迅速，但求牢固。
4、自學的話最好有大神帶着你，學習的路上肯定會遇到技術問題，能及時解惑的話學習事半功倍哦。
話不多少，直接上干貨！
初級前端：
主要學習三個部分：HTML，CSS，JavaScript
html + css部分：
推薦視頻：https://www.bilibili.com/video/BV1R4411J7tQ
推薦視頻：https://www.bilibili.com/video/BV1p5411w71w
推薦視頻：https://www.bilibili.com/video/BV1Vi4y1t7XV
這部分特別簡單，到網上搜資料，書籍視頻非常多。
css中盒子模型，流動，block，inline，層疊，樣式優先級等這些自學起來也是非常容易。學完基礎后，可以仿照電商網站（例如京東、小米）做首頁的布局。
JavaScript部分：
推薦視頻：https://www.bilibili.com/video/BV14y4y1q754
推薦視頻：https://www.bilibili.com/video/BV1W54y1J7Ed?ssss
Javascript，簡稱JS，有很多比較抽象的概念，必須要深入理解，比如閉包、原型、面向對象、封裝等，要理解透徹。
另外，js面向對象編程必須要學習，非常重要，JS語法，永遠是面試中最重要的部分。
jQuery，這是一個非常優秀的Javascript庫，大型開發必備。
它簡化了Javascript的復雜操作，消除了Javascript跨平台兼容問題，提供了大量實用方法，有良好的文檔和幫助手冊，是一個非常成熟的Javascript庫。
推薦視頻：https://www.bilibili.com/video/BV1QA411W7s7
ES6語法。這部分屬於JS新增的語法，面試必問，其中，關於promise、async等內容要尤其關注。
中高級前端：
一、工具學習習：
1、Canvas，面試時，有的公司不一定會問canvas，靠運氣，如果時間不夠，這部分的內容可以先不學，但如果你會，絕對屬於加分項。
3、自動化工具：構建工具Webpack、構建工具 gulp、CSS 預處理器 Sass 等。注意，Sass 比 Less 用得多，gulp 比 grunt 用得多。
推薦視頻：https://www.bilibili.com/video/BV1YU4y1g745
4、移動Web開發、Bootstrap等。要注意移動開發中的適配和兼容性問題。
推薦視頻：https://www.bilibili.com/video/BV1uQ4y1T7kW
5、前端框架：Vue.js和React。這兩個框架至少要會一個。入門時，建議先學Vue.js，上手相對容易。但無論如何，同時掌握 Vue 和 React 才是合格的前端同學。
推薦視頻：https://www.bilibili.com/video/BV1GL4y1v79M
推薦視頻：https://www.bilibili.com/video/BV1Ya411F7fa
5、Node.js。屬於加分項，如果時間不夠，可以先不學，但至少要知道 node 環境的配置。
推薦視頻：https://www.bilibili.com/video/BV1QT4y1A7NR
前端綜合：HTTP協議、跨域通信、安全問題（CSRF、XSS）、瀏覽器渲染機制、異步和單線程、頁面性能優化、防抖動（Debouncing）和節流閥（Throtting）、lazyload、前端錯誤監控、虛擬DOM等。
推薦視頻：https://www.bilibili.com/video/av50567412
編輯器相關：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推薦視頻：https://www.bilibili.com/video/BV1Ya411F7fa
Vue推薦視頻：https://www.bilibili.com/video/BV1GL4y1v79M
Angular推薦視頻：https://www.bilibili.com/video/BV12W41137CA
熟練掌握了以上這些知識點你還要時刻留意招聘網上的要求，只有要求達到了才有被邀面試的可能，舉例如下：
- 精通html和css，能制作符合W3C標准的靜態頁面；
2.精通JavaScript編程，對面向對象編程思想有深刻理解；
3.精通主流Javascript庫/框架jQuery；
4.理解並掌握JavaScript語言核心技術DOM、BOM有Javascript性能優化經驗；
5.對瀏覽器兼容性有深入的研究，精通各種瀏覽器問題 ；
6.了解Backbone.js、AngularJs等MVC框架並有實際項目開發經驗；
7.了解asp.net等服務器后台技術和擁有一定的C#編程能力者優先；
8.對交互體驗、可用性、用戶體驗有一定程度的理解；
9.有良好的責任心和團隊合作能力、能承受較大的壓力；
推薦視頻：
https://www.bilibili.com/video/av50571308
https://www.bilibili.com/video/av50573235
https://www.bilibili.com/video/av50575805
https://www.bilibili.com/video/av50567154
最后，祝各位不甘心平凡的小碼農們學業有成，早日找到稱心如意的工作！