零基礎如何快速入「]前端?這個問題每每是沒有基礎會遇到的，想要快速入「門前端開發，簡單來講就是要把基礎的知識點掌握熟練，而後由淺入深的去學習，在這裏根據我過來的經驗，爲你們簡單介紹一下零基礎如何快速入門前端。css
舉個可能不太恰當的例子:前端就比如如蓋房子，html就充當 了房子結構這部分，也是房子的基礎。css呢， 就比如我們房子的裝修,牆面什麼顏色，什麼風格，什麼地板等等，這些給房子改變風格,樣式的就是css。而Java呢，就比如這個房子的功能，房子須要製冷吧，須要暖氣吧，也須要上下水吧。這些功能性的就至關因而Java。html
1、前端工具（dreamwear/sublime/Photoshop/SVN等）
2、零基礎入門（HTML，CSS）
一、前端開發概況、代碼入門前端
頁面基本結構、文檔聲明、編碼聲明、css語法、style屬性、link和style標籤、id屬性、基本樣式、Border 、Background、 Font、盒模型、文本設置等等。css3
二、經常使用標籤集合web
header、article、aside、section、footer、nav、h1-h六、p、ul、ol、li、img、dl、dt、dd...絕對路徑、相對路徑、標籤語義化、標籤嵌套規範、SEO...面試
三、經常使用選擇器&標籤類型劃分算法
d、class、類型選擇、包含選擇、羣組選擇、通配符、選擇器優先級、標籤樣式初始化訂製方案、超連接及僞類劃分、標籤類型劃分及特性、inline、inline-block、block..瀏覽器
四、浮動進階網絡
浮動的做用、浮動的特性、文檔流、浮動的各類問題、clear、BFC(塊級格式化上下文)、觸發BFC的條件、Haslayout、Haslayout的觸發條件...框架
五、定位
relative相對定位、Absolute絕對定位、Absolute絕對定位、Fixed 固定定位、inherit 繼承、static靜態定位、默認值、zIndex層級問題、margin負值、透明度...
六、表格和表單
表格標籤、表格樣式重置、單元格合併、表單元素、表單相關的屬性操做、表單默認樣式初始...
七、兼容性問題處理
兼容性問題總結、浮動在IE6，7下的各類問題、表單在低版本IE的問題、處理低版本IE對新增標籤的支持、CssHack、條件註釋語句、PNG問題、透明度的問題、固定定位在IE低版本的處理方式...
八、整站進階
樣式規劃、favicon、Css Sprite、Data URI、隱藏元素、測試工具使用、滑動門、等高佈局、三列布局、未知寬高圖片在容器內水平垂直居中、文本水平垂直居中、多行文本水平垂直居中...
九、css3入門
transition、屬性選擇器、nth-of-type、nth-child、backgroundSize、box-sizing、圓角，盒模型陰影、文字陰影、rgba、表單高級、H5表單新增屬性、E:not(s)、E:target、E::selection、
十、移動端佈局
測試環境Emulation、viewport、window.devicePixelRatio、物理分辨率、Media Queries、rem、window.screen、移動端佈局相關問題、window.deviceorientationevent、橫豎屏判斷...
十一、Animation和Transform
瀏覽器前綴、keyFrames、Animation調用、播放次數設置、動畫偶數次調用順序、Animation的問題、無縫滾動、動畫播放|暫停、rotate旋轉、deg、skew斜切、scale縮放、translate位移、transform-origin、transform的執行順序問題...
十二、Bootstrap前端開發框架
Html語法規範、CSS語法規範、Less 和 Sass 中的嵌套、class 命名、選擇器、Normalize.css、柵格系統、排版、代碼、響應式工具...
另外關於零基礎如何快速入門前端的問題，項目實戰這一點很重要，必定要學以至用，個人建議是，只有在實戰項目中多加練習才能真正的掌握這門技術！
最後我就學習前端開發給你們分享一些學習的方法：
一、在CSS佈局時須要注意的一個問題是不少同窗缺少對頁面佈局進行總體分析，不可以從宏觀上對頁面中盒子間的嵌套關係進行把握，就急於動手去作，致使頁面中各元素間的關係很混亂，容易出現盒子在浮動時錯位等狀況。建議你們在佈局時採用「自頂向下，逐步細化」的思想，先用幾個盒子將頁面從總體上劃分，而後逐步在盒子中繼續嵌套盒子。
二、「君子生非異也，善假於物也」，在學習的過程當中還要多瀏覽一些優秀的網站，善於分析借鑑其設計思路和佈局方法，見多方能識廣，進而才能夠融會貫通，取他人之長爲我所用。
同時還要善於使用Firebug這個利器。Firebug一方面能夠在咱們學習過程當中幫助咱們調試本身的頁面，另外一方面咱們可使用Firebug方便地查看、分析別人網站的源代碼，「偷」也是一種技能！
三、隨着移動互聯網熱潮的到來，移動開發愈來愈受到你們的追捧，響應式佈局、微網站等需求量不斷增長，也是咱們web前端將來的發展方向之一，因此新時代的到來必定要不斷擴充自身的知識面，提升自身素養。
下面分享一份我整理的前端校招面試題，分了HTML、css、JavaScript、React、Vue、瀏覽器、服務端與網絡、算法等等，共280頁PDF。
