教程名稱：
xa0 xa0 xa0xa0一套代碼多端適配 前端工程師必備 響應式開發一招制勝
課程內容：
xa0 xa0 不要在意設備尺寸，這套多終端適配帶給你用戶體驗和開發效率的終極感受。為項目做各種端的適配問題是很多前端工程師很頭疼的問題。本項目基于互聯網金融站做一套多端適配響應式的網頁。涵蓋了響應式的全部知識點，不局限于開發同時囊括了產品、設計、流程等一整套模式一門課程全覆蓋教學。任何有基礎沒基礎的讓你學完就會響應式開發。學完一定讓你對響應式開發感觸頗深，并將響應式開發應用到你自己的項目中。
課程目錄：
第一節、前期準備
介紹了課程內容、背景和案例展示、什么是響應式網站、怎樣分析設計圖、響應式網站設計實踐原則
第二節、如何組織項目目錄結構
介紹了約定優于配置的思想，常見的項目目錄和文件的組織方式，一些基本文件的作用等知識，為編碼開始做準備。
第三節、開始編寫HTML代碼
根據設計圖一步一步實現基本的HTML結構，介紹了文檔類型、meta聲明、IE條件表達式、html5新標簽、語義化選擇、大綱等知識。
第四節、如何實現PC端的樣式
一步一步實現PC端的樣式，介紹了CSS Resets和Normalize，相對單位和其中的一些坑，清除浮動的幾種方式，塊級格式化上下文（BFC），inline-block的空白問題，CSS Sprites，盒模型計算，自動前綴（autoprefixer）等知識。
第五節、如何實現移動端的樣式
一步一步實現移動端的樣式，介紹了Chrome的響應式調試工具，媒體查詢中使用相對單位，CSS3選擇器，CSS打印相關屬性等知識。
第六節、如何實現響應式廣告及響應式圖片
一步一步實現響應式滾動廣告，介紹了如何選擇第三方組件，OwlCarousel2的使用等知識。介紹了響應式圖片實現的幾種方式，picture/srcset/size標簽如何使用，svg原理和制作方式，polyfill原理，picturefill的使用，圖片壓縮等知識。
第七節、Node.js簡介
介紹了Node.js的基本知識，同步異步編程方式的區別，包管理器NPM的使用，package.json如何配置，簡單httpserver的使用等知識。
第八節、如何處理兼容性及在多個設備上進行調試
介紹了處理兼容性的主要技術，包含調試的方法，虛擬機的使用，CSS hacks，polyfill和shim，Modernizr，兼容性查詢等知識。
第九節、如何打包發布
介紹了前端自動化的概念，grunt/gulp/webpack，如何使用Gulp進行自動化打包發布等知識
第十節、課程擴展1 — 選擇一個趁手的IDE
選擇一個趁手的IDE，WebStorm。介紹了使用框架的注意事項，Bootstrap、SemanticUI、Foundation、PureCSS等響應式框架的特點和優缺點等。
第十一節、課程擴展2 — 聊聊原型設計和切圖
介紹了原型設計的概念和工具，Axure等工具的使用，如何切圖，Photoshop的使用，Sketch的使用等知識。
第十二節、課程大作業
根據講師所講知識，獨立做出與課程相似的響應式頁面
