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