原理+實戰 快速掌握響應式開發

第1章 課程介紹
介紹什麼是響應式;課程安排;學習建議
1-1 導學
1-2 課程介紹webpack

第2章 實戰利器
逐一講解響應式web開發的理論,工具和方法。對響應式開發中涉及的各核心技術進行深刻的分析。知識點概念/原理與示例結合,讓你全面/透徹的理解和掌握響應式開發。
2-1 單位像素
2-2 媒體查詢-視口1
2-3 媒體查詢-視口2
2-4 媒體查詢-媒介查詢
2-5 設計稿
2-6 浮動
2-7 flex新科技
2-8 柵格系統
2-9 分而治之&預處理工具
2-10 JavaScript
2-11 調試方法web

第3章 項目實戰-音樂社區官網首頁
從環境搭建,到頁面各部分代碼編寫,再到模擬調試,多設備瀏覽,gulp插件集成。 完整實現一個音樂社區類的官網首頁,把前面的知識融匯到實際項目中,經過開發、調試、問題解決等過程,加深認識,掌握響應式技術在實際工做中的應用,體驗真實的開發過程。...
3-1 知己知彼
3-2 實戰基礎搭建
3-3 編寫導航欄
3-4 編寫內容區1
3-5 編寫內容區2
3-6 編寫內容區3
3-7 調試頁面gulp

第4章 通關福利-迎接將來標準適配方案
介紹新近流行單位-Viewport Units(視窗相對單位) 的基本概念,經過示例演示其用法,對原工程進行改造
4-1 視窗相對單位
4-2 webpack入門1
4-3 webpack入門2工具

第5章 課程總結
對響應式知識點進行回顧總結。什麼是響應式,爲何不能自然響應式,達成響應式的主要手段,如何看設計稿,如何搭建工程,如何測試
5-1 課程總結學習

下載地址:百度網盤下載測試

相關文章
相關標籤/搜索