教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

移動web開發(fā)實戰(zhàn)

更新時間:2023年04月18日16時51分 來源:傳智教育 瀏覽次數(shù):

好口碑IT培訓

  課程簡介:

  本課程采用2+5模式, 前兩天承接HTML+CSS, 使用字體圖標、平面轉換、動畫等,豐富網(wǎng)頁效果和呈現(xiàn)方式;后5天完成移動端和多端適配效果。課程采用閉環(huán)方式設計,每天課程都有完整的案例或項目, 讓學生學以致用。

  講解方式:

  每章節(jié)都配備綜合案例,學完即練習企業(yè)級項目,讓學生不僅掌握知識點,還能學到知識點在實際開發(fā)中的應用場景。

  課程亮點:

  1. 實戰(zhàn)式教學:每章節(jié)案例都取自一線大廠;

  2. 多元化項目:項目選型涵蓋企業(yè)站、電商站、門戶網(wǎng)站等等;


只要大家有需求

我們的視頻教程就絕不會缺席

黑馬程序員重磅發(fā)布新教程

  課程內容:

  1.字體圖標

  2.CSS3平面、空間轉換;

  3.CSS3動畫;

  4.Flex布局;

  5.Rem布局;

  6.Less;

  7.二倍圖;

  8.vw / vh布局;

  9.媒體查詢;

  10.bootstrap框架;

  11.響應式網(wǎng)頁布局;

  程目錄  

  移動Web實戰(zhàn)(滑動查看)

  第1節(jié) - 階段課程介紹

  第2節(jié) - 今日課程介紹

  第3節(jié) - 字體圖標-基本使用

  第4節(jié) - 字體圖標-iconfont類

  第5節(jié) - 案例-購物車

  第6節(jié) - 07字體圖標-svg-上傳

  第7節(jié) - 平面轉換-介紹

  第8節(jié) - 平面轉換-位移

  第9節(jié) - 平面轉換-位移-技巧

  第10節(jié) - 平面轉換-定位盒子居中

  第11節(jié) - 案例-雙開門-布局

  第12節(jié) - 案例-雙開門-hover效果

  第13節(jié) - 平面轉換旋轉

  第14節(jié) - 平面轉換-轉換原點

  第15節(jié) - 平面轉換-多重轉換

  第16節(jié) - 平面轉換-縮放

  第17節(jié) - 案例-縮放

  第18節(jié) - 案例-縮放-注意點-層疊性

  第19節(jié) - 漸變

  第20節(jié) - 案例-漸變

  第21節(jié) - 綜合案例-華為-結構分析

  第22節(jié) - 綜合案例-華為-mask

  第23節(jié) - 綜合案例-華為-hover效果

  第24節(jié) - 今日課程介紹

  第25節(jié) - 空間轉換-簡介

  第26節(jié) - 空間轉換-位移

  第27節(jié) - 空間轉換-透視屬性

  第28節(jié) - 空間轉換-透視屬性-原理

  第29節(jié) - 空間轉換-rotateZ

  第30節(jié) - 空間轉換-rotateX

  第31節(jié) - 空間轉換-rotateY

  第32節(jié) - 空間轉換-左手法則

  第33節(jié) - 空間轉換-rotate3d-了解

  第34節(jié) - 空間轉換-立體呈現(xiàn)

  第35節(jié) - 3d導航-結構分析

  第36節(jié) - 3d導航-搭建立方體

  第37節(jié) - 3d導航-hover

  第38節(jié) - 上午回顧

  第39節(jié) - 空間轉換-縮放

  第40節(jié) - 動畫-簡介

  第41節(jié) - 動畫-from..to

  第42節(jié) - 動畫-百分比

  第43節(jié) - 動畫-animation復合屬性01

  第44節(jié) - 動畫-animation復合屬性02

  第45節(jié) - 動畫-animation拆分寫法

  第46節(jié) - 動畫-逐幀動畫-簡介

  第47節(jié) - 動畫-逐幀動畫-實現(xiàn)

  第48節(jié) - 動畫-多組動畫

  第49節(jié) - 綜合案例-走馬燈

  第50節(jié) - 綜合案例-全民出游-背景大圖

  第51節(jié) - 綜合案例-全民出游-云彩-布局

  第52節(jié) - 綜合案例-全民出游-云彩-動畫

  第53節(jié) - 考試題

  第54節(jié) - 課程介紹

  第55節(jié) - 課程知識介紹

  第56節(jié) - PC和移動網(wǎng)頁不同點

  第57節(jié) - 谷歌模擬器

  第58節(jié) - 分辨率

  第59節(jié) - 代碼參考分辨率-邏輯

  第60節(jié) - 視口

  第61節(jié) - 二倍圖

  第62節(jié) - 百分比布局

  第63節(jié) - Flex-體驗

  第64節(jié) - Flex-簡介

  第65節(jié) - Flex-組成

  第66節(jié) - Flex-主軸對齊方式

  第67節(jié) - Flex-側軸對齊方式

  第68節(jié) - Flex-單獨控制某個盒子側軸對齊方式

  第69節(jié) - Flex-彈性盒子尺寸特點

  第70節(jié) - Flex-彈性伸縮比

  第71節(jié) - 小兔鮮兒-確認訂單-準備工作

  第72節(jié) - 小兔鮮兒-確認訂單-整體布局

  第73節(jié) - 小兔鮮兒-確認訂單-底部支付-布局

  第74節(jié) - 小兔鮮兒-確認訂單-底部支付-左側

  第75節(jié) - 小兔鮮兒-確認訂單-底部支付-右側

  第76節(jié) - 小兔鮮兒-確認訂單-用戶信息-整體布局

  第77節(jié) - 小兔鮮兒-確認訂單-用戶信息-內容布局

  第78節(jié) - 小兔鮮兒-確認訂單-用戶信息-文字內容

  第79節(jié) - 課程介紹

  第80節(jié) - 小兔鮮兒-商品-布局

  第81節(jié) - 小兔鮮兒-商品-數(shù)量

  第82節(jié) - 小兔鮮兒-商品-描述

  第83節(jié) - 小兔鮮兒-其他信息-布局

  第84節(jié) - 小兔鮮兒-其他信息-內容

  第85節(jié) - Flex-修改主軸方向

  第86節(jié) - Flex-主軸方向和對齊方式

  第87節(jié) - Flex-彈性盒子換行

  第88節(jié) - Flex-調整行對齊方式

  第89節(jié) - 小兔鮮兒-pc-項目介紹

  第90節(jié) - 小兔鮮兒-pc-背景

  第91節(jié) - 小兔鮮兒-pc-內容布局

  第92節(jié) - 小兔鮮兒-pc-賬戶概覽-布局

  第93節(jié) - 小兔鮮兒-pc-賬戶概覽-內容

  第94節(jié) - 小兔鮮兒-pc-賬戶概覽-圖片尺寸

  第95節(jié) - 小兔鮮兒-pc-公共面板-布局

  第96節(jié) - 小兔鮮兒-pc-公共面板-文字樣式

  第97節(jié) - 小兔鮮兒-pc-訂單-li布局

  第98節(jié) - 小兔鮮兒-pc-訂單-內容布局

  第99節(jié) - 小兔鮮兒-pc-訂單-goods

  第100節(jié) - 小兔鮮兒-pc-訂單-goods-省略號

  第101節(jié) - 小兔鮮兒-pc-訂單-common

  第102節(jié) - 移動適配

  第103節(jié) - 今日課程介紹

  第104節(jié) - 體驗rem移動適配

  第105節(jié) - rem-基本使用

  第106節(jié) - rem-媒體查詢

  第107節(jié) - rem-移動適配

  第108節(jié) - rem-布局流程

  第109節(jié) - rem-flexible移動適配

  第110節(jié) - Less-體驗

  第111節(jié) - Less-簡介

  第112節(jié) - Less-EasyLess插件

  第113節(jié) - Less-注釋

  第114節(jié) - Less-計算

  第115節(jié) - Less-嵌套

  第116節(jié) - Less-變量

  第117節(jié) - Less-導入

  第118節(jié) - Less-導出-插件配置

  第119節(jié) - Less-導出-單獨路徑

  第120節(jié) - Less-禁止導出

  第121節(jié) - 游樂園-項目準備

  第122節(jié) - 游樂園-Less-導入

  第123節(jié) - 游樂園-整體布局

  第124節(jié) - 游樂園-根字號變量

  第125節(jié) - 游樂園-banner區(qū)域

  第126節(jié) - 游樂園-活動標題

  第127節(jié) - 游樂園-活動-布局

  第128節(jié) - 游樂園-活動-字體圖標

  第129節(jié) - 游樂園-活動-狀態(tài)-藍色

  第130節(jié) - 游樂園-活動-狀態(tài)-灰色

  第131節(jié) - 游樂園-活動-文字-top

  第132節(jié) - 游樂園-活動-文字-bottom

  第133節(jié) - 游樂園-活動-內容復制

  第134節(jié) - 游樂園-活動-底部工具欄

  第135節(jié) - vw-體驗

  第136節(jié) - vh-體驗

  第137節(jié) - vw-移動適配

  第138節(jié) - vh-移動適配

  第139節(jié) - vh-全面屏影響

  第140節(jié) - B站-獲取素材

  第141節(jié) - B站-項目準備

  第142節(jié) - B站-頭部-布局

  第143節(jié) - B站-vw變量

  第144節(jié) - B站-頭部-logo圖標

  第145節(jié) - B站-頭部-right內容

  第146節(jié) - B站-頭部-更多

  第147節(jié) - B站-頭部-字體圖標字號

  第148節(jié) - B站-頭部-tab

  第149節(jié) - B站-視頻-布局

  第150節(jié) - B站-視頻-思路

  第151節(jié) - B站-視頻-介紹文字

  第152節(jié) - B站-視頻-數(shù)量統(tǒng)計

  第153節(jié) - B站-視頻-彈性盒子換行

  第154節(jié) - B站-頭部-層級和背景色

  第155節(jié) - 課程介紹

  第156節(jié) - 媒體查詢-max-min-width

  第157節(jié) - 媒體查詢-書寫順序

  第158節(jié) - 了解-媒體查詢-完整寫法

  第159節(jié) - 媒體查詢-link寫法

  第160節(jié) - 媒體查詢-隱藏

  第161節(jié) - bootstrap-體驗

  第162節(jié) - bootstrap-簡介

  第163節(jié) - bootstrap-下載

  第164節(jié) - bootstrap-使用

  第165節(jié) - bootstrap-柵格系統(tǒng)-原理

  第166節(jié) - bootstrap-柵格系統(tǒng)-代碼

  第167節(jié) - bootstrap-柵格系統(tǒng)-其他類名

  第168節(jié) - bootstrap-介紹

  第169節(jié) - bootstrap-表格

  第170節(jié) - bootstrap-按鈕

  第171節(jié) - bootstrap-組件

  第172節(jié) - bootstrap-字體圖標

  第173節(jié) - bootstrap-插件-下拉菜單

  第174節(jié) - bootstrap-插件-輪播圖

  第175節(jié) - AlloyTeam-項目準備

  第176節(jié) - AlloyTeam-banner圖-高度

  第177節(jié) - AlloyTeam-頭部-組件

  第178節(jié) - AlloyTeam-頭部-樣式

  第179節(jié) - bootstrap-定制-項目導航

  第180節(jié) - AlloyTeam-開源項目-標題文字

  第181節(jié) - AlloyTeam-開源項目-柵格布局

  第182節(jié) - AlloyTeam-開源項目-內容

  第183節(jié) - bootstrap-全局樣式

  未完待續(xù),黑馬老師996更新中......


掌握行業(yè)熱門技術

是每個程序員都應該重視的事情

移動web開發(fā)實戰(zhàn)如此重要,你還沒學?

點擊或搜索黑馬程序員B站

觀看全集視頻

- 完整配套資料領取方式 -

(視頻+講義+源碼+筆記+資料)

黑馬程序員視頻庫

搜索《移動web開發(fā)實戰(zhàn)

0 分享到:
和我們在線交談!