1.首先零基礎學習前端先要有一個計劃，了解前端要學習哪些技術秉犹。
2.做好自己的時間規(guī)劃蛉谜，如何快速入門前端那肯定是需要不斷的提高自己的學習效率，學習過程總盡量把手機調(diào)至靜音給自己一個安靜的學習環(huán)境和氛圍崇堵。
3.快速入門顧名思義肯定是少走彎路型诚，在學習過程中看下自己身邊有沒有前端這方面的大神盡量多問，多交流鸳劳，如果是沒有的話狰贯，可以多去找一些前端的交流群，學習肯定是不能閉門造車赏廓。
學習是一個循序漸進的過程涵紊，前端的學習也是如此。
不論前端開發(fā)還是后端開發(fā)的學習都要求我們多動手幔摸，既要反復的看書摸柄，也把學習到的知識點第一時間去實踐。前端的學習入門快要三個月抚太，慢的要 5-6 個月左右塘幅，看個人的理解速度來評估昔案，只要入門了不論理解能力，還是學習的速度都會有明顯的提升电媳。
在學習前端的過程中踏揣，除了要把學到的知識點第一時間去實踐，也要在學習的每個階段自己創(chuàng)建課題匾乓，用所學到的知識去實現(xiàn)課題的內(nèi)容捞稿。這樣可以更好有助于理解和累計一定的項目經(jīng)驗。
前端的學習從來不是孤軍奮戰(zhàn)拼缝，需要一個前輩的領路娱局，也需要一個平臺不斷交流和思維碰撞。這樣可以快速入門和少走彎路咧七，也能讓自己發(fā)現(xiàn)問題的根本所在衰齐。
簡介
前端開發(fā)是創(chuàng)建 Web 頁面或 app 等前端界面呈現(xiàn)給用戶的過程，通過 HTML继阻，CSS 及 JavaScript 以及衍生出來的各種技術耻涛、框架、解決方案瘟檩，來實現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互抹缕。它從網(wǎng)頁制作演變而來，名稱上有很明顯的時代特征墨辛。在互聯(lián)網(wǎng)的演化進程中卓研，網(wǎng)頁制作是 Web1.0 時代的產(chǎn)物，早期網(wǎng)站主要內(nèi)容都是靜態(tài)睹簇，以圖片和文字為主奏赘，用戶使用網(wǎng)站的行為也以瀏覽為主。隨著互聯(lián)網(wǎng)技術的發(fā)展和HTML5带膀、CSS3的應用志珍，現(xiàn)代網(wǎng)頁更加美觀橙垢，交互效果顯著垛叨，功能更加強大。
移動互聯(lián)網(wǎng)帶來了大量高性能的移動終端設備以及快速的無線網(wǎng)絡柜某、HTML5嗽元、node.js 的廣泛應用，各類框架類庫層出不窮喂击。
正文
軟件開發(fā)的學習剂癌，要求我們在學習的過程中抓緊時間實踐，在階段性的學習中也要求找一些項目來做翰绊，本質(zhì)上就是要給自己找點事情做佩谷，絕對不能單看書旁壮。畢竟這門學問是我們用來生產(chǎn)的，用來養(yǎng)家糊口的技能谐檀，所以要多動手去實踐抡谐。
根據(jù)我長期的總結(jié)并結(jié)合時下的技術棧，把前端的學習大致分為如下五個階段桐猬。不僅適合想學前端或者轉(zhuǎn)行學前端的麦撵，在校學生也非常實用。
階段一
在學習前端之前呢溃肪，你需要一個編輯器免胃，在網(wǎng)上你可以看到很多編輯器用來編寫前端，甚至 Windows 系統(tǒng)默認的文本文檔也可以作為前端代碼的編輯器惫撰。俗話說羔沙，沒有金剛鉆怎么攬瓷器活，所以一個好的編輯器很重要厨钻，我再這里推薦給大家的編輯器是?VSCode撬碟。
一、HTML+CSS
前端的入門門檻是極低的莉撇，主要體現(xiàn)在 HTML 和 CSS 部分呢蛤，運行環(huán)境就是瀏覽器，不像如 Java 需要配置開發(fā)/運行環(huán)境棍郎。
HTML 和 CSS 不是編程語言其障，HTML 是結(jié)構(gòu)標簽，CSS 是結(jié)構(gòu)標簽的樣式配置涂佃。
HTML
屬性
事件
標簽
字符集
CSS
CSS基礎教程
CSS樣式
CSS框模型
CSS定位
CSS選擇器
CSS高級
以上內(nèi)容的學習用時?10?天左右励翼，再花?2?天的時間項目實踐，這部分總花費時間在 12 天左右辜荠。
二汽抚、HTML5+CSS3
HTML5 作為 HTML 的最新版本，引入了多項新技術伯病，大大增強了對于應用的支持能力造烁，使得Web技術不再局限于呈現(xiàn)網(wǎng)頁內(nèi)容。
HTML5 可以使開發(fā)者的工作大大簡化午笛，理論上單次開發(fā)就可以在不同平臺借助瀏覽器運行惭蟋，降低開發(fā)的成本，這也是產(chǎn)業(yè)界普遍認為 HTML5 技術的主要優(yōu)點之一药磺。
CSS3使用了層疊樣式表技術告组，可以對網(wǎng)頁布局、字體癌佩、顏色木缝、背景燈效果做出控制便锨。css3作為css的進階版，拆分和增加了盒子模型我碟、列表模塊鸿秆、語言模塊 、背景邊框 怎囚、文字特效 卿叽、多欄布局等等。
CSS3的改變有很多恳守，增加了文字特效考婴，豐富了下劃線樣式，加入了圈重點的功能催烘。在邊框方面沥阱，有了更多的靈活性，可以更加輕松地操控漸變效果和動態(tài)效果等等伊群。在文字效果方面考杉，特意增加了投影。
CSS3在兼容上做了很大的功夫舰始，并且網(wǎng)絡瀏覽器也還將繼續(xù)支持CSS2崇棠，因此原來的代碼不需要做太多的改變，只會變得更加地輕松丸卷。
HTML5
HTML5視頻
HTML5音頻
HTML5拖放
HTML5畫布
HTML5 SVG
HTML5地理定位
HTML5 Web存儲
HTML5 應用緩存
HTML5表單
CSS3
CSS3邊框
CSS3背景
CSS3文本效果
CSS3字體
CSS3 2D轉(zhuǎn)換
CSS3 3D 轉(zhuǎn)換
CSS3 過渡
CSS3 動畫
CSS3 多列
以上內(nèi)容用時?8 天左右枕稀，這部分內(nèi)容是在 HTML+CSS 做的升級改進，只需要了解他們的一些特性即可谜嫉，再結(jié)合這些特性做一些小項目加深學習萎坷。
三、Javascript
JavaScript 是至關重要的部分沐兰，是 web 開發(fā)者必學的三種語言之一哆档，這里我們需要區(qū)別 JavaScript 和 Java 他們是完全不同的語言，不論是概念還是設計住闯。
認識JavaScript
基本語法
變量
數(shù)據(jù)類型
函數(shù)
運算符
流程控制
DOM對象
BOM對象
以上內(nèi)容的學習用時?一個月?左右瓜浸，這里推薦幾本 Javascript 的書籍，如下：
《JavaScript 高級程序設計（第3版）》寞秃，俗稱紅寶書斟叼。前七章講的是語言特性偶惠，是重點學習的部分春寿，必須需要反復閱讀，直至完全理解為止忽孽。DOM绑改、事件流谢床、表單、JSON厘线、Ajax 與最后幾章也需要重點學習识腿，這是一些常用的 Web API。至于本書的其余部分大致讀一下就可以造壮，不做重點要求渡讼。
《JavaScript 語言精粹》，俗稱蝴蝶書耳璧。很薄的一本書總頁數(shù)就 147 頁成箫，花一天時間就能看完，快的話半天就能看完旨枯。這本書雖然很薄蹬昌，但是承載的內(nèi)容卻非常的豐厚和深入。JavaScript是一門有很多坑的語言攀隔，所以這本書”取其精華皂贩，去其糟粕“就是精粹了。
《你不知道的 JS》非常精彩的一本書昆汹，將 JavaScript 的細節(jié)一網(wǎng)打盡明刷。
階段二
這部分內(nèi)容是對 JavaScript 的補充學習
一、Jquery
基礎語法
選擇器
DOM操作
事件
動畫
常用工具
Ajax
Jquery插件編寫
二满粗、其他
JavaScript 進階
DOM+BOM綜合演練
網(wǎng)頁特效
ES6 進階
bootstrap
animate.css學習
以上內(nèi)容的學習用時?9 天左右
階段三
這部分是框架和前后端交互技術的學習
一遮精、VUE
Vue基礎
Vuex
Vue-router
axios
二、React
認識React
React元素渲染
JSX
組件
State
Props
事件處理
條件渲染
列表
組件API
組件聲明周期
三败潦、Node
基礎console（控制臺）
crypto（加密）
debugger（調(diào)試器）
fs（文件系統(tǒng)）
http（網(wǎng)絡）
os（操作系統(tǒng)）
path（路徑）
2. 高級
NPM介紹及使用
MVC模式簡介
Express框架學習
鏈接Mysql
鏈接Redis
項目實戰(zhàn)
四本冲、webpack
概念
入口
輸出
模式
loader
插件
配置
以上內(nèi)容用時?兩個月?左右
階段四
一、Mysql
階段一認
識mysql
安裝mysql
創(chuàng)建數(shù)據(jù)庫劫扒、數(shù)據(jù)表學習
常用的SQL命令檬洞，完成增刪查改
階段二
學習Mysql關聯(lián)查詢，子查詢等
學習Mysql常用函數(shù)
學習Mysql分組沟饥、分頁添怔、排序等
3. 階段三
學習Mysql高級查詢
了解存儲過程，自定義函數(shù)等
了解Mysql配置文件
二贤旷、Redis
認識Redis
學習redis的數(shù)據(jù)類型
redis常用操作
redis事務
以上內(nèi)容用時?7 天左右
階段五
一广料、項目管理篇
SVN使用
GIT使用
二、擴展部分
小程序
了解小程序開發(fā)流程
視圖容器
基礎內(nèi)容
表單組件
導航
媒體組件
地圖（map）
畫布（canvas）
開放能力
apicloud（移動app開發(fā)）
認識apicloud
開發(fā)工具講解
端API
云API
小程序模塊使用
三幼驶、常用框架使用篇
iview （vue框架）
element ui （vue框架）
echarts (百度圖標庫)
阿里巴巴開源圖標
使用Sass學習
Swiper學習
zoom.js 學習
四艾杏、綜合項目實戰(zhàn)
教務管理系統(tǒng)（node+express+mysql）實現(xiàn)，以上內(nèi)容學習用時?一個月?左右
推薦一個前端基礎講解的視頻Web前端技術精講：零基礎學習web前端需要了解的
前端基礎鏈接：https://pan.baidu.com/s/1G8YIUnFNFGXQoMbmxilZlw
提取碼：4zdh
