學習web前端就好比如蓋房子，你若安好便是晴天

學習前端就好比如蓋房子~

html就充當了房子結構這部分，也是房子的基礎。

css呢，就好比咱們房子的裝修，牆面什麼顏色，什麼風格，什麼地板...這些給房子改變風格，樣式的就是css

javascript呢，就好比這個房子的功能，房子需要製冷吧，需要暖氣吧，也需要上下水吧。這些功能性的就相當於是javascript

例子可能不是很恰當，只是幫助大家有個初步的認識~

想學好前端的可以來我們晚上的課堂聽課，每天晚上都會講一個小案例或小項目或分析前端面試以及工作和發展，更多的是談一些學習路線和方法，零基礎和原生JavaScript都有，可以加裙六二三九六六八零六（這些都是免費的，每天都有）給你課堂地址和往期錄製好的視頻。

方法步驟、工具以及開發的案例展現

1、前端工具箱（dreamwear/sublime/Photoshop/SVN等）

2、零基礎入門（html，CSS）

前端開發概況、代碼入門

頁面基本結構、文檔聲明、編碼聲明、css語法、style屬性、link和style標籤、id屬性、基本樣式、Border 、Background、 Font、盒模型、文本設置...

常用標籤集合

header、article、aside、section、footer、nav、h1-h6、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、background-clip...

移動端布局

測試環境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、柵格系統、排版、代碼、響應式工具...

3.項目實戰

PC端的企業網站布局（例：sony官網）

PC端的電商類網站布局（例：京東商城）

移動端常見頁面布局（例：微信活動頁/商城）

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！