请选择 进入手机版 | 继续访问电脑版

响应式开发一招致胜

17
回复
262
查看
[复制链接]
  • TA的每日心情

    昨天 01:27
  • 签到天数: 25 天

    [LV.4]偶尔看看III

    4129

    主题

    4714

    帖子

    44万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    445567
    发表于 2018-9-14 15:19:05 | 显示全部楼层 |阅读模式
    编程专区
    编程语言: 网页前端 
    课程类型: 功能实现 
    145800aa999bav7co023b3.jpg

    第1章 前期准备
    介绍了课程内容、背景和案例展示、什么是响应式网站、怎样分析设计图、响应式网站设计实践原则
    1-1 课程安排 试看
    1-2 课程简介
    1-3 响应式网站设计的概念 试看
    1-4 响应式网站的优点 试看
    1-5 浏览器一览
    1-6 媒体查询-1
    1-7 媒体查询-2
    1-8 媒体查询-3
    1-9 怎样分析设计图
    1-10 响应式网站设计实践原则

    第2章 如何组织项目目录结构
    介绍了约定优于配置的思想,常见的项目目录和文件的组织方式,一些基本文件的作用等知识,为编码开始做准备。
    2-1 简述
    2-2 文件夹的组织
    2-3 有用的文件1(robots.txt、favicon.ico、humans.txt)
    2-4 有用的文件2(.editorconfig、gitignore)
    2-5 有用的文件3(LICENSE.txt、README.md、CHANGELOG.md)
    2-6 有用的文件4(markdown)

    第3章 开始编写HTML代码
    根据设计图一步一步实现基本的HTML结构,介绍了文档类型、meta声明、IE条件表达式、html5新标签、语义化选择、大纲等知识。
    3-1 开始
    3-2 header部分及HTML5新增标签简介
    3-3 footer部分
    3-4 主要内容1
    3-5 主要内容2
    3-6 主要内容3
    3-7 课程作业01

    第4章 如何实现PC端的样式
    一步一步实现PC端的样式,介绍了CSS Resets和Normalize,相对单位和其中的一些坑,清除浮动的几种方式,块级格式化上下文(BFC),inline-block的空白问题,CSS Sprites,盒模型计算,自动前缀(autoprefixer)等知识。
    4-1 CSS Resets
    4-2 px,em,rem
    4-3 清除浮动1
    4-4 清除浮动2
    4-5 页眉页脚样式
    4-6 主要内容样式1
    4-7 主要内容样式2

    第5章 如何实现移动端的样式
    一步一步实现移动端的样式,介绍了Chrome的响应式调试工具,媒体查询中使用相对单位,CSS3选择器,CSS打印相关属性等知识。
    5-1 响应式布局调试工具
    5-2 如何选择媒体查询单位1
    5-3 如何实现移动端的样式-如何选择媒体查询单位2
    5-4 CSS3选择器1
    5-5 CSS3选择器2
    5-6 样式书写1
    5-7 样式书写2(平台特点、最新公告、产品版块)
    5-8 样式书写3(底部导航及简述表格处理方式)
    5-9 打印样式
    5-10 课程作业02

    第6章 如何实现响应式广告及响应式图片
    一步一步实现响应式滚动广告,介绍了如何选择第三方组件,OwlCarousel2的使用等知识。介绍了响应式图片实现的几种方式,picture/srcset/size标签如何使用,svg原理和制作方式,polyfill原理,picturefill的使用,图片压缩等知识。
    6-1 如何实现响应式广告-1
    6-2 如何实现响应式广告-2
    6-3 如何实现响应式广告-3
    6-4 如何实现响应式图片-概述1(JS或服务端实现)
    6-5 如何实现响应式图片-概述2(srcset 方法)
    6-6 如何实现响应式图片-sizes(sizes 解决 srcset坑)
    6-7 如何实现响应式图片-picture标签
    6-8 如何实现响应式图片-svg
    6-9 如何实现响应式图片-响应式广告具体实现
    6-10 作业03

    第7章 Node.js简介
    介绍了Node.js的基本知识,同步异步编程方式的区别,包管理器NPM的使用,package.json如何配置,简单httpserver的使用等知识。
    7-1 Node.js简介-1(Nodejs)
    7-2 Node.js简介-2(npm 使用上)
    7-3 Node.js简介-3(npm 使用下)
    7-4 Node.js简介-4 (nodejs 启动 server 服务)

    第8章 如何处理兼容性及在多个设备上进行调试
    介绍了处理兼容性的主要技术,包含调试的方法,虚拟机的使用,CSS hacks,polyfill和shim,Modernizr,兼容性查询等知识。
    8-1 如何处理兼容性-桌面端如何调试-1
    8-2 如何处理兼容性-桌面端如何调试-2
    8-3 如何处理兼容性-移动端如何调试
    8-4 如何处理兼容性-处理兼容性的方法
    8-5 如何在多个设备上进行调试
    8-6 作业04

    第9章 如何打包发布
    介绍了前端自动化的概念,grunt/gulp/webpack,如何使用Gulp进行自动化打包发布等知识。
    9-1 如何打包发布-1
    9-2 如何打包发布-2
    9-3 如何打包发布-3
    9-4 总结

    第10章 课程扩展1 -- 选择一个趁手的IDE
    选择一个趁手的IDE,WebStorm。介绍了使用框架的注意事项,Bootstrap、SemanticUI、Foundation、PureCSS等响应式框架的特点和优缺点等。
    10-1 Webstorm的基本操作
    10-2 Emmet-1
    10-3 Emmet-2
    10-4 Emmet-3
    10-5 Emmet-4
    10-6 WebStorm进阶操作-体贴易用小功能-1
    10-7 WebStorm进阶操作-体贴易用小功能-2
    10-8 WebStorm进阶操作-体贴易用小功能-3
    10-9 WebStorm进阶操作-重构
    10-10 WebStorm进阶操作-代码错误提示
    10-11 流行的响应式框架简介
    10-12 总结

    第11章 课程扩展2 -- 聊聊原型设计和切图
    介绍了原型设计的概念和工具,Axure等工具的使用,如何切图,Photoshop的使用,Sketch的使用等知识。
    11-1 Axure
    11-2 Sketch
    11-3 切图
    11-4 交互设计

    第12章 课程大作业
    根据讲师所讲知识,独立做出与课程相似的响应式页面。
    12-1 大作业


    游客,如果您要查看本帖隐藏内容请回复

    回复

    使用道具 举报

  • TA的每日心情
    擦汗
    2019-9-26 10:39
  • 签到天数: 10 天

    [LV.3]偶尔看看II

    1

    主题

    34

    帖子

    3165

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    3165
    发表于 2019-5-26 11:24:50 | 显示全部楼层
    案例屡屡的
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    无聊
    2019-6-7 15:14
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    2

    帖子

    11

    积分

    新手上路

    Rank: 1

    积分
    11
    发表于 2019-6-7 15:16:48 | 显示全部楼层
    开心么么
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    1

    帖子

    4

    积分

    新手上路

    Rank: 1

    积分
    4
    发表于 2019-6-10 19:06:16 | 显示全部楼层
           
    参与/回复主题关闭
    这里是快捷回复,赶紧试试哦:
    感谢 支持 不错 无奈 一般 生气
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2019-6-29 12:01
  • 签到天数: 2 天

    [LV.1]初来乍到

    0

    主题

    3

    帖子

    42

    积分

    新手上路

    Rank: 1

    积分
    42
    发表于 2019-6-17 17:54:36 来自手机 | 显示全部楼层
    哈哈hhhhejsjkskdkdkekekke
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    昨天 08:35
  • 签到天数: 105 天

    [LV.6]常住居民II

    1

    主题

    180

    帖子

    4929

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    4929
    发表于 2019-6-17 20:27:13 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    无聊
    2019-6-26 21:43
  • 签到天数: 10 天

    [LV.3]偶尔看看II

    2

    主题

    35

    帖子

    860

    积分

    高级会员

    Rank: 4

    积分
    860
    发表于 2019-6-18 09:02:10 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2019-6-25 00:03
  • 签到天数: 2 天

    [LV.1]初来乍到

    0

    主题

    3

    帖子

    45

    积分

    新手上路

    Rank: 1

    积分
    45
    发表于 2019-6-25 00:03:25 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    擦汗
    2019-7-3 11:17
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    2

    帖子

    25

    积分

    新手上路

    Rank: 1

    积分
    25
    发表于 2019-7-3 11:18:21 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    前天 21:23
  • 签到天数: 25 天

    [LV.4]偶尔看看III

    0

    主题

    79

    帖子

    2920

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    2920
    发表于 2019-7-30 19:13:22 | 显示全部楼层
    正需要,支持楼主大人了!
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    学习课程!一站搞定!
    学途无忧VIP会员群

    973849140

    周一至周日9:00-23:00

    反馈建议

    [email protected] 在线QQ咨询

    扫描二维码关注我们

    学途无忧!为学习谋坦途,为会员谋福利!|网站地图