|
15042| 28
|
[前端] 實戰(zhàn)-所向披靡的響應(yīng)式開發(fā) |
|
所向披靡的響應(yīng)式開發(fā)-實戰(zhàn)-收費篇
附帶源碼 忘記設(shè)備尺寸，一套代碼適配多終端，響應(yīng)式開發(fā)讓用戶體驗和開發(fā)效率完美結(jié)合. 知識點爆棚，聽得懂，學(xué)得會 全面 課程不僅包含了響應(yīng)式開發(fā)所涉及到的幾乎全部知識點，還涵蓋了產(chǎn)品、設(shè)計、流程等方方面面，讓你體驗一站式學(xué)習(xí) 細(xì)致 每一個知識點的講解都力求細(xì)致易懂，不論你的水平如何，都不會如墜云霧，讓你聽得懂、學(xué)得會 1：產(chǎn)品 2：響應(yīng)式網(wǎng)站設(shè)計實踐原則 3：響應(yīng)式布局基礎(chǔ) 4：響應(yīng)式技術(shù) 5：代碼優(yōu)化及調(diào)試 6：打包發(fā)布 產(chǎn)品原型設(shè)計 漸進(jìn)增強(qiáng) or 優(yōu)雅降級 媒體查詢 如何確定響應(yīng)式斷點 處理兼容性的技術(shù) Nodejs和NPM 交互設(shè)計 先針對小屏幕 or 大屏幕進(jìn)行設(shè)計 CSS3選擇器 響應(yīng)式滾動廣告 多個設(shè)備上同步調(diào)試 gulp使用 設(shè)計技巧和原則 確定支持的瀏覽器 視口（Viewport） 響應(yīng)式圖片 斷點選取原則 Resets與Normalize Rem布局網(wǎng)頁 清除浮動和BFC 適合人群及技術(shù)儲備要求 具備一定自學(xué)能力，了解HTML、CSS、JS基礎(chǔ)知識，尤其是對響應(yīng)式設(shè)計和開發(fā)有興趣的前后端開發(fā)工程師. 講師介紹：資深全棧工程師 前端架構(gòu)師 10余年互聯(lián)網(wǎng)從業(yè)經(jīng)驗，擁有豐富的前后端開發(fā)、敏捷過程、項目 管理經(jīng)驗，負(fù)責(zé)過多個產(chǎn)品和技術(shù)團(tuán)隊，一直奮斗在Full Stack道路 上，愛技術(shù)，愛創(chuàng)業(yè)，愛一切新事物，玩過樂隊，喜歡折騰！ 推出了《基于bootstrap的網(wǎng)頁開發(fā)》、《Ajax全接觸》等十余門課程， 帶領(lǐng)大家突破了學(xué)習(xí)瓶頸，讓同學(xué)們在求職時底氣十足！ 第1章 前期準(zhǔn)備 介紹了課程內(nèi)容、背景和案例展示、什么是響應(yīng)式網(wǎng)站、怎樣分析設(shè)計圖、響應(yīng)式網(wǎng)站設(shè)計實踐原則 第2章 如何組織項目目錄結(jié)構(gòu) 介紹了約定優(yōu)于配置的思想，常見的項目目錄和文件的組織方式，一些基本文件的作用等知識，為編碼開始做準(zhǔn)備。 第3章 開始編寫HTML代碼 根據(jù)設(shè)計圖一步一步實現(xiàn)基本的HTML結(jié)構(gòu)，介紹了文檔類型、meta聲明、IE條件表達(dá)式、html5新標(biāo)簽、語義化選擇、大綱等知識。 第4章 如何實現(xiàn)PC端的樣式 一步一步實現(xiàn)PC端的樣式，介紹了CSS Resets和Normalize，相對單位和其中的一些坑，清除浮動的幾種方式，塊級格式化上下文（BFC），inline-block的空白問題，CSS Sprites，盒模型計算，自動前綴 （autoprefixer）等知識。 第5章 如何實現(xiàn)移動端的樣式 一步一步實現(xiàn)移動端的樣式，介紹了Chrome的響應(yīng)式調(diào)試工具，媒體查詢中使用相對單位，CSS3選擇器，CSS打印相關(guān)屬性等知識。 第6章 如何實現(xiàn)響應(yīng)式廣告及響應(yīng)式圖片 一步一步實現(xiàn)響應(yīng)式滾動廣告，介紹了如何選擇第三方組件，OwlCarousel2的使用等知識。介紹了響應(yīng)式圖片實現(xiàn)的幾種方式，picture/srcset/size標(biāo)簽如何使用，svg原理和制作方式，polyfill原理，picturefill的使用，圖片壓縮等知識。 第7章 Node.js簡介 介紹了Node.js的基本知識，同步異步編程方式的區(qū)別，包管理器NPM的使用，package.json如何配置，簡單httpserver的使用等知識。 第8章 如何處理兼容性及在多個設(shè)備上進(jìn)行調(diào)試 介紹了處理兼容性的主要技術(shù)，包含調(diào)試的方法，虛擬機(jī)的使用，CSS hacks，polyfill和shim，Modernizr，兼容性查詢等知識。 第9章 如何打包發(fā)布 介紹了前端自動化的概念，grunt/gulp/webpack，如何使用Gulp進(jìn)行自動化打包發(fā)布等知識。 第10章 課程擴(kuò)展1 -- 選擇一個趁手的IDE 選擇一個趁手的IDE，WebStorm。介紹了使用框架的注意事項，Bootstrap、SemanticUI、Foundation、PureCSS等響應(yīng)式框架的特點和優(yōu)缺點等。 第11章 課程擴(kuò)展2 -- 聊聊原型設(shè)計和切圖 介紹了原型設(shè)計的概念和工具，Axure等工具的使用，如何切圖，Photoshop的使用，Sketch的使用等知識。 第12章 課程大作業(yè) 根據(jù)講師所講知識，獨立做出與課程相似的響應(yīng)式頁面。 [attach]824[/attach] 看到VIP群大家都一直苦惱百度云下載速度超級慢 這里給大家介紹的大文件直接網(wǎng)頁直接下載http://m.rigasin.com/thread-4381-1-1.html第三種辦法起親測超級快
購買主題
已有 9 人購買
本主題需向作者支付 10 資源幣 才能瀏覽
| |
| ||
| ||
| ||
| ||
| ||
| ||
| ||
| ||
| ||
小黑屋|資源共享吧 ( 瓊ICP備2023000410號-1 )
GMT+8, 2025-7-5 15:05 , Processed in 0.079323 second(s), 17 queries , MemCached On.
發(fā)表于 2016-10-30 10:47:37
收藏