• 课程 / JavaScript

    前端基础进阶-移动Web

    介绍 章节 评论 课件
    本课程采用2+5模式,前两天承接HTML+CSS,使用字体图标、平面转换、动画等,丰富网页效果和呈现方式;后5天完成移动端和多端适配效果。课程采用闭环方式设计,每章节都配备综合案例,学完即练习企业级项目,让学生不仅掌握知识点,还能学到知识点在实际开发中的应用场景, 让学生学以致用。
  • 难度:中级
  • 共187章节
  • 123383次播放
  • 第1章 课程介绍

    阶段课程介绍

    19分钟22秒

    今日课程介绍

    03分钟32秒
    第2章 字体图标

    字体图标-基本使用

    12分钟14秒

    字体图标-iconfont类

    05分钟05秒

    案例-购物车

    09分钟54秒

    字体图标-svg-上传

    10分钟15秒
    第3章 平面转换

    平面转换-介绍

    08分钟07秒

    平面转换-位移

    03分钟39秒

    平面转换-位移-技巧

    09分钟08秒

    平面转换-定位盒子居中

    12分钟23秒

    案例-双开门-布局

    06分钟00秒

    案例-双开门-hover效果

    04分钟55秒

    平面转换旋转

    07分钟45秒

    平面转换-转换圆点

    06分钟15秒

    平面转换-多重转换

    06分钟15秒

    平面转换-缩放

    18分钟24秒

    案例-缩放

    03分钟39秒

    案例-缩放-注意点-层叠性

    11分钟26秒

    渐变

    09分钟05秒

    案例-渐变

    10分钟00秒

    综合案例-华为-结构分析

    07分钟05秒

    综合案例-华为-mask

    12分钟06秒

    综合案例-华为-hover效果

    第4章 空间转换

    今日课程介绍

    07分钟13秒

    空间转换-简介

    04分钟13秒

    空间转换-位移

    07分钟35秒

    空间转换-透视属性

    09分钟22秒

    空间转换-透视属性-原理

    09分钟33秒

    空间转换-rotateZ

    04分钟16秒

    空间转换-rotateX

    04分钟34秒

    空间转换-rotateY

    03分钟30秒

    空间转换-左手法则

    05分钟41秒

    空间转换-rotate3d-了解

    02分钟33秒

    空间转换-立体呈现

    12分钟52秒
    第5章 3d导航

    3d导航-结构分析

    06分钟24秒

    3d导航-搭建立方体

    08分钟04秒

    3d导航-hover

    05分钟21秒
    第6章 课程回顾

    上午回顾

    03分钟27秒

    空间转换-缩放

    05分钟42秒
    第7章 动画

    动画-简介

    10分钟46秒

    动画-from..to

    06分钟16秒

    动画-百分比

    04分钟48秒

    动画-animation复合属性01

    11分钟18秒

    动画-animation复合属性02

    08分钟15秒

    动画-animation拆分写法

    07分钟07秒

    动画-逐帧动画-简介

    05分钟21秒

    动画-逐帧动画-实现

    12分钟02秒

    动画-多组动画

    10分钟31秒
    第8章 综合案例

    走马灯

    18分钟52秒

    全民出游-背景大图

    15分钟01秒

    全民出游-云彩-布局

    07分钟37秒

    全民出游-云彩-动画

    05分钟39秒
    第9章 课程介绍2

    考试题

    11分钟57秒

    课程介绍

    01分钟49秒

    课程知识介绍

    01分钟01秒
    第10章 移动端的特点

    PC和移动网页不同点

    05分钟13秒

    谷歌模拟器

    07分钟07秒

    分辨率

    10分钟32秒

    代码参考分辨率-逻辑

    10分钟02秒

    视口

    12分钟00秒

    二倍图

    14分钟50秒

    百分比布局

    12分钟27秒
    第11章 Flex

    Flex-体验

    09分钟43秒

    Flex简介

    08分钟40秒

    Flex-组成

    08分钟42秒

    Flex-主轴对齐方式

    10分钟39秒

    Flex-侧轴对齐方式

    09分钟48秒

    Flex-单独控制某个盒子侧轴对齐方式

    03分钟17秒

    Flex-弹性盒子尺寸特点

    04分钟38秒

    Flex-弹性伸缩比

    12分钟45秒
    第12章 小兔鲜-订单

    小兔鲜儿-确认订单-准备工作

    10分钟10秒

    确认订单-整体布局

    16分钟16秒

    确认订单-底部支付-布局

    07分钟39秒

    确认订单-底部支付-左侧

    07分钟16秒

    确认订单-底部支付-右侧

    04分钟25秒

    确认订单-用户信息-整体布局

    13分钟01秒

    确认订单-用户信息-内容布局

    05分钟38秒

    确认订单-用户信息-文字内容

    08分钟39秒
    第13章 小兔鲜儿-商品与其他信息

    课程介绍

    02分钟48秒

    商品-布局

    12分钟24秒

    商品-数量

    05分钟36秒

    商品-描述

    16分钟35秒

    其他信息-布局

    11分钟08秒

    其他信息-内容

    08分钟47秒
    第14章 Flex布局

    Flex-修改主轴方向

    07分钟51秒

    Flex-主轴方向和对齐方式

    05分钟32秒

    Flex-弹性盒子换行

    08分钟52秒

    Flex-调整行对齐方式

    05分钟51秒
    第15章 小兔鲜儿-PC

    项目介绍

    10分钟10秒

    背景

    07分钟25秒

    内容布局

    08分钟25秒

    账户概览-布局

    09分钟02秒

    账户概览-内容

    14分钟46秒

    账户概览-图片尺寸

    03分钟54秒

    公共面板-布局

    10分钟22秒

    公共面板-文字样式

    04分钟30秒

    订单-li布局

    07分钟03秒

    订单-内容布局

    07分钟31秒

    订单-goods

    09分钟18秒

    订单-goods-省略号

    07分钟29秒

    订单-common

    08分钟55秒
    第16章 移动适配

    移动适配

    10分钟24秒

    今日课程介绍

    02分钟11秒

    体验rem移动适配

    05分钟00秒

    rem-基本使用

    07分钟04秒

    rem-媒体查询

    12分钟53秒

    rem-移动适配

    10分钟03秒

    rem-布局流程

    08分钟40秒

    rem-flexible移动适配

    09分钟46秒

    Less-体验

    06分钟52秒

    Less-简介

    03分钟04秒

    Less-EasyLess插件

    00分钟58秒

    Less-注释

    04分钟22秒

    Less-计算

    07分钟25秒

    Less-嵌套

    10分钟02秒

    Less-变量

    10分钟35秒

    Less-导入

    06分钟01秒

    Less-导出-插件配置

    08分钟38秒

    Less-导出-单独路径

    04分钟30秒

    Less-禁止导出

    03分钟47秒
    第17章 游乐园项目

    项目准备

    07分钟10秒

    Less-导入

    03分钟13秒

    整体布局

    09分钟44秒

    根字号变量

    05分钟15秒

    banner区域

    04分钟02秒

    活动标题

    04分钟47秒

    活动-布局

    06分钟54秒

    活动-字体图标

    08分钟20秒

    活动-状态-蓝色

    06分钟47秒

    活动状态-灰色

    08分钟29秒

    活动-文字-top

    06分钟45秒

    活动-文字-bottom

    07分钟12秒

    活动-内容复制

    04分钟16秒

    活动-底部工具栏

    10分钟46秒
    第18章 vw和vh

    vw-体验

    09分钟48秒

    vh-体验

    03分钟30秒

    vw-移动适配

    06分钟27秒

    vh-移动适配

    04分钟30秒

    vh-全面屏影响

    05分钟10秒
    第19章 B站

    获取素材

    08分钟51秒

    项目准备

    05分钟51秒

    头部-布局

    vw变量

    01分钟39秒

    头部-logo图标

    06分钟53秒

    头部-right内容

    头部-更多

    头部-字体图标字号

    头部-tab

    视频-布局

    视频-思路

    视频-介绍文字

    视频-数量统计

    09分钟41秒

    视频-弹性盒子换行

    头部-层级和背景色

    03分钟10秒
    第20章 媒体查询

    课程介绍

    06分钟04秒

    媒体查询-max-min-width

    10分钟50秒

    媒体查询-书写顺序

    09分钟35秒

    了解-媒体查询-完整写法

    06分钟27秒

    媒体查询-link写法

    06分钟17秒

    媒体查询-隐藏

    09分钟26秒
    第21章 bootstrap

    bootstrap体验

    07分钟10秒

    bootstrap简介

    03分钟18秒

    bootstrap下载

    09分钟56秒

    bootstrap-使用

    08分钟43秒

    bootstrap-栅格系统-原理

    10分钟30秒

    bootstrap-栅格系统-代码

    10分钟22秒

    bootstrap-栅格系统-其他类名

    08分钟01秒

    bootstrap-介绍

    06分钟19秒

    bootstrap-表格

    08分钟47秒

    bootstrap-按钮

    07分钟23秒

    bootstrap-组件

    07分钟57秒

    bootstrap-字体图标

    03分钟22秒

    bootstrap-插件-下拉菜单

    07分钟10秒

    bootstrap-插件-轮播图

    06分钟49秒
    第22章 AlloyTeam

    项目准备

    04分钟35秒

    banner图-高度

    16分钟17秒

    头部-组件

    06分钟41秒

    头部-样式

    07分钟18秒

    定制-项目导航

    13分钟53秒

    开源项目-标题文字

    06分钟28秒

    开源项目-栅格布局

    04分钟14秒

    开源项目-内容

    06分钟32秒

    全局样式

    08分钟10秒

    讲师介绍

    王林
    王林
    学生
    能学到什么:

    本课程采用2+5模式,前两天承接HTML+CSS,使用字体图标、平面转换、动画等,丰富网页效果和呈现方式;后5天完成移动端和多端适配效果。课程采用闭环方式设计,每章节都配备综合案例,学完即练习企业级项目,让学生不仅掌握知识点,还能学到知识点在实际开发中的应用场景, 让学生学以致用。

    全部评论我要评论

    暂无评论~
  • 取消 回复 发送
  • PHP中文网