購買成功后，歡迎加入QQ群與其他學員交流，老師會在每周固定時間在群里為學員答疑。
小伙伴可能已經學會了html、css、javascript等前端知識，還接觸了vue、react、angular等各種框架。
在這個時候，我們自認為已經掌握了前端的知識后，信誓旦旦的找工作時，卻被面試官的一個看似簡單的切圖問題給難倒了，即便是混過了面試，工作中也不得心應手。
這是因為我們忽視了一個重要知識：前端布局。
布局既是前端開發(fā)人員的核心技能，又在工作中占很大的比重。
什么是前端布局
在蓋一棟房子時，我們是打算將房子蓋成兩室一廳呢還是將它隔成三室一廳？如何合理的進行戶型規(guī)劃呢？
前端布局，做的就是這么一件事-對頁面模塊和內容進行科學合理的組織與呈現(xiàn)。
前端布局，既是前端開發(fā)人員的核心基礎技能，也是在工作中占很大的比重。同時前端布局由于入門容易、深入困難的特點，歷來被人們作為入門知識所輕視。
同時由于CSS3 Flex布局和grid布局等顛覆性布局方式的出現(xiàn)，也徹底改變了傳統(tǒng)的div+css的單一布局方式，這讓很多人顯得無所適從。然而良好的前端布局是進行javascript書寫和交互的基礎。
布局的好壞直接影響著后續(xù)的所有工作進展的順利與否與效率的高低。所以身為一名合格的前端開發(fā)人員，掌握并精通前端布局，是最基本的職業(yè)要求。
前端布局，是一項入門很簡單的技能，但想要融會貫通，絕不是一件易事。
堅實的前端布局技能，能讓你在今后的工作中游刃有余。因此我們需要全方位，細致的了解它，并且學會靈活的運用它。
1. 專欄會先從CSS簡史和CSS的基礎知識原理展開，再到最后的布局應用，最大特點是可以用于實際工作中，體系全面，屬于前端人員必備的核心技能。
2. 通過比較小的知識點，再到綜合案例的布局；從原理知識搭配框架布局，再到綜合案例；搭配小例子和小項目由淺入深，逐步展開，確保小伙伴不僅聽聽得懂，而且學得會。
3. 搭配的案例，主要是來自實際工作以及編程面試展開，學習本專欄不僅能夠得到相應的知識和技能，而且還能夠掌握“標準化”常用布局代碼，確保用戶學會的同時，還能夠運用到工作當中。
4. 除了知識和案例的教學，還有一個重點是教會各位小伙伴一種學習方法，以及目前工作技能的延伸學習。
1. 前端布局占據(jù)了前端開發(fā)工作中較大的比重，同時也是前端開發(fā)人員必備的核心技能。由于前端布局有著入門容易而深入困難的特點，人們常常會輕視前端布局的入門知識。
2. CSS3 Flex布局和grid布局等顛覆性布局方式的出現(xiàn)，徹底改變了傳統(tǒng)的div+css布局方式。為了保證能夠便捷高效的進行前端開發(fā)，我們有必要打牢這方面的基礎知識。
3. 本專欄將帶大家徹底全面的掌握工作和面試中常用的布局方法，避免書寫重復低效率的代碼及避開常見的坑，助力提升大家的工作效率。
講師：忠彬
面包理想聯(lián)合創(chuàng)始人
面包理想資深講師
面包理想CTO
美國4D團隊卓越領導力認證講師與背景管理轉換咨詢教練
美國DISC行為風格認證講師與咨詢顧問
職業(yè)思維導圖認證管理師（MMP）
英國東尼?博贊全球思維導圖高級注冊認證師（TLI）
資深互聯(lián)網(wǎng)職業(yè)規(guī)劃咨詢師
詳細介紹：
忠彬老師有著10年以上編程經驗，曾任知名前端教育機構培訓總監(jiān)，面包理想聯(lián)合創(chuàng)始人兼資深講師，教學經驗豐富，培訓學生2000＋，在前端技術、職業(yè)規(guī)劃、思維培養(yǎng)和團隊管理方面有深厚的功底。
主創(chuàng)團隊：面包理想
“面包理想?”，國內知名前端技術咨詢團隊，專注前端技術領域已經高達10年以上，是行業(yè)領先的前端領域大牛。
掌握html、css、js前端基礎知識的學員。
1. 本專欄為訂閱專欄，每周一、三、五各早上10點更新一篇，共計11期。
2. 在課程學習中，如有任何使用上的問題，請聯(lián)系客服微信號：w3cschool66
（加微信可進相關交流群，與更多小伙伴討論問題）。
CSS布局簡史——開篇詞
CSS布局的基石：浮動——10月10日（已更新）
CSS布局的基石：定位——10月12日（已更新）
2列固定、左邊欄、標題、腳注布局實現(xiàn)——10月15日（已更新）
3列液態(tài)左中右布局實現(xiàn)--10月17日（已更新）
應用場景-寬度自適應布局、響應式布局——10月19日（已更新）
應用場景-垂直水平居中布局——10月22日（已更新）
應用場景-圣杯布局、雙飛翼布局——10月24日（已更新）
應用場景-品字布局--10月26日（已更新）
應用場景-柵格化布局、經典博客布局--10月29日（已更新）
綜合案例-QQ郵箱和QQ空間布局--10月31日（已更新）
